:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d1220;--panel:#0d1321d1;--panel-border:#94a3b838;--text:#e2e8f0;--text-dim:#94a3b8;--accent:#38bdf8;--brush:#ec4899;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{background:var(--bg);height:100%;color:var(--text);overflow:hidden}.editor{width:100%;height:100dvh;position:relative}.viewport{touch-action:none;position:absolute;inset:0}.viewport canvas{display:block}.toolbar{padding:10px 14px;padding-top:max(10px, env(safe-area-inset-top));border-bottom:1px solid var(--panel-border);-webkit-backdrop-filter:blur(12px);background:linear-gradient(#090d18eb,#090d18bf);flex-wrap:wrap;align-items:center;gap:8px;display:flex;position:absolute;top:0;left:0;right:0}.brand{-webkit-user-select:none;user-select:none;align-items:baseline;gap:6px;margin-right:6px;display:flex}.brand-name{letter-spacing:-.02em;font-size:1.05rem;font-weight:700}.brand-sub{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);font-size:.72rem;font-weight:600}.segmented{border:1px solid var(--panel-border);background:#1e293bb3;border-radius:10px;display:flex;overflow:hidden}.segmented button{min-height:40px;color:var(--text-dim);font:inherit;cursor:pointer;background:0 0;border:none;padding:0 14px;font-size:.85rem;font-weight:600;transition:background .15s,color .15s}.segmented button:hover{color:var(--text)}.segmented button.active{background:var(--accent);color:#082032}.segmented button.brush.active{background:var(--brush);color:#2b0a1c}.brush-size{align-items:center;gap:8px;min-height:40px;display:flex}.brush-size span{color:var(--text-dim);font-size:.75rem;font-weight:600}.brush-size input[type=range]{width:clamp(80px,18vw,140px);accent-color:var(--brush);cursor:pointer}.toolbar-spacer{flex:1}.tool-btn{border:1px solid var(--panel-border);min-height:40px;color:var(--text);font:inherit;cursor:pointer;background:#1e293bb3;border-radius:10px;padding:0 12px;font-size:.85rem;font-weight:600;transition:background .15s,opacity .15s}.tool-btn:hover:not(:disabled){background:#334155d9}.tool-btn:disabled{opacity:.4;cursor:default}.hint{background:var(--panel);border:1px solid var(--panel-border);max-width:calc(100vw - 24px);color:var(--text-dim);text-align:center;pointer-events:none;white-space:nowrap;border-radius:999px;padding:6px 14px;font-size:.78rem;position:absolute;top:76px;left:50%;transform:translate(-50%)}.side-panel{background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(12px);border-radius:14px;width:250px;max-width:calc(100vw - 24px);padding:14px;position:absolute;top:76px;right:12px;box-shadow:0 8px 32px #00000059}.side-panel h2{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-bottom:6px;font-size:.72rem;font-weight:700}.layer-row{cursor:pointer;align-items:center;gap:10px;min-height:44px;display:flex}.layer-row .dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.layer-label{font-size:.88rem;font-weight:600}.layer-count{color:var(--text-dim);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.78rem}.layer-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.selection-row{border-top:1px solid var(--panel-border);cursor:default;margin-top:4px}.stats{left:12px;bottom:max(12px, env(safe-area-inset-bottom));background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(12px);color:var(--text-dim);font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;gap:10px;padding:8px 14px;font-size:.78rem;display:flex;position:absolute}.stats strong{color:var(--text);font-weight:700}.stats-sep{background:var(--panel-border);width:1px;height:14px}@media (width<=760px){.brand-sub{display:none}.side-panel{top:auto;bottom:max(64px, calc(env(safe-area-inset-bottom) + 52px));left:auto;right:12px}.hint{top:auto;bottom:max(14px, env(safe-area-inset-bottom));white-space:normal;text-align:right;max-width:46vw;font-size:.72rem;left:auto;right:12px;transform:none}}