:root{--bg: #14161a;--panel: #1c1f25;--line: #2b3038;--fg: #e7e9ec;--muted: #949aa4;--accent: #5b9dff;--warn: #e0a33a;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:14px/1.45 system-ui,-apple-system,Segoe UI,sans-serif}header{display:flex;align-items:baseline;gap:12px;padding:12px 18px;border-bottom:1px solid var(--line);background:var(--panel)}h1{margin:0;font-size:16px;letter-spacing:.2px}.sub,.note{color:var(--muted);font-size:12px}.wrap{display:grid;grid-template-columns:1fr 320px;height:calc(100vh - 47px)}.stage{overflow:auto;padding:20px;position:relative}.stage.over{outline:2px dashed var(--accent);outline-offset:-10px}[hidden]{display:none!important}.drop{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:460px;margin:14vh auto 0;padding:34px;border:1px dashed var(--line);border-radius:10px;text-align:center;color:var(--muted)}.drop strong{color:var(--fg);font-size:15px}.pick{padding:7px 14px;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--fg);cursor:pointer}.pages{display:flex;flex-direction:column;align-items:center;gap:18px}.page{margin:0;width:min(100%,900px)}.page figcaption{display:flex;justify-content:space-between;align-items:center;padding:0 2px 5px;color:var(--muted);font-size:12px}.drop-toggle{border:1px solid var(--line);border-radius:5px;padding:2px 8px;background:transparent;color:var(--muted);cursor:pointer;font:inherit;font-size:11px}.sheet{position:relative;line-height:0;border-radius:4px;overflow:hidden}.sheet canvas{width:100%;height:auto;display:block}.page.dropped{opacity:.35}.page.dropped .sheet{filter:grayscale(1)}.overlay{position:absolute;inset:0}.bar{position:absolute;margin:-2px 0 0 -2px;padding:4px;border:0;border-radius:2px;background:transparent;cursor:pointer;box-shadow:inset 0 0 0 1px #5b9dff38;background-clip:padding-box}.bar:hover{box-shadow:inset 0 0 0 1px var(--accent);background:#5b9dff2e}.bar.on{background:#000;box-shadow:none}.bar.on:hover{background:#111;box-shadow:inset 0 0 0 1px var(--accent)}.panel{border-left:1px solid var(--line);background:var(--panel);padding:16px;overflow:auto;display:flex;flex-direction:column;gap:16px}.group{display:flex;flex-direction:column;gap:6px}.label{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted)}select,textarea,input[type=text]{width:100%;padding:7px 9px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--fg);font:inherit;resize:vertical}.seg{display:flex;gap:4px}.seg button{flex:1;padding:6px 4px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--muted);font:inherit;font-size:12px;cursor:pointer}.seg button.on{border-color:var(--accent);color:var(--fg)}.chk{display:flex;gap:8px;align-items:flex-start;font-size:13px;cursor:pointer}.divider{height:1px;background:var(--line)}.btn{padding:8px 12px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--fg);font:inherit;cursor:pointer}.btn:disabled{opacity:.45;cursor:default}.btn.primary{border-color:var(--accent);background:var(--accent);color:#0b1220;font-weight:600}.btn.ghost{color:var(--muted)}.btn-2{display:flex;gap:6px}.btn-2 .btn{flex:1}.actions{margin-top:auto;display:flex;flex-direction:column;gap:8px}.status{border-top:1px solid var(--line);padding-top:8px;color:var(--muted);font-size:12px}.status.plain{border:0;padding-top:0}.status .dot{color:var(--accent)}.status.warn .dot{color:var(--warn)}@media(max-width:900px){.wrap{grid-template-columns:1fr;height:auto}.panel{border-left:0;border-top:1px solid var(--line)}}