:root{--bg:#0b1317;--panel:#111c21;--card:#18262c;--line:#26383f;--text:#e8f3ee;--muted:#8fa8a0;--accent:#d9fa70;--accent-ink:#18210a;--warn:#ffb547;--danger:#ff6b6b;--radius:14px;color:var(--text);background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:15px/1.4 system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;margin:0}[hidden],body:not(.expert-on) .expert{display:none!important}a{color:var(--accent)}.top{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:10px 16px;display:flex}.brand{letter-spacing:-.04em;color:var(--accent);font-size:20px;font-weight:850}.brand b{color:var(--text);letter-spacing:-.02em;font-weight:650}.tag{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);border:1px solid var(--line);border-radius:99px;padding:2px 8px;font-size:11px}.switch{color:var(--muted);cursor:pointer;align-items:center;gap:6px;margin-left:auto;font-size:13px;display:flex}.studio{grid-template-columns:minmax(0,1fr) 400px;gap:16px;max-width:1600px;margin:0 auto;padding:16px;display:grid}@media (width<=860px){.studio{grid-template-columns:minmax(0,1fr);gap:10px;padding:10px}}.stage{flex-direction:column;gap:8px;min-width:0;display:flex}.viewer{border-radius:var(--radius);border:1px solid var(--line);background:#16222a;height:min(70vh,720px);min-height:300px;position:relative;overflow:hidden}@media (width<=860px){.viewer{height:52vh}}.viewer>canvas{touch-action:none;width:100%;height:100%;display:block}.viewer:fullscreen{border-radius:0;height:100%}.empty{text-align:center;color:var(--muted);pointer-events:none;place-content:center;padding:20px;display:grid;position:absolute;inset:0}.empty h2{color:var(--text);margin:8px 0 4px}.empty-icon{font-size:56px}.compare-labels{pointer-events:none;justify-content:space-around;display:flex;position:absolute;top:10px;left:0;right:0}.compare-labels span{background:#0000008c;border-radius:99px;padding:3px 10px;font-size:13px}.toolbar{flex-wrap:wrap;justify-content:center;gap:6px;display:flex;position:absolute;bottom:8px;left:8px;right:8px}.toolbar button,.toolbar select{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a1216c7;border-color:#ffffff1f;padding:7px 11px;font-size:13px}.statusbar{background:var(--panel);border:1px solid var(--line);border-radius:10px;align-items:center;gap:10px;min-height:36px;padding:6px 12px;font-size:14px;display:flex}.statusbar span{flex:1}.facts{flex-wrap:wrap;gap:8px;display:flex}.facts span{background:var(--panel);border:1px solid var(--line);border-radius:10px;flex-direction:column;padding:6px 12px;display:flex}.facts small{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.facts s{color:var(--muted);font-weight:400}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);align-self:start;min-width:0;padding:12px}.steps{background:var(--bg);border-radius:12px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:4px;margin-bottom:14px;padding:4px;display:grid}.steps button{color:var(--muted);background:0 0;border:0;padding:9px 4px;font-weight:650}.steps button b{background:var(--line);width:20px;height:20px;color:var(--text);border-radius:50%;place-content:center;margin-right:2px;font-size:12px;display:inline-grid}.steps button.on{background:var(--card);color:var(--text)}.steps button.on b{background:var(--accent);color:var(--accent-ink)}.step{flex-direction:column;gap:12px;display:flex}.lead{margin:0;font-size:15px}.tip,.hint{color:var(--muted);margin:0;font-size:13px}button,select,input[type=number],input:not([type]){font:inherit;color:var(--text);background:var(--card);border:1px solid var(--line);border-radius:10px;padding:9px 12px}button{cursor:pointer;font-weight:600}button:hover:not(:disabled){border-color:#3d565e}button:disabled{opacity:.45;cursor:default}button.on{border-color:var(--accent)}button.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}button.big{width:100%;padding:13px 16px;font-size:16px}button.small{padding:5px 9px;font-size:13px}button.danger{color:var(--danger);background:0 0;border-color:#4a2a2e}input[type=range]{width:100%;accent-color:var(--accent)}input[type=checkbox]{accent-color:var(--accent);width:18px;height:18px}input[type=file]{color:var(--muted);max-width:100%;font-size:13px}.field{flex-direction:column;gap:5px;display:flex}.field>label{color:var(--muted);justify-content:space-between;font-size:13px;display:flex}.field output{color:var(--text);font-weight:600}.check{cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.row{flex-wrap:wrap;gap:8px;display:flex}.row>button{flex:auto}.row3{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.row3 input,.row3 label{width:100%;min-width:0}details{border:1px solid var(--line);border-radius:10px;padding:8px 10px}details[open]{flex-direction:column;gap:8px;display:flex}summary{cursor:pointer;font-weight:650}.notice{background:#d9fa701a;border:1px solid #d9fa7059;border-radius:10px;margin:0;padding:10px 12px}.notice.warn{background:#ffb5471a;border-color:#ffb54766}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.card{text-align:center;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;flex-direction:column;align-items:center;gap:2px;padding:14px 6px;font-weight:650;display:flex;position:relative}.card:hover{border-color:var(--accent)}.card small{color:var(--muted);font-size:12px;font-weight:400}.card-icon{font-size:30px}.card input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.choices.three{grid-template-columns:repeat(3,minmax(0,1fr))}.choice{flex-direction:column;align-items:center;gap:2px;padding:12px 6px;font-size:24px;display:flex}.choice b{font-size:15px}.choice small{color:var(--muted);font-size:12px;font-weight:400}.choice.on{background:#1f3227;border-width:2px;padding:11px 5px}.segmented{gap:4px;display:flex}.segmented button{flex:1}.picture-panel{border-top:1px solid var(--line);flex-direction:column;gap:12px;padding-top:12px;display:flex}.picture-head{align-items:center;gap:12px;display:flex}.picture-head>div{flex-direction:column;align-items:flex-start;gap:6px;display:flex}#pictureThumb{background:repeating-conic-gradient(#d9dee3 0 25%, #f4f6f8 0 50%) 0 0 / 12px 12px;width:72px;height:72px;image-rendering:pixelated;border-radius:10px}.swatches{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;display:grid}.swatch{aspect-ratio:1;border:2px solid #ffffff26;border-radius:8px;padding:0}.color-pick{align-items:center;display:inline-flex}.color-pick input{cursor:pointer;background:0 0;border:0;width:34px;height:30px;padding:0}.big-pick input{width:46px;height:42px}.paint-box,.paint-tools{flex-direction:column;gap:10px;display:flex}.game-check{flex-direction:column;gap:6px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.game-check li.warn{color:var(--warn)}.outside-box,.outside-result{flex-direction:column;gap:8px;display:flex}.outside-box{border-radius:var(--radius);background:var(--card);border:1px solid var(--line);padding:12px}.draw-dialog{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:var(--radius);width:min(980px,100vw - 16px);max-height:calc(100vh - 16px);padding:12px}.draw-dialog::backdrop{background:#0009}.draw-head{align-items:center;gap:8px;margin-bottom:10px;display:flex}.draw-head select{margin-left:auto}.draw-body{grid-template-columns:minmax(0,1fr) 260px;gap:12px;display:grid}@media (width<=700px){.draw-body{grid-template-columns:minmax(0,1fr)}}.drawpad-view{aspect-ratio:1;touch-action:none;width:100%;max-width:640px;image-rendering:pixelated;cursor:crosshair;border-radius:10px;justify-self:center}.draw-side{flex-direction:column;gap:10px;display:flex}.tools button{padding:8px 0;font-size:20px}.choices.styles{grid-template-columns:repeat(3,minmax(0,1fr))}.choices.styles .choice small{line-height:1.2}.view-slots{flex-direction:column;gap:8px;display:flex}.view-slot{background:var(--card);border:1px solid var(--line);border-radius:10px;align-items:center;gap:8px;padding:6px;display:flex}.view-slot b{flex:1}.view-slot canvas{background:repeating-conic-gradient(#d9dee3 0 25%, #f4f6f8 0 50%) 0 0 / 10px 10px;width:48px;height:48px;image-rendering:pixelated;border-radius:8px}.small-button{border:1px solid var(--line);cursor:pointer;border-radius:10px;padding:5px 9px;font-size:13px;font-weight:600;display:inline-block;position:relative}.small-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.send-box{border-radius:var(--radius);background:#1f3227;border:1px solid #d9fa7059;flex-direction:column;gap:8px;padding:12px;display:flex}.notice a{font-weight:700}.car-open{margin-bottom:14px}.car-box{gap:10px;margin-bottom:14px;display:grid}.car-tools{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.car-tools button{padding:10px 4px;font-size:1rem}.car-tools button.on,.car-paints button.on{outline-offset:1px;outline:3px solid #3ddc84}.car-wheel{border:2px solid #ffd23f;border-radius:12px;margin:8px 0;padding:8px 12px}.car-wheel input[type=range]{width:100%}.car-paints{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.car-paints button{text-align:left;align-items:center;gap:6px;padding:8px 6px;display:flex}.car-paints i{border:1px solid #0006;border-radius:50%;flex:none;width:18px;height:18px}.saved-note{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:12px}.projects-box{gap:6px;margin:14px 0;display:grid}.project-list{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;display:grid}.project{position:relative}.project-open{text-align:left;border-radius:12px;gap:2px;width:100%;padding:6px;display:grid}.project.on .project-open{outline:2px solid var(--accent)}.project-open img,.project-cube{aspect-ratio:1;object-fit:cover;background:#16222a;border-radius:8px;place-items:center;width:100%;font-size:34px;display:grid}.project-open b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.project-open small{color:var(--muted);font-size:11px}.project-del{min-width:0;padding:2px 7px;position:absolute;top:2px;right:2px}.starter-panel{margin-top:12px}.choices.starters{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.shape-box{gap:10px;margin-top:10px;display:grid}.segmented.tools3 button{flex:1}@media (width<=560px){.steps button{flex-direction:column;align-items:center;gap:2px;padding:6px 2px;font-size:12px;display:flex}.steps button b{margin:0}}.rig-tools,.moves-box{gap:10px;display:grid}.move-list{gap:6px;display:grid}.move-row{background:var(--card);border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 8px;display:flex}.move-row b{text-overflow:ellipsis;flex:1;min-width:90px;overflow:hidden}.move-row select{max-width:170px}.row.wrap{flex-wrap:wrap}.bump-box{border:1px solid var(--line);border-radius:var(--radius);gap:8px;padding:12px;display:grid}.credit-box{flex-wrap:wrap;align-items:center;gap:6px;margin:10px 0;display:flex}.credit-box input,.credit-box select{flex:180px;min-width:0}.credit-box .hint{flex-basis:100%;margin:2px 0 0}.credit-box [hidden]{display:none}