:root{--bg: oklch(.985 .002 80);--panel: oklch(1 0 0);--sunken: oklch(.965 .003 80);--hover: oklch(.955 .004 80);--ink: oklch(.2 .008 250);--ink-2: oklch(.38 .008 250);--ink-3: oklch(.55 .008 250);--ink-4: oklch(.72 .006 250);--rule: oklch(.9 .003 250);--rule-2: oklch(.94 .003 250);--accent: oklch(.55 .12 250);--accent-bg: oklch(.97 .02 250);--accent-ink:oklch(.45 .13 250);--flag: oklch(.58 .18 28);--flag-bg: oklch(.975 .02 40);--ok: oklch(.55 .12 150);--stale: oklch(.65 .13 70);--radius: 6px;--radius-lg: 10px;--shadow-panel: -1px 0 0 var(--rule), -16px 0 32px -28px oklch(.2 .02 250 / .4);--shadow-float: 0 1px 2px oklch(.2 .02 250 / .08), 0 8px 24px -12px oklch(.2 .02 250 / .22);--shadow-modal: 0 12px 48px -12px oklch(.2 .03 250 / .34), 0 2px 8px oklch(.2 .02 250 / .12);--mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--sans: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--sans);font-size:14px;line-height:1.45;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{height:100%}.app{height:100%;display:flex;flex-direction:column;overflow:hidden}::selection{background:#3275b42e}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:#ccced0;border-radius:8px;border:2px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:#b4b8bb;background-clip:content-box}*::-webkit-scrollbar-track{background:transparent}.mono{font-family:var(--mono);font-feature-settings:"tnum" 1}.num{font-family:var(--mono);font-variant-numeric:tabular-nums}.section-head{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);display:flex;align-items:center;gap:8px;white-space:nowrap}.btn{font-family:var(--sans);font-size:13px;font-weight:500;line-height:1;color:var(--ink-2);background:var(--panel);border:1px solid var(--rule);border-radius:var(--radius);padding:0 11px;height:30px;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;transition:background .14s ease,border-color .14s ease,color .14s ease,box-shadow .14s ease;-webkit-user-select:none;user-select:none}.btn svg{flex:none}.btn:hover{background:var(--hover);border-color:#cfd1d3}.btn:active{background:#e9ebee}.btn:disabled{opacity:.45;pointer-events:none}.btn.primary{background:var(--ink);border-color:var(--ink);color:#f9f8f7}.btn.primary:hover{background:#25292e;border-color:#25292e}.btn.accent{background:var(--accent);border-color:var(--accent);color:#f9fcff;color:oklch(.99 .01 250)}.btn.accent:hover{background:#1666aa;border-color:#1666aa}.btn.danger{color:var(--flag);border-color:#ddcdc7;background:var(--flag-bg)}.btn.danger:hover{background:#ffeee7;background:oklch(.96 .04 40);border-color:#e1b1a1}.btn.ghost{border-color:transparent;background:transparent}.btn.ghost:hover{background:var(--hover);border-color:var(--rule)}.btn.sm{height:26px;font-size:12px;padding:0 9px}.btn.icon{width:30px;padding:0;justify-content:center}.btn.icon.sm{width:26px}.field-label{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);margin-bottom:6px;display:block}.input,.select{width:100%;height:32px;padding:0 10px;font-family:var(--sans);font-size:13px;color:var(--ink);background:var(--panel);border:1px solid var(--rule);border-radius:var(--radius);transition:border-color .14s ease,box-shadow .14s ease;outline:none}.input.mono{font-family:var(--mono)}.input:focus,.select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3275b424}.input::placeholder{color:var(--ink-4)}.input.ro{background:var(--sunken);color:var(--ink-2);border-style:dashed}.topbar{height:52px;flex:none;display:flex;align-items:center;gap:14px;padding:0 14px;background:var(--panel);border-bottom:1px solid var(--rule);position:sticky;top:0;z-index:40}.brand{display:flex;align-items:center;gap:9px;flex:none}.brand-home{background:none;border:1px solid transparent;cursor:pointer;padding:4px 8px 4px 4px;margin:0 -4px;border-radius:8px;font:inherit;transition:background .13s ease,border-color .13s ease}.brand-home:hover{background:var(--hover);border-color:var(--rule)}.brand-home:active{background:#e9ebee}.brand-mark{width:22px;height:22px;background:var(--ink);border-radius:5px;display:grid;place-items:center;color:#f9f8f7;font-weight:700;font-size:12px;letter-spacing:-.02em}.brand-word{font-weight:700;font-size:15px;letter-spacing:-.01em;color:var(--ink);white-space:nowrap}.brand-logo{height:28px;width:auto;border-radius:5px;display:block}.topbar-sep{width:1px;height:24px;background:var(--rule);flex:none}.doc-meta{display:flex;align-items:center;gap:10px;min-width:0;flex-wrap:nowrap}.home-btn{flex:none;color:var(--ink-3)}.doc-name{font-weight:600;font-size:13.5px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;max-width:300px}.doc-page{font-size:12px;color:var(--ink-3);white-space:nowrap;flex:none}.status-dot{width:8px;height:8px;border-radius:50%;flex:none}.status-dot.ok{background:var(--ok);box-shadow:0 0 0 3px #33854a2e}.status-pill{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--ink-3);padding:4px 9px;border-radius:20px;background:var(--sunken);border:1px solid var(--rule)}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:9px}.unsaved{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--stale)}.unsaved .dot{width:7px;height:7px;border-radius:50%;background:var(--stale)}.saved-note{font-size:12px;color:var(--ink-4);display:flex;align-items:center;gap:6px}.page-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.body{flex:1;display:flex;min-height:0}.rail{width:132px;flex:none;background:var(--panel);border-right:1px solid var(--rule);display:flex;flex-direction:column;overflow:hidden}.rail-head{padding:12px 12px 8px;display:flex;align-items:center;justify-content:space-between}.rail-thumbs{flex:1;overflow-y:auto;padding:4px 12px 14px;display:flex;flex-direction:column;gap:12px}.thumb{cursor:pointer}.thumb-num{font-size:10.5px;color:var(--ink-4);margin-bottom:5px;text-align:center}.thumb.active .thumb-num{color:var(--accent-ink);font-weight:600}.thumb-page{position:relative;background:#fefaf1;border:1px solid var(--rule);border-radius:3px;transition:border-color .14s ease,box-shadow .14s ease;overflow:hidden}.thumb:hover .thumb-page{border-color:var(--ink-4)}.thumb.active .thumb-page{border-color:var(--accent);box-shadow:0 0 0 2px #3275b433}.thumb-line{position:absolute;background:#d9d7d3;height:1px}.thumb-rect{position:absolute;border-radius:1px}.workspace{flex:1;position:relative;background:var(--sunken);overflow:auto;display:flex;align-items:flex-start;justify-content:center}.workspace-inner{padding:44px;min-width:min-content}.page-shell{position:relative;background:#fffbf4;background:oklch(.99 .014 85);border:1px solid oklch(.86 .01 80);box-shadow:0 1px 2px #1b150b0f,0 18px 40px -22px #362c1c66;border-radius:2px;-webkit-user-select:none;user-select:none}.page-surface{position:absolute;top:0;right:0;bottom:0;left:0;cursor:crosshair}.page-surface.panning{cursor:default}.doc-band{position:absolute;left:0;right:0;border-bottom:1.5px solid oklch(.82 .012 80);background:#fcf6e9}.doc-title{position:absolute;font-weight:700;color:#534c41;letter-spacing:.02em}.doc-sub{position:absolute;color:#857f76}.doc-stamp{position:absolute;font-family:var(--mono);color:#7f7971;text-align:right}.doc-row-label{position:absolute;color:#5c574f}.doc-underline{position:absolute;border-bottom:1px solid oklch(.84 .01 80)}.doc-faint{position:absolute;border-bottom:1px solid oklch(.9 .006 80)}.doc-checkbox{position:absolute;border:1.4px solid oklch(.8 .012 80);border-radius:2px}.doc-radio{position:absolute;border:1.4px solid oklch(.8 .012 80);border-radius:50%}.rect{position:absolute;border:1.5px solid var(--rc, var(--accent));background:var(--rf, transparent);border-radius:3px;cursor:move;transition:background .12s ease}.rect:hover{background:var(--rfs, var(--rf))}.rect.selected{z-index:30;box-shadow:0 0 0 1px var(--rc),0 2px 10px -4px #0f171f66}.rect.ro{cursor:pointer}.ro-tag{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;flex:none;font-size:11px;font-weight:600;letter-spacing:.02em;color:var(--ink-3);background:var(--sunken);border:1px solid var(--rule);border-radius:20px;padding:2px 8px 2px 7px}.ro-tag svg{color:var(--ink-4)}.ro-note{display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.4;color:var(--ink-3);background:var(--sunken);border:1px solid var(--rule);border-radius:var(--radius);padding:10px 11px}.ro-note svg{color:var(--ink-4);flex:none;margin-top:1px}.fl-row.ro{cursor:pointer}.rect-chip{position:absolute;top:-1px;left:-1px;display:flex;align-items:center;gap:4px;font-family:var(--mono);font-size:9.5px;font-weight:600;line-height:1;padding:3px 5px;color:#fff;background:var(--rc);border-radius:3px 0 4px;letter-spacing:.02em;pointer-events:none;white-space:nowrap}.rect-order{position:absolute;bottom:-1px;right:-1px;min-width:16px;height:16px;padding:0 3px;display:grid;place-items:center;font-family:var(--mono);font-size:10px;font-weight:600;color:#fff;background:var(--rc);border-radius:4px 0 2px;pointer-events:none}.handle{position:absolute;width:9px;height:9px;background:var(--panel);border:1.5px solid var(--rc);border-radius:2px;z-index:31}.handle.nw,.handle.se{cursor:nwse-resize}.handle.ne,.handle.sw{cursor:nesw-resize}.handle.n,.handle.s{cursor:ns-resize}.handle.e,.handle.w{cursor:ew-resize}.draft-rect{position:absolute;border:1.5px dashed var(--accent);background:#3275b414;border-radius:3px;pointer-events:none;z-index:35}.draft-dim{position:absolute;font-family:var(--mono);font-size:10px;color:#fff;background:var(--accent);padding:2px 5px;border-radius:3px;white-space:nowrap}.zoombar{position:absolute;right:18px;bottom:18px;display:flex;align-items:center;background:var(--panel);border:1px solid var(--rule);border-radius:8px;box-shadow:var(--shadow-float);z-index:20;overflow:hidden}.zoombar button{height:32px;width:34px;border:none;background:transparent;color:var(--ink-2);cursor:pointer;display:grid;place-items:center}.zoombar button:hover{background:var(--hover)}.zoombar .zv{font-family:var(--mono);font-size:12px;color:var(--ink-2);width:50px;text-align:center;border-left:1px solid var(--rule);border-right:1px solid var(--rule);height:32px;display:grid;place-items:center}.zoombar .fit{width:auto;padding:0 11px;font-size:12px;font-weight:500;border-left:1px solid var(--rule)}.legend{position:absolute;left:18px;bottom:18px;background:var(--panel);border:1px solid var(--rule);border-radius:8px;box-shadow:var(--shadow-float);z-index:20;padding:10px 12px;max-width:220px}.legend-head{font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-4);margin-bottom:8px}.legend-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px 14px}.legend-item{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--ink-2)}.legend-sw{width:10px;height:10px;border-radius:3px;flex:none;border:1px solid oklch(.2 .02 250 / .15)}.hint-bar{position:absolute;top:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;background:#13161adb;color:#f6f5f4;font-size:12px;padding:7px 13px;border-radius:20px;z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none}.hint-bar kbd{font-family:var(--mono);font-size:10.5px;background:#ffffff29;padding:1px 5px;border-radius:4px}.inspector{width:340px;flex:none;background:var(--panel);border-left:1px solid var(--rule);box-shadow:var(--shadow-panel);display:flex;flex-direction:column;overflow:hidden;z-index:30}.insp-section{display:flex;flex-direction:column;min-height:0}.insp-section.grow{flex:1}.insp-head{padding:14px 16px 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--rule)}.insp-body{padding:16px;overflow-y:auto}.insp-empty{padding:28px 20px;text-align:center;color:var(--ink-4);display:flex;flex-direction:column;align-items:center;gap:12px}.insp-empty .icon-circle{width:44px;height:44px;border-radius:50%;background:var(--sunken);border:1px solid var(--rule);display:grid;place-items:center;color:var(--ink-4)}.form-grp{margin-bottom:16px}.form-row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.type-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.type-opt{display:flex;align-items:center;gap:8px;padding:7px 8px;border:1px solid var(--rule);border-radius:var(--radius);background:var(--panel);cursor:pointer;font-size:12.5px;color:var(--ink-2);transition:border-color .12s ease,background .12s ease;text-align:left}.type-opt:hover{background:var(--hover)}.type-opt.on{border-color:var(--rc);background:var(--rfs);color:var(--ink);font-weight:500}.type-opt .sw{width:11px;height:11px;border-radius:3px;flex:none}.coord-box{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--rule);border:1px solid var(--rule);border-radius:var(--radius);overflow:hidden}.coord-cell{background:var(--sunken);padding:7px 8px}.coord-k{font-size:10px;color:var(--ink-4);text-transform:uppercase;letter-spacing:.04em}.coord-v{font-family:var(--mono);font-size:13px;color:var(--ink);margin-top:1px}.fieldlist{padding:6px 10px 16px;overflow-y:auto;flex:1}.fl-group-head{font-family:var(--mono);font-size:10.5px;letter-spacing:.04em;color:var(--ink-4);padding:12px 6px 5px;display:flex;align-items:center;gap:7px;position:sticky;top:0;background:var(--panel);z-index:2}.fl-group-head:after{content:"";flex:1;height:1px;background:var(--rule-2)}.fl-row{display:flex;align-items:center;gap:8px;padding:7px 6px;border-radius:var(--radius);cursor:pointer;transition:background .11s ease;border:1px solid transparent}.fl-row:hover{background:var(--hover)}.fl-row.on{background:var(--accent-bg);border-color:#b8cde4}.fl-row.dragging{opacity:.4}.fl-row.drop-before{box-shadow:inset 0 2px 0 var(--accent)}.fl-row.drop-after{box-shadow:inset 0 -2px 0 var(--accent)}.fl-grip{color:var(--ink-4);cursor:grab;display:grid;place-items:center;flex:none}.fl-grip:active{cursor:grabbing}.fl-order{font-family:var(--mono);font-size:11px;color:var(--ink-3);width:18px;text-align:right;flex:none}.fl-sw{width:9px;height:9px;border-radius:2px;flex:none}.fl-chip{font-family:var(--mono);font-size:9.5px;font-weight:600;padding:2px 5px;border-radius:4px;flex:none;letter-spacing:.02em}.fl-label{flex:1;min-width:0;font-size:13px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fl-meta{font-family:var(--mono);font-size:10.5px;color:var(--ink-4);flex:none}.count-pill{font-family:var(--mono);font-size:11px;font-weight:500;color:var(--ink-3);background:var(--sunken);border:1px solid var(--rule);border-radius:20px;padding:2px 9px}.home{flex:1;overflow-y:auto;background:var(--bg)}.home-inner{max-width:1040px;margin:0 auto;padding:44px 40px 64px;display:flex;flex-direction:column;gap:26px}.home-head{display:flex;align-items:center;gap:14px}.home-head .empty-logo{height:42px}.empty-logo{height:42px;width:auto;border-radius:9px;display:block}.home-head .ttl{font-size:24px;font-weight:700;letter-spacing:-.02em;line-height:1.1}.home-head .sub{font-size:13px;color:var(--ink-3);margin-top:1px}.home-new{margin-left:auto;height:36px}.dropzone.slim{display:flex;flex-direction:row;align-items:center;gap:16px;text-align:left;width:100%;padding:16px 18px;border-radius:12px;background:var(--panel);border:1.5px dashed var(--rule);cursor:pointer;transition:border-color .16s ease,background .16s ease}.dropzone.slim:hover{border-color:#c6cbd1}.dropzone.slim.over{border-color:var(--accent);background:var(--accent-bg)}.dropzone.slim .dz-icon{width:44px;height:44px;border-radius:11px;flex:none}.dropzone.slim .dz-text{flex:1}.dropzone.slim .btn{flex:none}.dz-icon{background:var(--sunken);border:1px solid var(--rule);display:grid;place-items:center;color:var(--accent)}.dropzone.over .dz-icon{background:#e2f0ff;background:oklch(.95 .03 250)}.dz-title{font-size:15px;font-weight:600;color:var(--ink)}.dz-sub{font-size:12.5px;color:var(--ink-3);margin-top:1px}.worklists{display:grid;grid-template-columns:1fr 1fr;gap:18px}.wl-card{background:var(--panel);border:1px solid var(--rule);border-radius:10px;overflow:hidden;display:flex;flex-direction:column}.wl-head{display:flex;align-items:center;gap:10px;padding:13px 14px;border-bottom:1px solid var(--rule)}.wl-ic{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;flex:none}.wl-title{font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2);flex:1}.wl-rows{display:flex;flex-direction:column;padding:5px}.wl-row{display:flex;align-items:center;gap:11px;text-align:left;padding:9px;border:none;background:none;cursor:pointer;font:inherit;border-radius:var(--radius);transition:background .11s ease;width:100%}.wl-row:hover{background:var(--hover)}.wl-row>svg{color:var(--ink-4);flex:none}.wl-dot{width:7px;height:7px;border-radius:50%;flex:none}.wl-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.wl-name{font-size:13px;font-weight:500;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wl-meta{font-family:var(--mono);font-size:10.5px;color:var(--ink-4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wl-prog{display:flex;align-items:center;gap:7px}.wl-bar{width:42px;height:4px;border-radius:3px;background:var(--rule);overflow:hidden;flex:none}.wl-fill{display:block;height:100%;border-radius:3px;background:var(--stale)}.wl-by{width:24px;height:24px;border-radius:50%;flex:none;display:grid;place-items:center;font-family:var(--mono);font-size:10px;font-weight:600;background:var(--sunken);color:var(--ink-3);border:1px solid var(--rule)}.accent-stale .wl-ic{background:#fff3e6;background:oklch(.97 .03 70);color:var(--stale)}.accent-stale .wl-dot{background:var(--stale)}.accent-stale .wl-by{background:#fff3e6;background:oklch(.97 .03 70);color:#875814;border-color:#e7ccae}.accent-flag .wl-ic{background:var(--flag-bg);color:var(--flag)}.accent-flag .wl-dot{background:var(--flag)}.accent-flag .wl-by{background:var(--flag-bg);color:var(--flag);border-color:#e9c9be}.accent-ok .wl-ic{background:#d8f9dd;color:var(--ok)}.accent-ok .wl-dot{background:var(--ok)}.accent-muted .wl-ic{background:var(--sunken);color:var(--ink-4)}.accent-muted .wl-dot{background:var(--ink-4)}.accent-muted .wl-name{color:var(--ink-2)}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0f171f57;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;animation:fade .16s ease}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{width:440px;max-width:92vw;background:var(--panel);border:1px solid var(--rule);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal);animation:pop .18s cubic-bezier(.2,.9,.3,1);overflow:hidden}@keyframes pop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.modal-head{padding:18px 20px 14px;display:flex;align-items:flex-start;gap:13px;border-bottom:1px solid var(--rule)}.modal-icon{width:36px;height:36px;border-radius:9px;background:var(--accent-bg);color:var(--accent);display:grid;place-items:center;flex:none}.modal-title{font-size:16px;font-weight:600}.modal-sub{font-size:13px;color:var(--ink-3);margin-top:2px}.modal-x{margin-left:auto}.modal-body{padding:18px 20px}.modal-foot{padding:14px 20px;display:flex;justify-content:flex-end;gap:10px;background:var(--sunken);border-top:1px solid var(--rule)}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--rule);border:1px solid var(--rule);border-radius:var(--radius);overflow:hidden}.summary-cell{background:var(--panel);padding:12px 14px}.summary-k{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-4)}.summary-v{font-family:var(--mono);font-size:20px;color:var(--ink);margin-top:3px}.summary-v.sm{font-size:13px}.bytype-list{margin-top:14px;display:flex;flex-direction:column;gap:4px}.bytype-row{display:flex;align-items:center;gap:8px;font-size:12.5px}.bytype-row .bar{height:7px;border-radius:3px;flex:none}.bytype-row .nm{color:var(--ink-2);width:90px}.bytype-row .ct{font-family:var(--mono);color:var(--ink-3);margin-left:auto}.toast-wrap{position:fixed;top:64px;right:18px;z-index:120;display:flex;flex-direction:column;gap:10px}.toast{width:320px;background:var(--panel);border:1px solid var(--rule);border-left:3px solid var(--ok);border-radius:var(--radius);box-shadow:var(--shadow-float);padding:13px 14px;display:flex;gap:11px;align-items:flex-start;animation:slidein .24s cubic-bezier(.2,.9,.3,1)}@keyframes slidein{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}.toast.out{animation:slideout .22s ease forwards}@keyframes slideout{to{opacity:0;transform:translate(20px)}}.toast-ic{width:20px;height:20px;border-radius:50%;background:#d8f9dd;color:var(--ok);display:grid;place-items:center;flex:none;margin-top:1px}.toast-t{font-size:13px;font-weight:600;color:var(--ink)}.toast-s{font-size:12px;color:var(--ink-3);margin-top:2px}.toast-x{margin-left:auto;color:var(--ink-4);cursor:pointer;background:none;border:none;padding:2px}.toast-x:hover{color:var(--ink-2)}