@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#dce0e4;background:#111416;font-synthesis:none;--muted:#879198;--line:#2a3034;--panel:#191e21;--mint:#bcf3c3}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,select,input[type=color]{cursor:pointer}button{border:1px solid var(--line);background:#22282d;color:inherit;padding:9px 13px;border-radius:7px;transition:.15s}button:hover{background:#323b41;border-color:#576068}button:disabled{opacity:.35;cursor:not-allowed}.primary{background:var(--mint);color:#18281c;border-color:var(--mint);font-weight:650}.primary:hover{background:#d4f9d9}.ghost{background:transparent}.small{font-size:11px;padding:5px 8px}.wide{width:100%}header{height:76px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#171b1e}.brand{display:flex;align-items:center;gap:12px}.logo{width:34px;height:34px;background:var(--mint);color:#1d3323;display:grid;place-items:center;border-radius:8px;font-size:24px;font-weight:700}.brand strong{font:600 21px Space Grotesk,sans-serif;letter-spacing:-.8px}.brand small{font-size:10px;color:var(--muted);letter-spacing:2px;display:block;margin-top:3px}.header-actions{display:flex;gap:9px;align-items:center}.privacy{font-size:11px;color:var(--muted);margin-right:12px}.dot{color:var(--mint)}.layout{display:grid;grid-template-columns:276px minmax(350px,1fr) 302px;height:calc(100vh - 111px);min-height:670px}.sidebar{background:var(--panel);overflow:auto}.left{border-right:1px solid var(--line)}.right{border-left:1px solid var(--line)}.section{padding:22px 20px;border-bottom:1px solid var(--line)}.sectionhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}h2{font-size:13px;margin:0;font-weight:650}h3{font-size:12px;font-weight:600;margin:15px 0 10px}.eyebrow{font-size:10px;color:var(--muted);letter-spacing:1.5px;text-transform:uppercase}.badge{font-size:10px;background:#2a3337;padding:4px 7px;border-radius:4px;color:#b4c0c6}.upload{width:100%;border:1px dashed #46524f;background:#1f2925;padding:20px 8px;text-align:center}.upload b{display:block;font-size:12px;font-weight:500;margin:9px 0 5px}.upload small{font-size:10px;color:var(--muted)}.upload .plus{font-size:26px;color:var(--mint);line-height:20px}.hint{font-size:11px;line-height:1.6;color:var(--muted);margin:10px 0 0}.pieces{display:flex;flex-direction:column;gap:8px}.piece{border:1px solid var(--line);border-radius:8px;background:#1f2428;padding:12px;cursor:pointer}.piece.selected{border-color:#91b99a;background:#26322d}.piece-top{display:flex;align-items:center;gap:9px}.piece-name{font-size:12px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grip{font-size:16px;color:#66736d}.piece small{font-size:10px;color:var(--muted)}.piece-tools{display:flex;gap:5px;margin-top:10px}.piece-tools button{padding:4px 7px;font-size:11px;background:transparent}.piece-tools .delete{margin-left:auto}.field{display:flex;flex-direction:column;gap:7px;margin:13px 0}.field label,.label{font-size:11px;color:#b3bec4}.row{display:flex;gap:10px;align-items:center}.row>.field{flex:1;min-width:0}input[type=number],input[type=text],select{width:100%;background:#111719;color:#dce3e5;border:1px solid #343d43;padding:8px;border-radius:5px;min-width:0}input[type=range]{width:100%;accent-color:var(--mint);height:12px}input[type=color]{width:31px;height:31px;background:transparent;border:1px solid #55605f;border-radius:5px;padding:2px}.palette{display:flex;gap:7px;flex-wrap:wrap}.palette label{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:9px;color:var(--muted)}.center{position:relative;display:flex;flex-direction:column;min-width:0;background:radial-gradient(ellipse at 50% 40%,#252e32,#161c20 60%,#13191c)}.stage-head{padding:25px 28px 10px;display:flex;justify-content:space-between;align-items:start}.stage-head h1{font:500 25px Space Grotesk;letter-spacing:-.8px;margin:7px 0 5px}.stage-head p{font-size:11px;color:var(--muted);margin:0}.view-toggle{display:flex;padding:3px;background:#101719;border:1px solid #30383d;border-radius:7px}.view-toggle button{border:0;background:transparent;font-size:11px;padding:7px 10px}.view-toggle button.active{background:#39433f;color:var(--mint)}#viewport{flex:1;min-height:380px;position:relative;overflow:hidden}#viewport canvas{display:block;width:100%;height:100%}.view-help{position:absolute;bottom:16px;left:0;right:0;text-align:center;pointer-events:none;color:#6e7c84;font-size:10px}.stage-footer{padding:18px 28px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #293238;background:#161d20}.stat{font:500 19px Space Grotesk;color:#e0e7e9}.stat small{font:10px DM Sans;color:var(--muted);display:block;margin-top:5px}.stage-footer button{font-size:11px}.image-thumb{height:95px;background:#101516;position:relative;border:1px solid var(--line);border-radius:7px;overflow:hidden;margin-bottom:10px}#thumb{width:100%;height:100%;object-fit:cover}.image-thumb .chip{position:absolute;bottom:7px;left:7px;font-size:9px;padding:3px 6px;background:#111a}.depthbox{padding:12px;background:#223129;border:1px solid #364d3d;border-radius:6px;font-size:12px;color:var(--mint)}.depthbox small{display:block;color:#9daea2;font-size:10px;margin-top:5px}.check{font-size:11px;display:flex;gap:7px;align-items:center;margin:13px 0;color:#b0babf}.check input{accent-color:var(--mint)}footer{height:35px;padding:0 22px;background:#15191c;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#83918f;border-top:1px solid var(--line)}#status{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:80%}dialog{background:#1c2327;color:#dce3e5;border:1px solid #46514f;border-radius:14px;max-width:580px;padding:28px;line-height:1.6;box-shadow:0 25px 100px #0009}dialog::backdrop{background:#0009}dialog h2{font:500 23px Space Grotesk}dialog p,dialog li{font-size:13px;color:#b9c5ca}dialog button{float:right}#toast{position:fixed;bottom:53px;left:50%;transform:translate(-50%);background:#d8eadd;color:#203126;border-radius:8px;padding:13px 20px;max-width:650px;font-size:12px;z-index:30;box-shadow:0 8px 30px #0005;display:none}#toast.error{background:#f4d6cd;color:#652e1f}.empty{color:var(--muted);font-size:12px;padding:20px;text-align:center}.hidden{display:none!important}.progress{height:3px;background:#33433a;margin-top:10px;overflow:hidden}.progress:after{content:"";display:block;width:30%;height:100%;background:var(--mint);animation:slide 1.5s infinite}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(450%)}}@media(max-width:1100px){.layout{grid-template-columns:230px minmax(280px,1fr) 260px}.section{padding:18px 15px}.privacy{display:none}.stage-head{padding:20px 18px}.stage-head h1{font-size:22px}.header-actions button{font-size:11px}}@media(max-width:800px){header{padding:15px;height:auto;gap:15px;flex-wrap:wrap}.layout{height:auto;display:flex;flex-wrap:wrap;min-height:0}.center{order:0;width:100%;height:540px}.left{order:1;width:50%}.right{order:2;width:50%}.header-actions{flex-wrap:wrap}.brand small{display:none}footer{height:40px}.stage-footer{padding:13px 18px}}@media(max-width:450px){.left,.right{width:100%}.center{height:480px}.header-actions button{padding:7px}.stage-head h1{font-size:20px}}.image-layers{margin:14px 0;max-height:270px;overflow:auto}.image-layer{border:1px solid var(--line);border-radius:8px;background:#1f2428;padding:7px}.image-layer.selected{border-color:#91b99a;background:#26322d}.image-layer.dimmed .image-select{opacity:.45}.image-select{display:flex;gap:10px;align-items:center;border:0;background:transparent;padding:0;width:100%;text-align:left;font-size:11px}.image-select img{width:40px;height:38px;object-fit:contain;background:repeating-conic-gradient(#3d474a 0% 25%,#273135 0% 50%) 50%/10px 10px;border-radius:4px}.image-select span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-actions{display:flex;gap:4px;margin-top:7px}.image-actions button{font-size:10px;padding:4px 6px;background:transparent}.image-actions button:last-child{margin-left:auto}.placement{display:flex;gap:12px;align-items:center;margin-top:17px}.size-control{flex:1;min-width:0}.size-control label{font-size:11px;color:#b3bec4;display:flex;justify-content:space-between}.size-control input{margin:12px 0}.rotation-buttons{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--mint)}.rotation-buttons button{padding:3px 11px;font-size:21px}.dpad{display:grid;grid-template-columns:repeat(3,29px);grid-template-rows:repeat(3,29px);gap:3px;flex:none}.dpad button{padding:0;font-size:17px}.dpad [data-move=up]{grid-column:2}.dpad [data-move=left]{grid-row:2;grid-column:1}.dpad [data-move=center]{grid-row:2;grid-column:2;color:var(--mint)}.dpad [data-move=right]{grid-row:2;grid-column:3}.dpad [data-move=down]{grid-row:3;grid-column:2}.layout{grid-template-columns:244px minmax(350px,1fr) 350px}.right .section{padding:18px}.image-layers{max-height:240px}.image-select{font-size:12px}.image-select img{width:62px;height:48px}.image-layer{padding:10px}.selection-title{font-size:10px;letter-spacing:1.5px;color:var(--mint);margin:22px 0 10px}#photoPreview{position:relative;height:110px;border:1px solid #39433f;border-radius:7px;background:repeating-conic-gradient(#293034 0% 25%,#20272b 0% 50%) 50%/14px 14px;overflow:hidden}#photoPreview img{width:100%;height:100%;object-fit:contain}#photoPreview span{position:absolute;bottom:6px;left:8px;background:#111b;padding:3px 6px;font-size:9px;color:#b7c2bf}.filament-panel,.color-mapping{margin-top:22px;border-top:1px solid var(--line);padding-top:20px}.filament-row{display:grid;grid-template-columns:16px 18px 32px minmax(0,1fr);gap:8px;align-items:center;margin-bottom:8px}.filament-row input[type=checkbox]{accent-color:var(--mint);margin:0}.filament-row input[type=text]{font-size:11px}.disabled-slot{opacity:.5}.slot-number{font:500 12px Space Grotesk;color:var(--muted)}.mapping-row{display:grid;grid-template-columns:1fr 1.3fr;align-items:center;gap:10px;margin:9px 0}.mapping-row select{font-size:11px}.mapping-head{display:grid;grid-template-columns:1fr 1.3fr;gap:10px;font-size:9px;color:var(--muted);letter-spacing:1px;margin-top:15px}.detected-color{display:flex;gap:8px;align-items:center;font-size:10px}.detected-color small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.color-swatch{display:block;width:30px;height:30px;border-radius:5px;border:1px solid #ffffff30;flex:none}.warning{color:#e5b778}.dpad button,.rotation-buttons button{touch-action:none;user-select:none;-webkit-user-select:none}.holding{background:var(--mint)!important;color:#102717!important}.placement{gap:18px}.dpad{grid-template-columns:repeat(3,34px);grid-template-rows:repeat(3,34px)}#viewport canvas{touch-action:none;cursor:grab}#imageOutline{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}#imageOutline polygon{fill:none;stroke:#bcf3c3;stroke-width:1.5;stroke-dasharray:7 4;vector-effect:non-scaling-stroke}.left .section:not(:first-child){padding:17px 15px}.stage-head h1{font-size:24px}@media(max-width:1100px){.layout{grid-template-columns:215px minmax(280px,1fr) 320px}.stage-head{padding:18px 14px}.stage-head h1{font-size:21px}}@media(max-width:800px){.layout{display:flex}.right{width:55%}.left{width:45%}.center{width:100%}}@media(max-width:480px){.left,.right{width:100%}}