:root{--bg:#16181d;--panel:#1f2329;--panel-2:#262b33;--line:#333a44;--text:#eef1f5;--muted:#9aa4b2;--accent:#3b82f6;--danger:#ef4444;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{background:var(--bg);color:var(--text);overscroll-behavior:none;margin:0;font:15px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}button{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--line);cursor:pointer;border-radius:10px;padding:9px 14px}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);font-weight:600}button.ghost{background:0 0}input[type=text],input[type=number],select{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:10px;width:100%;padding:9px 12px}input[type=range]{width:100%;accent-color:var(--accent)}.app{flex-direction:column;min-height:100dvh;display:flex}.top{z-index:5;background:var(--panel);border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:10px 12px;display:flex;position:sticky;top:0}.top .title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.muted{color:var(--muted);font-size:13px}.stage{flex-direction:column;flex:1;align-items:center;gap:12px;padding:12px;display:flex;overflow:auto}.page{touch-action:none;background:#fff;width:100%;max-width:820px;position:relative;box-shadow:0 2px 14px #00000073}.page img.sheet{-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:auto;display:block}.placed{touch-action:none;cursor:grab;position:absolute}.placed img{pointer-events:none;width:100%;height:100%;display:block}.placed.selected{outline:2px solid var(--accent);outline-offset:2px}.handle{background:var(--accent);touch-action:none;cursor:nwse-resize;border:2px solid #fff;border-radius:50%;width:22px;height:22px;position:absolute;bottom:-11px;right:-11px}.text-box{border:1px dashed var(--accent);color:#000;touch-action:none;cursor:grab;align-items:center;padding:0 2px;display:flex;position:absolute;overflow:hidden}.panel{background:var(--panel);border-top:1px solid var(--line);flex-direction:column;gap:10px;padding:10px 12px 14px;display:flex;position:sticky;bottom:0}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row>.grow{flex:1;min-width:120px}.chips{gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.chip{border:1px solid var(--line);background:var(--panel-2);white-space:nowrap;border-radius:10px;flex:none;align-items:center;gap:6px;padding:6px 10px;display:flex}.chip.active{border-color:var(--accent)}.chip img{object-fit:contain;background:#fff;border-radius:4px;max-width:70px;height:26px}.list{flex-direction:column;gap:8px;width:100%;max-width:820px;margin:0 auto;padding:12px;display:flex}.card{background:var(--panel);border:1px solid var(--line);text-align:left;border-radius:12px;align-items:center;gap:12px;width:100%;padding:12px;display:flex}.card .number{color:var(--muted);font-variant-numeric:tabular-nums}.error{border:1px solid var(--danger);background:#ef44441f;border-radius:12px;margin:12px;padding:12px}.center{text-align:center;color:var(--muted);margin:auto;padding:24px}.tabs{gap:6px;display:flex}.tabs button.active{border-color:var(--accent);color:var(--text)}@media (prefers-color-scheme:light){:root{--bg:#f2f4f7;--panel:#fff;--panel-2:#f6f8fa;--line:#d8dee6;--text:#1b1f24;--muted:#61707f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.page{box-shadow:0 2px 10px #0000001f}}