:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--text:#17131a;--muted:#5f5866;--line:#e6e1ea;--accent:#6b2c86;--selected:#f1eaf5;color:var(--text);background:var(--bg);font-family:Barlow,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0}body{grid-template-rows:auto auto 1fr auto;height:100dvh;display:grid;overflow:hidden}.bar{padding:max(8px, env(safe-area-inset-top)) 16px 8px;border-bottom:1px solid var(--line);align-items:center;gap:12px;display:flex}.bar img{flex:none;width:58px;height:auto}.titles{flex:1;min-width:0}h1{margin:0;font-size:20px;font-weight:600;line-height:1.1}#note{color:var(--muted);margin:2px 0 0;font-size:13px;line-height:1.3}select{font:inherit;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:8px;max-width:45%;padding:6px 8px;font-size:15px}#stage,#sheet{touch-action:none;min-height:0;position:relative}#stage canvas{width:100%;height:100%;display:block}#status,#info{text-align:center;background:#fffffff0;border-radius:10px;max-width:calc(100% - 32px);margin:0;padding:8px 14px;font-size:15px;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 2px 10px #17131a26}#status{top:45%}#info{flex-direction:column;gap:2px;display:flex;bottom:12px}#info[hidden],#status[hidden]{display:none}#info span{color:var(--muted);font-size:14px}.controls{padding:10px 16px max(10px, env(safe-area-inset-bottom));border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px 20px;display:flex}.group{flex-wrap:wrap;gap:6px;display:flex}.group button{font:inherit;border:1px solid var(--line);background:var(--bg);min-height:40px;color:var(--text);cursor:pointer;border-radius:999px;padding:6px 14px;font-size:15px;font-weight:500}.group button[aria-pressed=true]{border-color:var(--accent);background:var(--selected);color:var(--accent)}.group button:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#layers:before{content:"Show";color:var(--muted);align-self:center;margin-right:2px;font-size:14px}.hint{color:var(--muted);margin:0;font-size:13px}@media (width<=600px){.controls{gap:8px}.hint{display:none}}.tabs{border-bottom:1px solid var(--line);gap:4px;padding:0 16px;display:flex}.tabs a{color:var(--muted);border-bottom:3px solid #0000;padding:10px 12px 8px;font-size:15px;font-weight:600;text-decoration:none}.tabs a[aria-current=page]{border-bottom-color:var(--accent);color:var(--accent)}.tabs a:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}#sheet{cursor:grab;background:#f6f5f7;overflow:hidden}#sheet:active{cursor:grabbing}#sheet:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}#plan{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;background:#fff;max-width:none;height:auto;position:absolute;box-shadow:0 1px 6px #17131a1f}#plan:not([src]){display:none}.link{color:var(--accent);font-size:15px;font-weight:500}.page-plain{grid-template-rows:auto auto 1fr}.plain{padding:24px 16px;font-size:17px}.plain a{color:var(--accent)}