:root{--mint:#a8dfcf;--text:#dbe9e5;--muted:#73918d;--border:#b1e4d525}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:#000;color:var(--text);font-family:"Geist Mono",ui-monospace,Menlo,monospace}button,input,select{font:inherit}button,summary{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,label:focus-within{outline:2px solid var(--mint);outline-offset:4px}button{color:inherit}#scene{display:block;width:100vw;height:100dvh;font-family:"Geist Mono",Menlo,monospace;cursor:default}header{position:fixed;inset:0 0 auto;padding:28px 40px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(#000c,transparent);pointer-events:none;z-index:2}header>*{pointer-events:auto}.brand{display:flex;gap:12px;align-items:center;color:var(--text);text-decoration:none;font-size:16px;letter-spacing:1px}.symbol{font-size:37px;color:var(--mint)}.brand small{display:block;font-size:8px;letter-spacing:2px;color:#63807b;margin-top:5px}nav{display:flex;gap:22px;align-items:center}nav a{font-size:10px;color:#809b94;text-decoration:none}nav button{font-size:9px;border:1px solid var(--border);background:#07100d;padding:9px 12px;border-radius:5px}.private{font-size:8px;color:#547468;letter-spacing:1px}i{display:inline-block;width:4px;height:4px;background:#9ed2bf;border-radius:50%;box-shadow:0 0 10px #9ed2bf;margin-right:5px}.intro{position:fixed;top:145px;left:42px;pointer-events:none;background:radial-gradient(ellipse at 10% 45%,#000b,transparent 75%);padding-right:30px;max-width:370px}.eyebrow{font-size:8px;letter-spacing:1.5px;color:#83a399}h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(30px,3.2vw,46px);font-weight:400;letter-spacing:-1px;line-height:1.3;color:#cbddd5;margin:18px 0 15px}.intro p{font:11px/1.9 sans-serif;color:#758f87}.stats{display:flex;gap:24px;align-items:center;margin-top:28px}.stats>div{display:flex;flex-direction:column;gap:8px}.stats strong{font-size:22px;font-weight:400;color:var(--mint)}.stats div>span{font-size:8px;letter-spacing:.5px;color:#637d74}.divider{width:1px;height:30px;background:var(--border)}.source-info{margin-top:23px;display:flex;flex-direction:column;gap:9px}.source-info>span{font-size:9px;color:#4c6b5c;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-info button{pointer-events:auto;align-self:flex-start;border:0;background:none;padding:0;color:#90b7a4;font-size:10px}.dock{position:fixed;bottom:64px;left:50%;transform:translateX(-50%);z-index:3;display:flex;align-items:center;gap:21px;padding:15px 19px;background:#07110ee8;backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:17px;box-shadow:0 12px 50px #0005}.upload{display:flex;align-items:center;gap:13px;cursor:pointer;position:relative}.upload input{width:1px;height:1px;position:absolute;opacity:0}.upload-icon{display:grid;place-items:center;width:42px;height:42px;background:var(--mint);color:#173a2e;border-radius:12px;font-size:25px}.upload>span:nth-child(2){white-space:nowrap;font:13px sans-serif}.upload small{display:block;font-size:9px;color:#6f9383;margin-top:6px}.dock-divider{height:30px;width:1px;background:var(--border)}summary{list-style:none;white-space:nowrap;font:11px sans-serif;color:#8da99c;padding:12px 0}summary::-webkit-details-marker{display:none}summary span{margin-left:9px}.settings-panel,.export-panel{position:absolute;bottom:calc(100% + 12px);right:0;width:294px;padding:21px;border:1px solid var(--border);border-radius:13px;background:#091410fa;box-shadow:0 10px 40px #0005;max-height:calc(100dvh - 205px);overflow:auto}.panel-title{font:12px sans-serif;display:flex;justify-content:space-between;color:#bed5ca;align-items:center}.panel-title span{font:8px monospace;color:#658777;letter-spacing:2px}.modes,.tools{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.modes button,.tools button,.actions button,.wide-button,.export-panel button{padding:10px 7px;border:1px solid var(--border);background:#0d1b15;color:#82a391;font:10px sans-serif;border-radius:6px}.modes button.active,.tools button.active{background:#254135;color:#c3e9cf;border-color:#81ac8b}.field{font:10px sans-serif;color:#89a494;display:flex;justify-content:space-between;margin:17px 0 8px}.field output{font:9px monospace;color:#b4cebf}input[type=range]{width:100%;height:3px;margin:4px 0 8px;accent-color:#a8dfcf;cursor:pointer}select{width:100%;background:#12241a;border:1px solid var(--border);color:#b4cebf;border-radius:4px;padding:8px;font-size:10px}.actions{display:flex;gap:8px;border-top:1px solid var(--border);padding-top:15px;margin-top:18px}.actions button{flex:1;background:none}.settings-panel p,.editor-tools p,.export-panel p{font:9px/1.8 sans-serif;color:#567762;margin:15px 0 0}.export-panel{width:210px;display:grid;gap:9px}.export-panel p{margin:0}.scene-tip{position:fixed;left:50%;bottom:158px;transform:translateX(-50%);pointer-events:none;color:#486758;font-size:8px;letter-spacing:1.4px;white-space:nowrap}footer{position:fixed;bottom:23px;left:40px;right:40px;display:flex;justify-content:space-between;pointer-events:none;font:9px sans-serif;color:#405c50;letter-spacing:.4px}footer span:last-child{font:8px monospace;letter-spacing:1px}#notice{position:fixed;bottom:183px;left:50%;transform:translate(-50%,8px);opacity:0;transition:.2s;pointer-events:none;max-width:90vw;background:#152c22ed;border:1px solid #8db99a36;padding:11px 18px;border-radius:30px;font:11px sans-serif;color:#b9e3c8;z-index:9;text-align:center}#notice.show{opacity:1;transform:translate(-50%,0)}dialog{background:#08110f;color:var(--text);width:min(820px,calc(100vw - 32px));padding:27px;border:1px solid #a8dfcf38;border-radius:18px;max-height:92dvh;overflow:auto;box-shadow:0 40px 150px #000b}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}.editor-head{display:flex;justify-content:space-between;align-items:center}.editor-head h2{font:29px Georgia,serif;margin:10px 0}.editor-head button{background:none;border:1px solid var(--border);border-radius:50%;width:30px;height:30px;font-size:20px;color:#8cac9b}.editor-description{font:11px/1.8 sans-serif;color:#7c9b89;margin:5px 0 23px}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:24px}.editor-preview{position:relative;min-width:0;display:flex;align-items:center;background:conic-gradient(#18231c 25%,#0e1712 0 50%,#18231c 0 75%,#0e1712 0) 0 0/18px 18px;border-radius:8px;overflow:hidden}#editCanvas{display:block;width:100%;height:310px;touch-action:none}.preview-legend{position:absolute;bottom:12px;left:13px;display:flex;gap:13px;font-size:8px;color:#86a494;pointer-events:none}.preview-legend b{display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:5px}.head-dot{background:#b6f1c1}.tail-dot{background:#e4b36b}.tool-title{margin-top:24px}.wide-button{width:100%;margin-top:11px}.editor-tools p{font-size:9px}.editor-bottom{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--border);padding-top:18px;margin-top:18px}.editor-bottom button{padding:12px 17px;background:none;border:1px solid var(--border);border-radius:6px;font:11px sans-serif}.editor-bottom .primary{color:#173a2e;background:#a8dfcf;border-color:#a8dfcf}#editorStatus{font:10px/1.7 sans-serif;color:#90b19e;margin-top:18px;min-height:18px}body.dragging:after{content:'Drop your image to bring it to life';position:fixed;inset:15px;z-index:20;display:grid;place-items:center;border:1px dashed var(--mint);background:#06130eea;border-radius:15px;font:22px Georgia,serif;color:var(--mint);pointer-events:none}@media(max-width:800px){.private{display:none}header{padding:24px}.intro{left:26px;top:125px;max-width:260px}h1{font-size:32px}.dock{gap:16px;padding:14px 16px}.upload small{font-size:8px}.upload>span:nth-child(2){font-size:12px}.upload-icon{width:37px;height:37px}.scene-tip{font-size:7px}footer{left:24px;right:24px;font-size:8px}footer span:last-child{font-size:6px}}@media(max-width:560px){header{padding:20px}.brand{font-size:14px;gap:8px}.brand small{font-size:6px}.symbol{font-size:30px}nav{gap:12px}nav a{font-size:8px}nav button{font-size:8px;padding:7px 8px}.intro{top:106px;left:22px;max-width:220px}.eyebrow{font-size:6px;letter-spacing:1px}h1{font-size:28px}.intro p{font-size:10px}.stats{margin-top:21px}.stats strong{font-size:19px}.source-info{margin-top:18px}.dock{width:calc(100% - 30px);bottom:55px;gap:12px;padding:12px}.upload{gap:9px;flex:1}.upload small{max-width:110px;font-size:7px}.upload>span:nth-child(2){font-size:11px}.upload-icon{width:32px;height:35px;border-radius:9px}.dock-divider{display:none}summary{font-size:10px}.exports>summary{font-size:0}.exports>summary:after{content:'↓';font-size:20px}.settings-panel{width:280px}.scene-tip{bottom:138px;font-size:6px;letter-spacing:.8px}footer{left:20px;right:20px;bottom:20px;font-size:7px}footer span:last-child{display:none}#notice{bottom:164px;font-size:10px}dialog{padding:20px}.editor-layout{grid-template-columns:1fr;gap:20px}#editCanvas{height:235px}.editor-tools{display:grid;grid-template-columns:1fr 1fr;gap:10px 15px}.editor-tools>.panel-title,.editor-tools>p,.editor-tools>.tools{grid-column:1/-1}.editor-tools .tool-title{margin-top:8px}.editor-tools .field{margin:7px 0}.editor-tools input[type=range]{align-self:center}.editor-tools .wide-button{margin-top:0}.editor-description{font-size:10px}.editor-head h2{font-size:25px}.editor-bottom button{padding:11px;font-size:10px}}@media(max-height:600px){.intro{top:100px}h1{font-size:29px}.intro p{display:none}.stats{margin-top:18px}.source-info{margin-top:15px}}
.recognition-card{margin-top:22px;display:flex;flex-direction:column;gap:7px;pointer-events:auto;max-width:230px;border-left:1px solid #a8dfcf40;padding-left:12px}.recognition-card>span{font:12px sans-serif;color:#b5daca}.recognition-card small{font:9px/1.7 sans-serif;color:#6b927e}.recognition-card button{align-self:flex-start;border:0;background:none;padding:4px 0;font:10px sans-serif;color:#a8dfcf}.recognition-card button:disabled{opacity:.4;cursor:wait}.source-info{margin-top:15px}.modes{grid-template-columns:repeat(2,1fr)}.modes button:last-child:nth-child(odd){grid-column:1/-1}.intro{max-width:350px}.intro p{margin-bottom:0}@media(max-width:560px){.recognition-card{margin-top:16px;max-width:195px}.recognition-card>span{font-size:11px}.recognition-card small{font-size:8px}.source-info{margin-top:12px}.intro{max-width:230px}h1{font-size:26px}.intro p{display:none}.stats{margin-top:18px}}
.preview-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:18px 0}.preview-tabs button{font:10px sans-serif;padding:10px 6px;background:#0d1b15;border:1px solid var(--border);color:#789886;border-radius:6px}.preview-tabs button.active{background:#254135;border-color:#81ac8b;color:#c3e9cf}.editor-preview{min-height:330px}.editor-tools{max-height:480px;overflow:auto;padding-right:4px}.editor-tools>button[data-tool=select]{color:#a8dfcf}.editor-bottom button:disabled{opacity:.35;cursor:not-allowed}.editor-head h2{font-size:27px}.editor-description{max-width:620px}.preview-legend{opacity:.65}#autoCutout:disabled{opacity:.45;cursor:wait}@media(max-width:560px){.editor-head h2{font-size:22px}.preview-tabs button{font-size:8px;padding:9px 4px}.editor-preview{min-height:250px}.editor-tools{max-height:none}.editor-tools>button[data-tool=select],.editor-tools>#autoCutout{grid-column:1/-1}}

.site-icon{display:block;flex-shrink:0;width:38px;height:38px;border-radius:10px}@media(max-width:560px){.site-icon{width:34px;height:34px}}