:root{color-scheme:dark;--ink:#f0ebdb;--surface:#242a3e;--surface-2:#30374c;--line:#ffffff21;--muted:#ccc8bd;--accent:#e2d59a;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;color:var(--ink);background:#22283f}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,select,input[type=color]{cursor:pointer}button{border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);padding:9px 12px;min-height:40px;white-space:nowrap}button:hover{background:var(--surface-2)}button[aria-pressed=true],button.primary{background:var(--ink);color:#292b36;border-color:var(--ink)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:disabled{opacity:.5;cursor:default}main{height:100dvh}iframe{position:absolute;inset:0;border:0;width:100%;height:100%;background:transparent}iframe[hidden],[hidden]{display:none!important}#shapes-frame{top:62px;height:calc(100% - 62px);background:#f7f3e9}.toolbar{position:fixed;inset:12px 12px auto;display:flex;align-items:center;gap:8px;z-index:2;pointer-events:none}.toolbar>*{pointer-events:auto}.brand{font-weight:500;white-space:nowrap;text-shadow:0 1px 8px #0008;margin-right:auto}.toolbar nav{display:flex;gap:4px}.toolbar button{min-height:38px;padding:8px 10px;background:#20263ce8;backdrop-filter:blur(12px)}.toolbar button[aria-pressed=true]{background:var(--ink)}.scene-actions{position:fixed;inset:auto 12px max(12px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:8px;z-index:2;flex-wrap:wrap}.scene-actions>button,.walking button{background:#20263ce8;backdrop-filter:blur(12px)}.scene-actions>button[aria-pressed=true]{background:var(--ink)}.walking{display:flex;gap:6px;margin-left:auto}#page-status{position:fixed;bottom:80px;left:50%;transform:translateX(-50%);padding:8px 12px;max-width:calc(100% - 24px);text-align:center;background:var(--surface);border-radius:8px;z-index:4;margin:0}#page-status:empty{display:none}dialog{position:fixed;inset:0 0 0 auto;width:360px;max-width:min(100%,400px);height:100dvh;max-height:100dvh;margin:0;border:0;border-left:1px solid var(--line);padding:0;background:var(--surface);color:var(--ink);box-shadow:-8px 0 40px #0003}dialog::backdrop{background:#0002}.sheet-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border-bottom:1px solid var(--line)}.sheet-top>span{font-weight:500}.sheet-content{padding:0 16px 20px;overflow-y:auto;height:calc(100% - 65px);overscroll-behavior:contain}details{border-bottom:1px solid var(--line);padding:13px 0}summary{cursor:pointer;min-height:24px;font-weight:500}.fields{display:grid;gap:13px;padding:14px 0 3px}label{display:grid;gap:6px;min-width:0;color:var(--muted);font-size:13px}select,textarea,input:not([type=checkbox]):not([type=range]){width:100%;max-width:100%;border:1px solid var(--line);border-radius:7px;background:var(--surface-2);color:var(--ink);padding:9px 10px;min-height:40px}select{padding-right:30px}textarea{resize:vertical;line-height:1.45}input[type=range]{width:100%;accent-color:var(--accent);min-height:28px}input[type=color]{height:40px;padding:4px!important}.checks{display:flex;align-items:center;gap:22px}.checks label{display:flex;align-items:center;gap:8px;color:var(--ink);min-height:36px}.checks input{width:18px;height:18px;accent-color:var(--accent)}.texture-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.save-actions{display:flex;flex-wrap:wrap;gap:8px}#save-status{font-size:13px;color:var(--muted);margin:0}#save-status:empty{display:none}#restore-field{display:grid;gap:8px}@media(max-width:600px){:root{font-size:14px}.toolbar{inset:8px 10px auto;gap:6px}.toolbar button{padding:8px}.brand{font-size:13px}.scene-actions{gap:6px;inset:auto 10px max(10px,env(safe-area-inset-bottom))}.scene-actions>button{min-height:44px}.walking{width:100%;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.walking button{min-height:44px;padding:9px 5px}dialog{inset:auto 0 0;width:100%;max-width:100%;height:65dvh;max-height:65dvh;border-left:0;border-top:1px solid var(--line);border-radius:16px 16px 0 0}.sheet-top{padding:10px 14px}.sheet-content{padding:0 14px 20px;height:calc(100% - 61px)}input,select,textarea{font-size:16px}button{min-height:44px}label{font-size:13px}#page-status{bottom:116px}}
