:root{font-family:Segoe UI Variable,Segoe UI,Arial,sans-serif;color:#1b2730;background:#dce2e6;font-synthesis:none;--ink:#18232d;--muted:#64737d;--line:#cad2d7;--panel:#f7f9fa;--accent:#c64d34;--accent-dark:#97351f;--blue:#376f92;--shadow:0 16px 40px rgba(14,27,36,.18)}[hidden]{display:none!important}*{box-sizing:border-box}html,body,#app,.app-shell{width:100%;height:100%;margin:0;overflow:hidden}button,input,textarea{font:inherit}button,summary{border:1px solid transparent;border-radius:4px;background:transparent;color:inherit;cursor:pointer}button:hover,summary:hover{background:#edf1f3}button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #4184ad;outline-offset:1px}button:disabled,[disabled] summary{opacity:.38;cursor:default}.app-shell{display:grid;grid-template-rows:48px auto minmax(0,1fr) 26px;background:#e8ecef}.topbar{grid-row:1;display:flex;align-items:center;background:var(--ink);color:#eaf0f3;padding:0 12px;gap:16px;z-index:20;box-shadow:0 2px 8px #0003}.brand{display:flex;align-items:center;gap:9px;font-weight:700;white-space:nowrap}.brand img{width:28px;height:28px}.toolbar{display:flex;align-items:center;gap:2px;height:100%}.toolbar>button,.toolbar summary{height:32px;padding:0 10px;color:#eaf0f3;display:flex;align-items:center;gap:5px}.toolbar>button:hover,.toolbar summary:hover,.toolbar button.active{background:#344550}.toolbar button.active{box-shadow:inset 0 -2px var(--accent)}.separator{height:22px;border-left:1px solid #50606b;margin:0 5px}.icon-button{font-size:21px;padding:0 8px!important}.chevron{font-size:12px;opacity:.7}.project-meta{margin-left:auto;text-align:right;min-width:120px;display:flex;flex-direction:column;line-height:1.15;overflow:hidden}.project-meta strong{font-size:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.project-meta span{font-size:10px;color:#aebbc3;margin-top:3px}.project-meta span[data-state=failed]{color:#ff9f8d}.menu,.menu-wrap{position:relative}.menu summary{list-style:none}.menu summary::-webkit-details-marker{display:none}.menu>div,.popover{position:absolute;top:42px;left:0;z-index:100;min-width:250px;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:6px;box-shadow:var(--shadow);padding:6px}.menu>div button,.popover button{display:flex;width:100%;padding:9px 10px;text-align:left}.popover button{flex-direction:column;border-bottom:1px solid #e7ebed}.popover strong{font-size:12px}.popover small{font-size:10px;color:var(--muted);margin-top:3px}.popover p{padding:4px 10px;color:var(--muted);font-size:12px}.mode-banner{grid-row:2;z-index:15;min-height:39px;display:flex;align-items:center;justify-content:center;gap:16px;color:#fff;padding:5px 12px}.mode-banner[data-mode=edit]{background:#28648a}.mode-banner[data-mode=renumber],.mode-banner[data-mode=reorder]{background:#9c4a1d}.mode-banner strong{text-transform:uppercase;letter-spacing:.08em;font-size:12px}.mode-banner span{font-size:12px;opacity:.92}.mode-banner button{color:#fff;border-color:#ffffff80;padding:4px 8px}.workspace{grid-row:3;display:flex;min-height:0}.drawing-pane{position:relative;display:flex;flex:0 0 70%;min-width:0;background:#cdd4d9}.splitter{flex:0 0 6px;background:#aeb9c0;cursor:col-resize;border-left:1px solid #8e9da6;border-right:1px solid #fff;z-index:5}.splitter:hover{background:#788b97}.table-pane{flex:1;min-width:260px;background:var(--panel);display:flex;flex-direction:column;overflow:hidden}.viewer{position:absolute;inset:0;overflow:hidden;cursor:grab;user-select:none;background-color:#cfd6da;background-image:radial-gradient(#aeb8be 1px,transparent 1px);background-size:18px 18px}.viewer:active{cursor:grabbing}.viewer.drop-target{box-shadow:inset 0 0 0 5px #4d92b8;background-color:#dae9f1}.page-stage{position:absolute;left:0;top:0;transform-origin:0 0;background:#fff;box-shadow:0 2px 14px #131f2759}#canvas-host canvas{display:block;width:100%;height:100%}#overlay{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.viewer-tools{position:absolute;z-index:10;top:10px;left:10px;display:flex;align-items:center;background:#18232de6;border-radius:5px;padding:3px;box-shadow:0 2px 8px #0003}.viewer-tools button{color:#fff;padding:5px 8px;font-size:11px}.viewer-tools button:hover{background:#43545f}.viewer-tools span{color:#bbc6cc;font-size:10px;min-width:42px;text-align:center;border-left:1px solid #52626d}.page-controls{position:absolute;bottom:10px;left:50%;transform:translate(-50%);z-index:10;background:#18232deb;color:#fff;border-radius:18px;display:flex;align-items:center;box-shadow:0 2px 8px #0003}.page-controls button{color:#fff;font-size:20px;width:32px}.page-controls span{font-size:11px;min-width:86px;text-align:center}.empty-state{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#687781;letter-spacing:.03em}.empty-state span{font-size:25px;font-weight:350}.empty-state small{text-transform:uppercase;letter-spacing:.16em;font-size:9px;margin-top:10px;color:#85929a}.loading-indicator{display:none;position:absolute;inset:0;z-index:14;place-items:center;background:#dae0e4b3;font-size:12px;color:#455660}.viewer.loading .loading-indicator{display:grid}.bubble{fill:#fffffff0;stroke:#0b0f12;stroke-width:3px;vector-effect:non-scaling-stroke;cursor:pointer}.bubble-label{text-anchor:middle;dominant-baseline:central;font-family:Arial,sans-serif;font-weight:700;fill:#0b0f12;pointer-events:none}.leader{stroke:#0b0f12;stroke-width:2px;vector-effect:non-scaling-stroke}.source-hit{fill:transparent;stroke:transparent;stroke-width:2px;vector-effect:non-scaling-stroke;cursor:pointer}.source-hit.visible{fill:#3085b617;stroke:#307da9;stroke-dasharray:6 4}.annotation.selected .bubble{stroke:#1773a6;stroke-width:4px}.annotation.warning .bubble{stroke:#ce7b19}.active-selection{fill:#358bbb21;stroke:#227fac;stroke-width:2px;stroke-dasharray:8 5;vector-effect:non-scaling-stroke}.delete-characteristic circle{fill:#c9362b;stroke:#fff;stroke-width:2px;vector-effect:non-scaling-stroke}.delete-characteristic path{stroke:#fff;stroke-width:3px;stroke-linecap:round;vector-effect:non-scaling-stroke;pointer-events:none}.delete-characteristic{cursor:pointer}.edit-mode .bubble{cursor:move}.renumber-mode .viewer{cursor:default}.renumber-mode .bubble{cursor:pointer;stroke:#b45722}.table-heading{height:65px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;border-bottom:1px solid var(--line);background:#fff}.table-heading>div{display:flex;flex-direction:column}.table-heading strong{font-size:15px}.eyebrow{text-transform:uppercase;letter-spacing:.1em;color:#73828c;font-size:9px;font-weight:700}.table-heading button{border-color:var(--line);font-size:11px;padding:6px 8px}.table-scroll{flex:1;overflow:auto}table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:12px;background:#fff}th{position:sticky;top:0;z-index:2;background:#e9eef1;color:#4e5e68;text-align:left;text-transform:uppercase;letter-spacing:.055em;font-size:9px;height:33px;border-bottom:1px solid #b9c4ca;padding:6px}th:nth-child(1){width:70px}th:nth-child(3){width:27%}td{border-bottom:1px solid #dce2e5;border-right:1px solid #e5e9eb;padding:8px 6px;vertical-align:top;overflow-wrap:anywhere;line-height:1.25}tbody tr:not(.table-empty){cursor:pointer}tbody tr:hover{background:#f0f6f9}tbody tr.selected{background:#d8ebf5;box-shadow:inset 3px 0 #2c7ca8}.number-cell{font-weight:700;text-align:center;white-space:nowrap}.warning-mark{display:inline-grid;place-items:center;margin-left:5px;background:#d77a12;color:#fff;border-radius:50%;font-size:8px;width:13px;height:13px}.drag-grip{color:#7b8a93;float:left;font-size:14px}.reorder-mode tbody tr{cursor:grab}.reorder-mode tbody tr.dragging{opacity:.38}.table-empty td{height:130px;text-align:center;color:#788790;padding:44px 22px;font-style:italic}.table-pane input{width:100%;border:1px solid #91a8b7;border-radius:3px;padding:5px;background:#fff}.reorder-actions{display:none;padding:9px;border-top:1px solid var(--line);gap:6px}.reorder-mode .reorder-actions{display:flex}.reorder-actions button{border-color:var(--line);padding:6px 10px}.reorder-actions button:first-child{background:var(--ink);color:#fff}.statusbar{grid-row:4;display:flex;align-items:center;justify-content:space-between;padding:0 11px;background:#eef1f3;border-top:1px solid #bdc8ce;color:#596871;font-size:10px}.privacy-mark{letter-spacing:.1em;font-weight:700;color:#677881}.toast{position:fixed;z-index:300;left:50%;bottom:43px;transform:translate(-50%);background:#263640;color:#fff;border-radius:6px;padding:9px 12px;box-shadow:var(--shadow);font-size:12px;min-width:210px;text-align:center}.toast[data-tone=success]{border-left:4px solid #57a56b}.toast[data-tone=warning]{border-left:4px solid #e2a13c}.toast[data-tone=error]{border-left:4px solid #e15a49}.toast button{color:#9fd5f5;margin-left:10px;font-weight:700}.modal{border:0;border-radius:8px;padding:0;width:min(680px,90vw);max-height:82vh;color:var(--ink);box-shadow:var(--shadow)}.modal.wide{width:min(900px,92vw)}.modal::backdrop{background:#101b228c;backdrop-filter:blur(2px)}.modal>header{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;border-bottom:1px solid var(--line)}.modal h2{margin:2px 0 0;font-size:20px}.modal>header>button{font-size:24px;color:#6b7981}.project-list{padding:10px;overflow:auto;max-height:65vh}.project-card{display:flex;justify-content:space-between;align-items:center;padding:12px;border-bottom:1px solid #e0e5e8;gap:12px}.project-card>div:first-child{display:flex;flex-direction:column;gap:3px;min-width:0}.project-card strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.project-card span,.project-card small{color:var(--muted);font-size:11px}.card-actions{display:flex;gap:5px}.card-actions button,.dialog-toolbar button,.modal footer button{border-color:var(--line);padding:7px 10px}.primary{background:var(--ink)!important;color:#fff!important}.danger{color:#ae3428}.dialog-toolbar{display:flex;align-items:center;gap:12px;padding:10px 20px;background:#f4f6f7;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}.empty-list{text-align:center;color:var(--muted);padding:50px}.review>p,.conflict>p{margin:16px 20px 8px;color:var(--muted);font-size:12px}.review textarea{display:block;width:calc(100% - 40px);margin:0 20px 18px;border:1px solid #93a3ad;border-radius:5px;padding:10px;font-family:Consolas,monospace;resize:vertical}.modal>footer{display:flex;justify-content:flex-end;gap:7px;padding:12px 20px;border-top:1px solid var(--line)}.conflict-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px 20px 20px}.conflict-grid>div{border:1px solid var(--line);border-radius:5px;padding:12px;display:flex;flex-direction:column;gap:4px}.conflict-grid dl{display:grid;grid-template-columns:1fr 1fr;font-size:11px;margin:7px 0 0}.conflict-grid dt,.conflict-grid dd{padding:3px 0;margin:0}.conflict-grid dt{color:var(--muted)}@media(max-width:900px){.brand span{display:none}.toolbar>button,.toolbar summary{padding:0 6px}.project-meta{display:none}.table-pane{min-width:235px}}