:root{--font: "Seravek", "Gill Sans Nova", Ubuntu, Calibri, "DejaVu Sans", "Source Sans Pro", sans-serif;--mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, "DejaVu Sans Mono", monospace;--ink: #242321;--ink-2: #57534e;--ink-3: #8b867e;--line: #e3e0d8;--line-2: #d2cec4;--bg: #f6f5f1;--panel: #fbfaf7;--white: #ffffff;--desk: #e7e4dc;--accent: #032244;--accent-2: #0b3a6e;--accent-tint: #e6ecf4;--gold: #ffc215;--mark: #e0352d;--ready: #2563eb;--ready-ink: #1d4fc4;--ready-bg: #e9effc;--editing: #e08a0b;--editing-ink: #9a5a00;--editing-bg: #fdf2df;--good: #1f9d55;--good-ink: #16723f;--good-bg: #e6f4eb;--idle: #a19c93;--idle-ink: #6d6860;--idle-bg: #efede8;--bad: #c8321f;--bad-bg: #fbe9e6;--queue-w: clamp(256px, 19vw, 330px);--rules-w: clamp(244px, 18vw, 330px);--radius: 8px;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);font-size:14px;line-height:1.4;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font:inherit;color:inherit;cursor:pointer}kbd{display:inline-block;min-width:1.55em;padding:0 .32em;font-family:var(--mono);font-size:10.5px;line-height:1.55;text-align:center;color:var(--ink-2);background:var(--white);border:1px solid var(--line-2);border-bottom-width:2px;border-radius:4px;vertical-align:1px}kbd+kbd{margin-left:2px}.quiet{color:var(--ink-3)}.small{font-size:12px}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.link{background:none;border:0;padding:0;color:var(--accent-2);text-decoration:underline;text-decoration-color:#0b3a6e4d;text-underline-offset:2px}.link:hover{text-decoration-color:currentColor}.btn{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border:1px solid var(--line-2);border-radius:6px;background:var(--white);font-size:13px}.btn:hover{border-color:var(--ink-3)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary kbd{background:#ffffff24;border-color:#ffffff59;color:#fff}.btn.primary:hover{background:var(--accent-2)}.btn:disabled{opacity:.5;cursor:default}.btn.big{justify-content:center;padding:9px 14px;font-size:14.5px}.boot{display:grid;place-content:center;gap:12px;height:100%;text-align:center}.login{min-height:100%;display:grid;place-items:center;background:var(--bg);padding:24px}.login-card{width:min(380px,100%);display:flex;flex-direction:column;gap:16px;padding:30px 30px 26px;background:var(--white);border:1px solid var(--line);border-radius:12px;box-shadow:0 1px 2px #0000000a,0 12px 32px #24232112}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:6px}.login-brand h1{margin:0;font-size:21px;letter-spacing:-.01em}.login-brand p{margin:2px 0 0;font-size:13px}.login-brand .logo{width:34px;height:34px}.login label{display:flex;flex-direction:column;gap:5px;font-size:13px;color:var(--ink-2)}.login input{font:inherit;font-size:15px;padding:8px 10px;border:1px solid var(--line-2);border-radius:6px;color:var(--ink)}.login input:focus{outline:2px solid rgba(3,34,68,.25);border-color:var(--accent)}.login-error{color:var(--bad);background:var(--bad-bg);border-radius:6px;padding:7px 10px;font-size:13px}.logo{display:inline-block;width:22px;height:22px;border-radius:5px;background:linear-gradient(var(--mark),var(--mark)) 30% 30% / 40% 9% no-repeat,linear-gradient(#c9ced6,#c9ced6) 30% 52% / 40% 7% no-repeat,linear-gradient(#c9ced6,#c9ced6) 30% 68% / 32% 7% no-repeat,linear-gradient(#fff,#fff) 50% 50% / 56% 70% no-repeat,var(--accent)}.app{height:100%;display:grid;grid-template-rows:46px minmax(0,1fr)}.topbar{display:flex;align-items:center;gap:18px;padding:0 14px 0 16px;background:var(--panel);border-bottom:1px solid var(--line);min-width:0}.brand{display:flex;align-items:center;gap:9px;font-weight:700;font-size:15px;letter-spacing:-.01em;white-space:nowrap}.counts{display:flex;gap:2px;min-width:0}.count-btn{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border:1px solid transparent;border-radius:999px;background:none;font-size:13px;color:var(--ink-2);white-space:nowrap}.count-btn b{font-variant-numeric:tabular-nums;color:var(--ink)}.count-btn:hover{background:var(--bg)}.count-btn.on{border-color:var(--line-2);background:var(--white)}.top-right{margin-left:auto;display:flex;align-items:center;gap:12px;min-width:0}.usage{display:inline-flex;align-items:center;gap:10px;padding:3px 10px;border-radius:999px;border:1px solid var(--line);background:var(--white);font-size:12px;color:var(--ink-2);white-space:nowrap}.usage.held{background:var(--editing-bg);border-color:#f2cf93;color:var(--editing-ink)}.usage.blocked{background:var(--bad-bg);border-color:#efb3aa;color:var(--bad)}.usage-label{font-weight:600}.meter{display:inline-flex;align-items:center;gap:5px}.meter-label{color:var(--ink-3)}.meter-track{width:38px;height:5px;border-radius:3px;background:var(--idle-bg);overflow:hidden}.meter-fill{display:block;height:100%;background:#7d9bc1;border-radius:3px}.meter-fill.warm{background:var(--editing)}.meter-fill.hot{background:var(--bad)}.meter-val{font-variant-numeric:tabular-nums;min-width:2.6em}.usage-jobs{color:var(--editing-ink)}.live{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--ink-3)}.live:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--idle)}.live.on:before{background:var(--good);box-shadow:0 0 0 3px #1f9d5526}.keys-btn{border:0;background:none;font-size:12.5px;color:var(--ink-3);white-space:nowrap}.keys-btn:hover{color:var(--ink)}.user{position:relative}.user-btn{border:1px solid var(--line);background:var(--white);border-radius:999px;padding:3px 11px;font-size:13px}.menu{position:absolute;right:0;top:calc(100% + 6px);min-width:170px;background:var(--white);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 24px #2423211f;padding:6px;z-index:50}.menu-who{padding:4px 8px 6px;font-size:12px}.menu button{display:block;width:100%;text-align:left;border:0;background:none;padding:6px 8px;border-radius:5px}.menu button:hover{background:var(--bg)}.cols{display:grid;grid-template-columns:minmax(0,1fr) var(--queue-w) var(--rules-w);min-height:0}.pane{position:relative;display:flex;flex-direction:column;min-height:0;min-width:0}.pane:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:transparent;z-index:3;transition:background .15s}.pane.active:before{background:var(--accent)}.dot{width:8px;height:8px;border-radius:50%;flex:none;background:var(--idle)}.st-ready .dot{background:var(--ready)}.st-editing .dot{background:var(--editing);animation:pulse 1.6s ease-in-out infinite}.st-good .dot{background:var(--good)}.st-not_started .dot{background:transparent;border:1.5px solid var(--idle)}@keyframes pulse{50%{opacity:.35}}.canvas-pane{background:var(--desk)}.canvas-empty{margin:auto}.sugg-bar{display:flex;align-items:center;gap:12px;min-height:44px;padding:7px 14px;background:var(--panel);border-bottom:1px solid var(--line);font-size:13px}.chips{display:flex;gap:6px;flex-wrap:wrap;min-width:0}.chip{display:inline-flex;align-items:center;gap:6px;max-width:260px;padding:3px 10px 3px 4px;border:1px solid var(--line-2);border-radius:999px;background:var(--white);font-size:12.5px;color:var(--ink);transition:background .1s,border-color .1s}.chip:hover{border-color:var(--ink-3)}.chip kbd{border-radius:999px;min-width:19px}.chip-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip.on{background:var(--accent);border-color:var(--accent);color:#fff}.chip.on kbd{background:var(--gold);border-color:var(--gold);color:var(--accent);font-weight:700}.chip.locked{opacity:.55;cursor:not-allowed}.chip.locked:hover{border-color:var(--line-2)}.sugg-hint{margin-left:auto;white-space:nowrap;font-size:12.5px}.apply-btn{border:0;background:var(--gold);color:var(--accent);font-weight:700;border-radius:999px;padding:4px 12px 4px 5px}.apply-btn kbd{border-radius:999px}.canvas-stage{position:relative;flex:1;min-height:0}.canvas-scroll{position:absolute;inset:0;overflow:auto;padding:0 28px 120px;scroll-padding-top:12px}.pages{max-width:1100px;margin:0 auto;padding-top:26px}.page{margin:0 0 30px}.page-box{position:relative;width:100%;background:var(--white);box-shadow:0 0 0 1px #2423210f,0 2px 4px #2423210f,0 10px 28px #24232114;user-select:none;-webkit-user-select:none;touch-action:none}.page-box.can-point{cursor:crosshair}.page-box img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.page-missing{position:absolute;inset:0;display:grid;place-items:center;color:var(--ink-3)}.marks{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.lasso-stroke{fill:var(--mark);opacity:.92}.lasso-stroke.drawing{opacity:.75}.lasso-fill{fill:#e0352d12;stroke:none}.mark-num{position:absolute;z-index:2;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--mark);color:#fff;font-size:12px;font-weight:700;border:2px solid #fff;box-shadow:0 1px 4px #0000004d;transform:translate(-50%,-50%);pointer-events:none;font-variant-numeric:tabular-nums}.mark-num.lasso{transform:translate(-50%,-125%)}.mark-num.static{position:static;display:inline-grid;width:18px;height:18px;font-size:10.5px;border-width:1.5px;transform:none;box-shadow:none;vertical-align:-3px}.page-badge{position:absolute;top:-18px;left:1px;font-size:11px;color:var(--ink-3);font-variant-numeric:tabular-nums;white-space:nowrap}.original-html{display:block;width:calc(100% - 48px);max-width:900px;height:75vh;margin:12px auto 24px;border:1px solid var(--line, #d9dce3);border-radius:6px;background:#fff}.empty-pages{margin:60px auto;max-width:420px;text-align:center;color:var(--ink-3)}.banner{max-width:1100px;margin:16px auto 0;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:9px 14px;border-radius:var(--radius);font-size:13px;border:1px solid}.banner+.pages,.progress-strip+.pages{padding-top:30px}.banner span{display:inline-flex;gap:14px;flex-wrap:wrap}.banner span.banner-text{display:inline}.banner-original{background:var(--idle-bg);border-color:var(--line-2);color:var(--idle-ink)}.banner-original strong{color:var(--ink)}.banner-older{background:var(--accent-tint);border-color:#c5d2e3;color:var(--accent)}.banner-bad{background:var(--bad-bg);border-color:#efb9b1;color:var(--bad)}.progress-strip{position:sticky;top:12px;z-index:4;max-width:1100px;margin:14px auto 0;padding:10px 14px;border-radius:var(--radius);background:#fdf2dff7;border:1px solid #f0d29d;box-shadow:0 4px 14px #24232114;color:var(--editing-ink);font-size:13px;backdrop-filter:blur(4px)}.progress-head{display:flex;align-items:center;gap:9px}.progress-head strong{color:#6b3f00}.spinner{width:13px;height:13px;border-radius:50%;border:2px solid rgba(224,138,11,.25);border-top-color:var(--editing);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.progress-lines{list-style:none;margin:6px 0 0 22px;padding:0;font-size:12.5px;color:#8a6a3a}.progress-lines li{display:flex;gap:10px;line-height:1.55}.progress-lines li.latest{color:#5c3800;font-weight:600}.progress-lines .t{color:#b08850;font-weight:400;min-width:2.7em}.progress-note{margin:4px 0 0 22px;font-size:12px;color:#a5875c}.marks-hint{position:absolute;left:50%;bottom:16px;transform:translate(-50%);padding:6px 14px;border-radius:999px;background:#242321db;color:#fff;font-size:12.5px;white-space:nowrap;pointer-events:none;z-index:5}.marks-hint kbd{background:#ffffff1f;border-color:#ffffff4d;color:#fff}.box{position:absolute;left:50%;bottom:16px;transform:translate(-50%);width:min(720px,calc(100% - 40px));z-index:6;background:var(--white);border:1px solid var(--line-2);border-radius:12px;box-shadow:0 2px 6px #24232114,0 18px 48px #24232133;padding:12px 14px 10px;animation:rise .12s ease-out}@keyframes rise{0%{opacity:0;transform:translate(-50%,8px)}}.comment-box{border-top:3px solid var(--mark)}.approve-box{border-top:3px solid var(--good);width:min(560px,calc(100% - 40px))}.box.nudge{animation:nudge .3s}@keyframes nudge{25%{transform:translate(calc(-50% - 6px))}75%{transform:translate(calc(-50% + 6px))}}.box-head{display:flex;align-items:baseline;gap:10px;margin-bottom:8px;font-size:13px}.box-head strong{font-size:14px}.box-head .quiet{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.box-input{width:100%;resize:none;font:inherit;font-size:15px;line-height:1.45;padding:8px 10px;border:1px solid var(--line-2);border-radius:7px;color:var(--ink);background:#fffefc;field-sizing:content;min-height:2.6em;max-height:30vh}.box-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #0322441a}.box-foot{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:7px;font-size:12px}.box-foot .warn{color:var(--bad)}.box-item{margin-left:auto;max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.anchor-chips{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-wrap:wrap;gap:5px}.anchor-chips li{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:2px 9px 2px 3px;border-radius:999px;background:#fbeeed;font-size:12.5px;color:#7a2a24}.anchor-chips q,.anchor-card q{color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px}.canvas-foot{flex:none;display:flex;flex-direction:column;background:var(--panel);border-top:1px solid var(--line);padding:8px 14px 6px;gap:6px;max-height:55%}.version-row{display:flex;align-items:center;gap:10px;min-width:0}.label{font-size:12px;color:var(--ink-3)}.versions{display:flex;gap:4px;flex-wrap:nowrap;overflow-x:auto;min-width:0;padding:2px}.vchip{position:relative;padding:2px 9px;border:1px solid var(--line-2);border-radius:6px;background:var(--white);font-size:12.5px;font-variant-numeric:tabular-nums;color:var(--ink-2);white-space:nowrap}.vchip:hover{border-color:var(--ink-3)}.vchip.current{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700}.vchip.viewed:not(.current){outline:2px solid var(--accent);outline-offset:1px;color:var(--accent);font-weight:700}.vchip.current.viewed{outline:2px solid rgba(3,34,68,.25);outline-offset:1px}.vchip.bad{color:var(--bad);border-color:#e8a59b;border-style:dashed;background:var(--bad-bg)}.vchip.bad.current{background:var(--bad);color:#fff}.vchip .star{margin-left:3px;color:var(--good)}.vchip.current .star{color:#8be0ad}.keys{margin-left:auto;white-space:nowrap;font-size:12px}.claude-line{display:flex;gap:8px;font-size:13.5px;line-height:1.45;min-width:0}.claude-line .who{flex:none;font-weight:700;color:#6b4bc4}.claude-line .what{color:var(--ink);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.thread-toggle-row{display:flex;align-items:center;gap:10px}.thread-toggle{display:inline-flex;align-items:center;gap:6px;border:0;background:none;padding:2px 0;font-size:13px;color:var(--ink-2)}.thread-toggle:hover{color:var(--ink)}.caret{display:inline-block;transition:transform .12s;font-size:15px;line-height:1}.caret.open{transform:rotate(90deg)}.count{font-size:11.5px;color:var(--ink-3);font-weight:400;font-variant-numeric:tabular-nums}.thread{list-style:none;margin:2px 0 0;padding:4px 2px 6px 0;overflow-y:auto;min-height:0;max-height:38vh;border-top:1px dashed var(--line)}.thread.empty{padding:8px 0;font-size:13px}.entry{padding:8px 0 8px 2px;border-bottom:1px solid #efece5}.entry:last-child{border-bottom:0}.entry-head{display:flex;align-items:center;gap:7px;font-size:12px}.entry-dot{width:7px;height:7px;border-radius:50%;background:var(--idle)}.entry.comment .entry-dot{background:var(--mark)}.entry.claude .entry-dot{background:#6b4bc4}.entry.approval .entry-dot{background:var(--good)}.entry-who{font-weight:700;font-size:12.5px}.tag{padding:0 6px;border-radius:4px;background:var(--idle-bg);color:var(--idle-ink);font-size:11px;font-variant-numeric:tabular-nums}.tag.good{background:var(--good-bg);color:var(--good-ink)}.entry-at{margin-left:auto}.entry-text{margin:3px 0 0 14px;font-size:13.5px;white-space:pre-wrap}.entry.system .entry-text{color:var(--ink-2)}.entry-anchors{display:flex;flex-wrap:wrap;gap:10px;margin:7px 0 0 14px}.anchor-card{margin:0;display:flex;flex-direction:column;gap:4px;font-size:11.5px;color:var(--ink-2);max-width:220px}.anchor-kind{white-space:nowrap}.anchor-card figcaption{display:flex;align-items:center;gap:5px;min-width:0}.crop,.crop-img{height:92px;border-radius:5px;border:1px solid var(--line-2);background:var(--white)}.crop{position:relative;overflow:hidden}.crop-img{width:150px;object-fit:cover}.crop-inner{position:absolute;left:0;top:0}.crop-inner img{display:block;width:100%}.crop-inner svg{position:absolute;inset:0;width:100%;height:100%}.crop-inner polygon,.crop-inner circle{fill:#e0352d14;stroke:var(--mark);stroke-width:2px;vector-effect:non-scaling-stroke}.queue-pane{background:var(--panel);border-left:1px solid var(--line)}.tabs{display:flex;flex-wrap:wrap;gap:4px;padding:10px 10px 6px}.tab{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border:1px solid transparent;border-radius:999px;background:none;font-size:12.5px;color:var(--ink-2)}.tab:hover{background:var(--bg)}.tab.on{background:var(--ink);color:#fff}.tab.on .tab-count{color:#ffffffb3}.tab-count{font-size:11.5px;color:var(--ink-3);font-variant-numeric:tabular-nums}.pane-hint{padding:0 12px 6px;font-size:11.5px;border-bottom:1px solid var(--line)}.queue{list-style:none;margin:0;padding:4px 0 40px;overflow-y:auto;min-height:0;flex:1}.queue-empty{padding:24px 16px;font-size:13px}.row{position:relative;display:flex;gap:9px;padding:8px 12px 8px 14px;cursor:pointer;border-bottom:1px solid #f0ede6}.row .dot{margin-top:6px}.row:hover{background:#f3f1ec}.row.selected{background:var(--accent-tint)}.row.selected:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent)}.queue-pane:not(.active) .row.selected:before{background:#7d8ea5}.row-main{min-width:0;flex:1}.row-title{font-size:13.5px;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.row.selected .row-title{font-weight:700}.row-meta{display:flex;align-items:baseline;gap:8px;margin-top:2px;font-size:12px}.row-status{font-variant-numeric:tabular-nums;white-space:nowrap}.st-ready .row-status{color:var(--ready-ink)}.st-editing .row-status{color:var(--editing-ink)}.st-good .row-status{color:var(--good-ink)}.st-not_started .row-status{color:var(--idle-ink)}.row-module{margin-left:auto;color:var(--ink-3);font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-progress{margin-top:3px;padding-left:7px;border-left:2px solid var(--editing);font-size:11.5px;color:var(--editing-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rules-pane{background:var(--panel);border-left:1px solid var(--line);overflow:hidden}.cand-card{flex:none;margin:10px 10px 4px;padding:10px 12px 11px;background:var(--white);border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:var(--radius);box-shadow:0 2px 8px #2423210f}.cand-head{display:flex;align-items:center;gap:8px;font-size:13px}.badge{margin-left:auto;font-size:11px;padding:0 7px;border-radius:999px;background:#fff4d1;color:#7a5a00;white-space:nowrap}.cand-text{margin:6px 0 4px;font-size:13.5px;line-height:1.4}.cand-meta{display:flex;flex-wrap:wrap;gap:4px 6px;align-items:center;font-size:11.5px}.cand-actions{display:flex;gap:6px;margin-top:9px}.cand-actions .btn{padding:3px 10px 3px 4px;font-size:12.5px}.rules-head{flex:none;display:flex;align-items:baseline;gap:8px;padding:12px 12px 6px}.rules-head h2{margin:0;font-size:12.5px;font-weight:700;color:var(--ink)}.add-rule{margin-left:auto;font-size:12.5px;white-space:nowrap;text-decoration:none}.file-head{border-top:1px solid var(--line)}.rule-list{list-style:none;margin:0;padding:0 4px 6px 12px;overflow-y:auto;min-height:0}.rule-list.global{flex:1 1 auto}.rule-list.file{flex:0 1 auto;max-height:34%;padding-bottom:12px}.rule{display:flex;align-items:flex-start;gap:8px;padding:5px 6px 6px 0;border-bottom:1px solid #efece5;font-size:12.5px;line-height:1.35}.rule-text{flex:1;min-width:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.rule.dim .rule-text{color:var(--ink-3)}.rule.pending .rule-text{font-style:italic}.new-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mark);margin-right:5px;vertical-align:1px}.scope{flex:none;margin-top:1px;font-size:10.5px;padding:0 6px;border-radius:4px;background:var(--idle-bg);color:var(--idle-ink);line-height:1.6}.scope-procedure{background:#ebe9f8;color:#4b3fa0}.scope-reference{background:#e4f0f5;color:#1f5e78}.scope-case-sheet{background:#f6ece0;color:#81501c}.scope-story{background:#f1e7f1;color:#7a3a77}.scope-guide{background:#fff1c7;color:#6f5200}.rule.dim .scope{opacity:.6}.rule-del{flex:none;border:0;background:none;color:var(--ink-3);font-size:15px;line-height:1;padding:1px 3px;margin-top:-1px;cursor:pointer;border-radius:4px;opacity:0}.rule:hover .rule-del,.rule-del:focus-visible{opacity:1}.rule-del:hover{color:#b42318;background:#fbe9e7}.rule-list .empty{padding:4px 0;font-size:12.5px;border:0}.add-rule-form{flex:none;margin:0 10px 8px;padding:9px;background:var(--white);border:1px solid var(--accent);border-radius:var(--radius);display:flex;flex-direction:column;gap:7px}.add-rule-form textarea{font:inherit;font-size:13.5px;resize:none;border:1px solid var(--line-2);border-radius:6px;padding:6px 8px}.add-rule-form textarea:focus,.add-rule-form select:focus{outline:none;border-color:var(--accent)}.add-rule-row{display:flex;gap:6px}.add-rule-row select{flex:1;min-width:0;font:inherit;font-size:12.5px;border:1px solid var(--line-2);border-radius:6px;padding:3px 4px;background:var(--white)}.add-rule-row .btn{padding:3px 9px;font-size:12.5px}.toasts{position:fixed;right:14px;bottom:14px;z-index:100;display:flex;flex-direction:column;gap:8px;align-items:flex-end;pointer-events:none}.toast{pointer-events:auto;position:relative;display:flex;align-items:center;gap:10px;max-width:min(440px,90vw);padding:9px 10px 9px 14px;border-radius:9px;background:#2b2a27;color:#f5f3ee;font-size:13px;box-shadow:0 8px 26px #00000038;overflow:hidden;animation:toast-in .16s ease-out}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.toast.success{border-left:3px solid #58c98a}.toast.error{background:#fff;color:var(--bad);border:1px solid #efb3aa;border-left:3px solid var(--bad)}.toast-text{flex:1}.toast-undo{border:1px solid rgba(255,255,255,.3);background:#ffffff14;color:#fff;border-radius:6px;padding:2px 6px 2px 9px;font-weight:700;white-space:nowrap}.toast-undo kbd{background:transparent;color:#fff;border-color:#ffffff59}.toast-x{border:0;background:none;color:inherit;opacity:.6;font-size:17px;line-height:1;padding:0 2px}.toast-x:hover{opacity:1}.toast-timer{position:absolute;left:0;bottom:0;height:2px;width:100%;background:#ffffff59;transform-origin:left;animation:timer linear forwards}.toast.error .toast-timer{background:#c8321f4d}@keyframes timer{to{transform:scaleX(0)}}.overlay{position:fixed;inset:0;z-index:90;display:grid;place-items:center;background:#24232152}.keymap{width:min(620px,calc(100vw - 32px));max-height:86vh;overflow:auto;background:var(--white);border-radius:12px;padding:18px 22px 16px;box-shadow:0 24px 60px #00000040}.keymap-head{display:flex;align-items:center}.keymap h2{margin:0;font-size:17px}.keymap-head .toast-x{margin-left:auto;color:var(--ink)}.keymap dl{margin:12px 0 8px}.km-row{display:grid;grid-template-columns:130px 1fr;gap:12px;padding:5px 0;border-bottom:1px solid #f0ede6;font-size:13.5px}.km-row dt{white-space:nowrap}.km-row dd{margin:0;color:var(--ink-2)}@media(max-width:1280px){:root{--queue-w: 244px;--rules-w: 228px}.canvas-scroll{padding-left:18px;padding-right:34px}.usage .meter-track{width:26px}}