:root{--ink:#0a0a0b;--ink-hover:#2a2a2f;--text-2:#3a3a40;--text-2b:#2a2a2f;--muted:#6b6b73;--faint:#9a9aa3;--placeholder:#b4b4bb;--disabled:#c4c4cb;--disabled-2:#a3a3ab;--app:#fbfbfc;--panel:#fff;--subtle:#f6f6f8;--stage:#f1f1f3;--stage-2:#f4f4f6;--track:#f1f1f4;--selected:#f3f3f5;--row-hover:#fafafb;--line:#ececf0;--line-input:#e2e2e7;--line-soft:#f0f0f3;--line-softer:#f3f3f5;--accent:#0a64ff;--token-bg:#eaf1ff;--token-text:#0a4fd6;--err:#b42318;--err-bg:#fdecea;--danger:#c2261b;--warn:#9a5b00;--warn-bg:#fdf3e4;--warn-line:#e8b35c;--warn-badge:#f5b544;--highlight:#e0a100;--shadow-seg:0 1px 2px #00000014;--shadow-menu:0 12px 30px #0a0a0b24;--shadow-modal:0 24px 64px #0a0a0b38;--shadow-page:0 1px 2px #0a0a0b0f, 0 16px 40px #0a0a0b14;--img-outline:1px solid #0a0a0b1a;--font:Geist, system-ui, sans-serif;--mono:"Geist Mono", ui-monospace, monospace}html,body,#root{height:100%;margin:0}body{background:var(--app);font-family:var(--font);color:var(--ink);-webkit-font-smoothing:antialiased}a{color:var(--ink)}a:hover{color:var(--accent)}button,input,textarea{color:inherit;font-family:inherit}textarea{resize:none}::placeholder{color:var(--placeholder)}.mono{font-family:var(--mono)}.btn{border:1px solid var(--line-input);cursor:pointer;white-space:nowrap;background:#fff;border-radius:9px;flex:none;height:32px;padding:0 12px;font-size:13px;font-weight:500}.btn:hover{background:var(--subtle)}.btn-primary{background:var(--ink);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:9px;flex:none;height:32px;padding:0 14px;font-size:13px;font-weight:500}.btn-primary:hover{background:var(--ink-hover)}.btn-primary:disabled{background:var(--line);color:var(--disabled-2);cursor:not-allowed}.btn-ghost{cursor:pointer;white-space:nowrap;height:32px;color:var(--muted);background:0 0;border:none;border-radius:9px;padding:0 10px;font-size:13px;font-weight:500}.btn-ghost:hover{background:var(--track)}.btn-danger{height:32px;color:var(--danger);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:9px;padding:0 10px;font-size:13px;font-weight:500}.btn-danger:hover{background:var(--err-bg)}.btn-sm{border-radius:8px;height:30px;padding:0 12px;font-size:12.5px}.btn-lg{height:34px}.seg{background:var(--track);border-radius:9px;flex:none;padding:2px;font-size:12.5px;font-weight:500;display:flex}.seg>span{cursor:pointer;white-space:nowrap;color:var(--muted);border-radius:7px;padding:5px 12px}.seg>span.on{color:var(--ink);box-shadow:var(--shadow-seg);background:#fff}.seg.fill>span{text-align:center;flex:1;padding:5px 8px}.toggle{background:#dcdce1;border-radius:9px;flex:none;width:30px;height:18px;position:relative}.toggle.on{background:var(--ink)}.toggle:after{content:"";background:#fff;border-radius:7px;width:14px;height:14px;transition:left .12s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}.toggle.on:after{left:14px}.toggle-row{cursor:pointer;justify-content:space-between;align-items:center;font-size:13.5px;display:flex}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.label{color:var(--muted);font-size:12px;font-weight:500}.input{box-sizing:border-box;border:1px solid var(--line-input);width:100%;height:36px;color:var(--ink);background:#fff;border-radius:9px;outline:none;padding:0 11px;font-size:14px}.input:focus{border-color:var(--ink);box-shadow:0 0 0 3px #0a0a0b0f}.input[readonly]{background:var(--subtle)}.input-sm{height:32px;font-size:13px}.search{box-sizing:border-box;border:1px solid var(--line-input);background:#fff;border-radius:9px;outline:none;height:32px;padding:0 11px;font-size:13px}.search:focus{border-color:var(--ink)}.textarea{box-sizing:border-box;border:1px solid var(--line-input);color:var(--text-2b);background:#fff;border-radius:9px;outline:none;width:100%;padding:9px 11px;font-size:13.5px;line-height:1.45}.textarea:focus{border-color:var(--ink);box-shadow:0 0 0 3px #0a0a0b0f}.textarea[readonly]{background:var(--subtle)}.readonly-box{box-sizing:border-box;background:var(--subtle);border-radius:9px;align-items:center;height:36px;padding:0 11px;display:flex}.hint{color:var(--faint);font-size:12px;line-height:1.5}.ref-chip{height:24px;font:500 11.5px var(--mono);color:var(--text-2b);background:#fff;border:1px solid #e6e6ea;border-radius:7px;align-items:center;gap:6px;padding:0 8px;display:flex}.ref-chip .k{color:var(--faint);font-family:var(--font);font-weight:400}.ref-chip .x{color:var(--placeholder);font-family:var(--font);cursor:pointer}.ref-chip .x:hover{color:var(--ink)}.tag{background:var(--track);border-radius:13px;align-items:center;gap:6px;height:26px;padding:0 10px;font-size:12.5px;display:flex}.tag .x{color:var(--faint);cursor:pointer}.tag .x:hover{color:var(--ink)}.tag-input{box-sizing:border-box;background:0 0;border:1px dashed #d4d4da;border-radius:13px;outline:none;width:96px;height:26px;padding:0 10px;font-size:12.5px}.tag-input:focus{border-style:solid;border-color:var(--ink)}.mini-tag{background:var(--track);height:20px;color:var(--text-2);border-radius:10px;flex:none;align-items:center;padding:0 8px;font-size:11.5px;display:flex}.badge{border-radius:6px;flex:none;align-items:center;height:20px;padding:0 8px;font-size:11.5px;font-weight:500;display:flex}.badge-outline{height:20px;color:var(--text-2);border:1px solid #e6e6ea;border-radius:6px;flex:none;align-items:center;padding:0 8px;font-size:11.5px;display:flex}.pill-issued{background:var(--ink);color:#fff;border-radius:11px;flex:none;align-items:center;gap:5px;height:22px;padding:0 9px;font-size:12px;font-weight:500;display:flex}.pill-draft{background:var(--track);height:22px;color:var(--text-2);border-radius:11px;flex:none;align-items:center;padding:0 9px;font-size:12px;font-weight:500;display:flex}.choice{cursor:pointer;background:var(--track);height:28px;color:var(--text-2);border-radius:14px;align-items:center;padding:0 11px;font-size:12.5px;display:flex}.choice.on{background:var(--ink);color:#fff}.link{color:var(--ink);cursor:pointer;text-underline-offset:2px;font-size:12.5px;font-weight:500;text-decoration:underline}.menu{z-index:6;border:1px solid var(--line);box-shadow:var(--shadow-menu);cursor:default;background:#fff;border-radius:10px;flex-direction:column;padding:4px;display:flex;position:absolute;right:0}.menu-item{cursor:pointer;border-radius:7px;padding:8px 10px;font-size:13px}.menu-item:hover{background:var(--stage-2)}.menu-item.danger{color:var(--danger)}.menu-item.danger:hover{background:var(--err-bg)}.menu-sep{background:var(--line-soft);height:1px;margin:4px 6px}.scrim{z-index:5;position:fixed;inset:0}.backdrop{z-index:30;background:#0a0a0b4d;place-items:center;display:grid;position:absolute;inset:0}.modal{box-shadow:var(--shadow-modal);background:#fff;border-radius:18px;flex-direction:column;max-height:92vh;display:flex;overflow:hidden}.modal-head{border-bottom:1px solid var(--line-soft);box-sizing:border-box;flex:none;justify-content:space-between;align-items:center;gap:10px;height:56px;padding:0 22px;display:flex}.modal-title{letter-spacing:-.01em;font-size:15px;font-weight:600}.modal-x{color:var(--faint);cursor:pointer;padding:4px 8px;font-size:20px}.modal-foot{border-top:1px solid var(--line-soft);flex:none;align-items:center;gap:8px;padding:14px 22px;display:flex}.topbar{border-bottom:1px solid var(--line);box-sizing:border-box;background:#fff;flex:none;align-items:center;gap:10px;min-width:0;height:52px;display:flex}.logo{background:var(--ink);color:#fff;border-radius:6px;flex:none;place-items:center;width:22px;height:22px;font-size:12px;font-weight:600;display:grid}.vsep{background:var(--line);flex:none;width:1px;height:20px;margin:0 4px}.thumb{aspect-ratio:16/10;position:relative;overflow:hidden}.img-cover{object-fit:cover;object-position:top left;outline:var(--img-outline);outline-offset:-1px;width:100%;height:100%;display:block}.img-fit{display:flex;position:absolute;inset:0}.img-fit img{outline:var(--img-outline);outline-offset:-1px;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.ext-tile{font:500 12px var(--mono);color:var(--muted);place-items:center;display:grid;position:absolute;inset:0}.err-tile{color:var(--err);place-items:center;font-size:18px;font-weight:600;display:grid;position:absolute;inset:0}.row{cursor:pointer;border-radius:12px;grid-template-columns:14px 44px 120px minmax(0,1fr);align-items:center;gap:14px;padding:10px 12px;display:grid}.row:hover{background:#f7f7f9}.row.sel{background:var(--selected);box-shadow:inset 0 0 0 1px var(--line-input)}.row.over{box-shadow:inset 0 2px 0 var(--accent)}.clamp2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dropzone-inline{min-height:52px;color:var(--faint);cursor:pointer;border:1.5px dashed #dcdce1;border-radius:12px;flex:none;justify-content:center;align-items:center;margin:8px 12px 0;font-size:13px;display:flex}.dropzone-inline:hover{border-color:var(--placeholder);color:var(--muted)}.inplace{color:var(--ink);background:0 0;border:none;border-radius:6px;outline:none}.inplace:hover{background:#f7f7f9}.inplace:focus{box-shadow:0 0 0 2px #0a64ff59}.inline-name{color:var(--ink);text-overflow:ellipsis;background:0 0;border:none;border-radius:6px;outline:none;margin-left:-6px;padding:5px 6px;font-size:14px}.inline-name:hover,.inline-name:focus{background:var(--stage-2)}.handle{box-sizing:border-box;border:1.5px solid var(--accent);background:#fff;border-radius:2px;width:10px;height:10px;position:absolute}.handle.nw{cursor:nwse-resize;top:-6px;left:-6px}.handle.ne{cursor:nesw-resize;top:-6px;right:-6px}.handle.sw{cursor:nesw-resize;bottom:-6px;left:-6px}.handle.se{cursor:nwse-resize;bottom:-6px;right:-6px}.home-row:hover,.hover-row:hover{background:var(--row-hover)}.new-client:hover{background:#f4f7ff}.banner{background:var(--subtle);border-bottom:1px solid var(--line);color:var(--text-2);flex:none;align-items:center;gap:10px;padding:10px 20px;font-size:13px;display:flex}.crumb{color:var(--muted);cursor:pointer;white-space:nowrap;font-size:14px}.crumb:hover{color:var(--ink)}.pattern-pill{background:var(--track);max-width:260px;height:26px;font:500 11.5px var(--mono);color:var(--text-2);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;border:none;border-radius:7px;padding:0 9px;overflow:hidden}.pattern-pill:hover{background:#e9e9ed}.kbd{font:500 11.5px var(--mono);border:1px solid var(--line-input);color:var(--text-2);background:#fff;border-radius:5px;padding:2px 6px}.mark-btn{color:#fff;cursor:pointer;background:#0a0a0bd1;border:none;border-radius:8px;height:28px;padding:0 10px;font-size:12px;font-weight:500;position:absolute;bottom:8px;right:8px}.mark-btn:hover{background:var(--ink)}.token-chip{border:1px solid var(--line-input);cursor:pointer;border-radius:7px;align-items:center;height:26px;padding:0 9px;font-size:12.5px;display:flex}.token-chip:hover{background:var(--subtle)}.orient-btn{cursor:pointer;border-radius:5px;place-items:center;width:24px;height:20px;display:grid}.page-thumb{width:100%;box-shadow:0 0 0 1px var(--line-input);background:#fff;border-radius:3px;position:relative;overflow:hidden}.page-thumb:hover{box-shadow:0 0 0 2px var(--accent)!important}.ed-link{cursor:pointer;white-space:nowrap;border-radius:7px;padding:5px 10px}.ed-link:hover{background:var(--track)}.sync-chip{border:1px solid var(--line);min-width:0;max-width:260px;height:22px;color:var(--muted);white-space:nowrap;border-radius:11px;flex:0 auto;align-items:center;gap:6px;padding:0 9px;font-size:12px;display:flex}