:root{color-scheme:dark;--bg: #1c1c1e;--bg-panel: #262628;--bg-raised: #333336;--bg-sunken: #141416;--bg-hover: #3a3a3e;--border: #3f3f43;--border-soft: #333336;--text: #f2f2f4;--text-dim: #b6b6bc;--text-faint: #9d9da5;--accent: #0e639c;--accent-hover: #1480c5;--accent-soft: rgba(14, 99, 156, .22);--danger: #f48771;--warn: #e0a458;--ok: #7bd88f;--fs-11: 11px;--fs-12: 12px;--fs-13: 13px;--fs-14: 14px;--fs-16: 16px;--fs-20: 20px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-6: 24px;--radius-s: 6px;--radius-m: 8px;--toolbar-btn-h: 36px;--ease: .12s ease-out}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text);font-size:var(--fs-13);-webkit-font-smoothing:antialiased}::selection{background:var(--accent-soft)}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--bg-raised);border-radius:8px;border:2px solid var(--bg-panel)}*::-webkit-scrollbar-track{background:transparent}:focus-visible{outline:2px solid var(--accent-hover);outline-offset:2px;border-radius:var(--radius-s)}button,input,select{font:inherit;color:inherit}button{transition:background var(--ease),border-color var(--ease),color var(--ease)}.app{display:flex;flex-direction:column;height:100%}.app-header{display:flex;align-items:center;gap:var(--sp-3);padding:0 var(--sp-4);height:52px;flex-shrink:0;background:var(--bg-panel);border-bottom:1px solid var(--border)}.app-header h1{font-size:var(--fs-14);margin:0;font-weight:650;letter-spacing:.01em;white-space:nowrap}.file-name{font-size:var(--fs-12);color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.autosave-status{font-size:var(--fs-11);color:var(--text-faint);white-space:nowrap}.notice{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);margin:0;font-size:var(--fs-13);color:var(--text-dim);background:var(--bg-panel);border-bottom:1px solid var(--border)}.notice-dismiss{margin-left:auto;background:transparent;border:none;color:var(--text-dim);font-size:18px;line-height:1;min-width:36px;min-height:36px;cursor:pointer;border-radius:var(--radius-m)}.notice-dismiss:hover{color:var(--text)}.notice-warn{color:var(--warn);background:color-mix(in srgb,var(--warn) 10%,var(--bg-panel));border-bottom:1px solid var(--warn)}.notice-warn .notice-action{border-color:var(--warn);color:var(--warn);margin-left:var(--sp-2)}.notice-warn .notice-action:hover{background:color-mix(in srgb,var(--warn) 18%,transparent)}.dialog-actions{display:flex;gap:8px;margin-top:12px}.dialog-actions .btn-ghost{min-height:36px}.radio-group{display:flex;flex-direction:column;gap:8px;margin:12px 0}.radio-option{display:flex;gap:12px;align-items:flex-start;padding:12px;border:1px solid var(--border);border-radius:6px;cursor:pointer;min-height:36px}.radio-option input{margin-top:2px;width:18px;height:18px;accent-color:var(--accent);flex-shrink:0}.radio-option:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}.radio-title{display:block;font-size:13px;font-weight:600}.radio-desc{display:block;font-size:12px;color:var(--text-dim);margin-top:2px}.notice-action{margin-left:auto;background:transparent;border:1px solid var(--border);color:var(--text);font-size:var(--fs-13);font-weight:600;padding:0 var(--sp-3);min-height:36px;border-radius:var(--radius-m);cursor:pointer;white-space:nowrap}.notice-action:hover{border-color:var(--accent);color:var(--accent)}.notice-action+.notice-dismiss{margin-left:0}.busy-spinner{display:inline-block;width:14px;height:14px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:busy-spin .8s linear infinite;flex:none}@keyframes busy-spin{to{transform:rotate(360deg)}}.header-actions{margin-left:auto;display:flex;align-items:center;gap:var(--sp-2);flex-shrink:0}.header-undo{display:contents}.cloud-status{font-size:var(--fs-12);color:var(--text-dim);font-variant-numeric:tabular-nums;white-space:nowrap}.open-button{display:inline-flex;align-items:center;min-height:var(--toolbar-btn-h);background:var(--accent);color:#fff;padding:0 var(--sp-4);border-radius:var(--radius-m);font-size:var(--fs-13);font-weight:600;cursor:pointer;border:none;white-space:nowrap}.open-button:hover{background:var(--accent-hover)}.open-button.large{font-size:var(--fs-14);min-height:44px;padding:0 28px}.btn-ghost{display:inline-flex;align-items:center;min-height:var(--toolbar-btn-h);background:transparent;color:var(--text-dim);padding:0 var(--sp-3);border-radius:var(--radius-m);border:1px solid var(--border);font-size:var(--fs-13);cursor:pointer;white-space:nowrap}.btn-ghost:hover{color:var(--text);background:var(--bg-raised);border-color:var(--text-faint)}.error{color:var(--danger);padding:var(--sp-2) var(--sp-4);margin:0;font-size:var(--fs-13);background:var(--bg-panel);border-bottom:1px solid var(--border)}.error .notice-action{margin-left:var(--sp-3)}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-4);color:var(--text-dim);padding:var(--sp-6);text-align:center}.empty-state h2{font-size:var(--fs-20);font-weight:650;letter-spacing:-.01em;color:var(--text);margin:0}.empty-steps{list-style:none;display:flex;gap:var(--sp-6);margin:0;padding:0;font-size:var(--fs-13)}.empty-steps li{display:flex;align-items:center;gap:var(--sp-2);color:var(--text-dim)}.empty-steps .step-n{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--bg-raised);color:var(--text-dim);font-size:var(--fs-11);font-weight:700;flex-shrink:0}.btn-ghost.large{min-height:44px;padding:0 28px;font-size:var(--fs-14)}.empty-actions{display:flex;gap:var(--sp-3);flex-wrap:wrap;justify-content:center}.template-picker{display:flex;flex-direction:column;gap:var(--sp-2);width:min(430px,100%)}.template-sub{margin:0 0 var(--sp-1);font-size:var(--fs-13)}.template-card{display:flex;flex-direction:column;gap:2px;text-align:left;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-m);padding:var(--sp-3) var(--sp-4);cursor:pointer}.template-card:hover:not(:disabled){border-color:var(--accent)}.template-card:disabled{opacity:.6;cursor:default}.template-name{font-weight:650;font-size:var(--fs-14);color:var(--text)}.template-desc{font-size:var(--fs-13);color:var(--text-dim)}.workspace{flex:1;display:flex;min-height:0}.workspace-main{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}.markup-toolbar,.measure-toolbar,.sheet-toolbar,.toolchest-bar{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--bg-panel);border-bottom:1px solid var(--border);font-size:var(--fs-13);flex-wrap:wrap;flex-shrink:0}.markup-toolbar button,.measure-toolbar button,.sheet-toolbar button,.chest-tool{display:inline-flex;align-items:center;justify-content:center;min-height:var(--toolbar-btn-h);background:var(--bg-raised);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-s);padding:0 var(--sp-3);font-size:var(--fs-13);cursor:pointer;white-space:nowrap}.markup-toolbar button:hover,.measure-toolbar button:hover,.sheet-toolbar button:hover,.chest-tool:hover{background:var(--bg-hover);border-color:var(--text-faint)}.markup-toolbar button.active,.measure-toolbar button.active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.measure-toolbar button.snap-on{border-color:var(--accent);color:var(--text)}.markup-toolbar button.active:hover,.measure-toolbar button.active:hover{background:var(--accent-hover)}.sheet-toolbar button:disabled,.measure-toolbar button:disabled{opacity:.4;cursor:default}.sheet-toolbar button:not(:disabled):hover{background:var(--bg-hover)}.sheet-toolbar input[type=number]{width:56px;min-height:var(--toolbar-btn-h);background:var(--bg-sunken);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-s);padding:0 var(--sp-2);font-size:var(--fs-13);font-variant-numeric:tabular-nums}.toolbar-sep{width:1px;align-self:stretch;background:var(--border);margin:4px var(--sp-1);flex-shrink:0}.zoom-label{min-width:52px;text-align:right;color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:var(--fs-12)}.sheet-viewer{flex:1;display:flex;flex-direction:column;min-height:0}.sheet-viewport{flex:1;position:relative;overflow:hidden;background:var(--bg-sunken);touch-action:none}.sheet-stage{position:absolute;top:0;left:0;cursor:grab;will-change:transform}.sheet-stage:active{cursor:grabbing}.sheet-canvas{display:block;box-shadow:0 4px 24px #00000073;border-radius:2px}.sheet-overlay{position:absolute;top:0;left:0;pointer-events:none}.workspace-side{width:clamp(300px,26vw,380px);flex-shrink:0;display:flex;flex-direction:column;min-height:0;background:var(--bg-panel);border-left:1px solid var(--border)}.workspace-side .markup-panel{width:auto;flex:1 1 46%;min-height:0;border-left:none;border-bottom:1px solid var(--border);overflow-y:auto}.workspace-side .boq-panel{flex:1 1 54%;min-height:0;max-height:none;overflow-y:auto;border-top:none}.markup-panel{display:flex;flex-direction:column;min-height:0}.markup-panel h2{font-size:var(--fs-13);font-weight:650;margin:0;padding:var(--sp-3) var(--sp-4) var(--sp-2);color:var(--text);flex-shrink:0}.markup-empty{padding:var(--sp-2) var(--sp-4);font-size:var(--fs-13);color:var(--text-faint);margin:0;line-height:1.5}.markup-panel ul{list-style:none;margin:0;padding:0;overflow-y:auto}.markup-panel li{display:flex;align-items:center;border-bottom:1px solid var(--border-soft)}.markup-panel li.selected{background:var(--accent-soft)}.markup-row{flex:1;display:flex;align-items:center;gap:var(--sp-2);background:none;border:none;color:var(--text);padding:var(--sp-2) var(--sp-4);min-height:40px;font-size:var(--fs-13);cursor:pointer;text-align:left;min-width:0}.markup-row:hover{background:var(--bg-raised)}.markup-kind{font-size:var(--fs-11);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-faint);flex-shrink:0}.markup-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.markup-sheet{font-size:var(--fs-11);color:var(--text-faint);flex-shrink:0;font-variant-numeric:tabular-nums}.markup-delete{background:none;border:none;color:var(--text-faint);font-size:var(--fs-16);min-width:40px;min-height:40px;cursor:pointer;flex-shrink:0;border-radius:var(--radius-s)}.markup-delete:hover{color:var(--danger);background:var(--bg-raised)}.boq-panel{padding:var(--sp-3) var(--sp-4);font-size:var(--fs-13);min-height:0}.boq-header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);margin-bottom:var(--sp-2)}.boq-header h2{font-size:var(--fs-13);font-weight:650;margin:0;color:var(--text)}.boq-header button{background:var(--accent);color:#fff;border:none;border-radius:var(--radius-m);min-height:var(--toolbar-btn-h);padding:0 var(--sp-4);font-size:var(--fs-13);font-weight:600;cursor:pointer;white-space:nowrap}.boq-header button:hover:not(:disabled){background:var(--accent-hover)}.boq-header button:disabled{opacity:.4;cursor:default}.boq-empty{color:var(--text-faint);margin:var(--sp-1) 0 var(--sp-3);line-height:1.5}.boq-table{width:100%;border-collapse:collapse;margin-bottom:var(--sp-3)}.boq-table th,.boq-table td{text-align:left;padding:var(--sp-2) 6px;border-bottom:1px solid var(--border-soft);vertical-align:middle}.boq-table thead th{position:sticky;top:0;background:var(--bg-panel);color:var(--text-faint);font-weight:600;font-size:var(--fs-11);text-transform:uppercase;letter-spacing:.05em}.boq-table .num{text-align:right;font-variant-numeric:tabular-nums}.boq-table tfoot td{font-weight:700;border-bottom:none;font-size:var(--fs-14)}.boq-rate{width:76px;min-height:var(--toolbar-btn-h);background:var(--bg-sunken);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-s);padding:0 var(--sp-2);font-size:var(--fs-13);text-align:right;font-variant-numeric:tabular-nums}.boq-rate:focus{border-color:var(--accent-hover);outline:none}.boq-waste{width:60px;min-height:var(--toolbar-btn-h);background:var(--bg-sunken);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-s);padding:0 var(--sp-2);font-size:var(--fs-13);text-align:right;font-variant-numeric:tabular-nums}.boq-waste:focus{border-color:var(--accent-hover);outline:none}.boq-header-actions{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;justify-content:flex-end}.boq-header .boq-header-actions .btn-ghost{background:transparent;color:var(--text-dim);border:1px solid var(--border);font-weight:600}.boq-header .boq-header-actions .btn-ghost:hover{color:var(--text);border-color:var(--accent)}.boq-csi{font-variant-numeric:tabular-nums;color:var(--text-dim);font-size:var(--fs-12);white-space:nowrap}.boq-rate-cell{display:flex;align-items:center;gap:var(--sp-1)}.boq-rate-pick{background:transparent;border:1px solid var(--border);border-radius:var(--radius-s);color:var(--text-dim);font-size:var(--fs-12);font-weight:600;min-height:var(--toolbar-btn-h);padding:0 var(--sp-2);cursor:pointer;white-space:nowrap}.boq-rate-pick:hover{color:var(--text);border-color:var(--accent)}.rate-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:60;display:flex;align-items:center;justify-content:center;padding:var(--sp-4)}.rate-dialog{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-m);padding:var(--sp-4);width:min(440px,100%);max-height:min(560px,90vh);display:flex;flex-direction:column;gap:var(--sp-3)}.rate-dialog.wide{width:min(640px,100%)}.rate-dialog h3{margin:0;font-size:var(--fs-14);font-weight:650}.rate-dialog h4{margin:var(--sp-2) 0 0;font-size:var(--fs-12);font-weight:650;text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim)}.rate-dialog-head{display:flex;align-items:center;justify-content:space-between}.rate-search{min-height:var(--toolbar-btn-h);background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--radius-s);color:var(--text);padding:0 var(--sp-3);font-size:var(--fs-13);width:100%;box-sizing:border-box}.rate-search:focus{border-color:var(--accent-hover);outline:none}.rate-results,.rate-lib-list{list-style:none;margin:0;padding:0;overflow-y:auto;border:1px solid var(--border-soft);border-radius:var(--radius-s);max-height:300px}.rate-results li{display:flex;align-items:baseline;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);min-height:var(--toolbar-btn-h);cursor:pointer;font-size:var(--fs-13)}.rate-results li.active{background:var(--accent-soft)}.rate-csi{font-variant-numeric:tabular-nums;color:var(--text-dim);font-size:var(--fs-12);white-space:nowrap;min-width:64px}.rate-desc{flex:1;color:var(--text)}.rate-meta{color:var(--text-dim);font-size:var(--fs-12);white-space:nowrap}.rate-unit{color:var(--text-dim);font-size:var(--fs-12);min-width:36px}.rate-lib-row{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-3);min-height:var(--toolbar-btn-h);font-size:var(--fs-13)}.rate-lib-row .rate-desc{flex:1}.rate-lib-row .boq-rate{width:84px}.rate-add-form{display:flex;gap:var(--sp-2);flex-wrap:wrap}.rate-add-form input,.rate-add-form select{min-height:var(--toolbar-btn-h);background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--radius-s);color:var(--text);padding:0 var(--sp-2);font-size:var(--fs-13)}.rate-add-form input[name=csi]{width:110px}.rate-empty{color:var(--text-dim);font-size:var(--fs-13);margin:0}.rate-note{color:var(--text-faint);font-size:var(--fs-12);margin:0}.rate-dialog-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}.boq-remove{background:none;border:none;color:var(--text-faint);font-size:var(--fs-16);cursor:pointer;min-width:36px;min-height:36px;border-radius:var(--radius-s)}.boq-remove:hover{color:var(--danger);background:var(--bg-raised)}.boq-label{background:none;border:none;padding:0;font:inherit;color:inherit;cursor:pointer;text-align:left;border-radius:var(--radius-s)}.boq-label:hover{color:var(--accent);text-decoration:underline}.boq-rename{font:inherit;color:inherit;background:var(--bg-raised);border:1px solid var(--accent);border-radius:var(--radius-s);padding:2px 6px;min-width:0;width:100%}.boq-add h3{font-size:var(--fs-12);font-weight:600;margin:0 0 var(--sp-2);color:var(--text-dim)}.boq-form{display:flex;gap:var(--sp-2);flex-wrap:wrap}.boq-form input,.boq-form select{background:var(--bg-sunken);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-s);min-height:36px;padding:0 var(--sp-2);font-size:var(--fs-13)}.boq-form input[type=text]{flex:2;min-width:140px}.boq-form input[type=number]{width:88px}.boq-form button{background:var(--bg-raised);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-s);min-height:36px;padding:0 var(--sp-4);font-size:var(--fs-13);font-weight:600;cursor:pointer}.boq-form button:disabled{opacity:.4;cursor:default}.boq-form button:not(:disabled):hover{background:var(--bg-hover)}.markup-text-label{color:var(--text-faint);display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-12)}.markup-text-label input{background:var(--bg-sunken);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-s);min-height:var(--toolbar-btn-h);padding:0 var(--sp-3);font-size:var(--fs-13);width:180px}.markup-text-label input::placeholder{color:var(--text-faint)}.measure-scale{margin-left:auto;color:var(--text-faint);font-size:var(--fs-12);white-space:nowrap;font-variant-numeric:tabular-nums}.measure-hint{color:var(--warn);font-size:var(--fs-12);font-weight:600;white-space:nowrap}.measure-toolbar .measure-cal-btn{min-height:0;background:none;border:none;padding:var(--sp-1) var(--sp-2);margin-left:auto;font-size:var(--fs-12);cursor:pointer}.measure-toolbar .measure-cal-btn:hover,.measure-toolbar .measure-cal-btn:focus-visible{text-decoration:underline}.calibrate-form{display:inline-flex;align-items:center;gap:var(--sp-2);color:var(--text);background:var(--bg-sunken);border:1px solid var(--warn);border-radius:var(--radius-m);padding:var(--sp-1) var(--sp-2)}.calibrate-form input[type=number]{width:88px}.calibrate-form input,.calibrate-form select{background:var(--bg-panel);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-s);min-height:var(--toolbar-btn-h);padding:0 var(--sp-2);font-size:var(--fs-13)}.calibrate-form button{min-height:var(--toolbar-btn-h)}.tool-hint-bar{position:absolute;bottom:12px;left:50%;transform:translate(-50%);z-index:5;max-width:min(92%,560px);padding:8px 16px;border-radius:8px;background:#141416eb;border:1px solid var(--border);color:var(--text);font-size:var(--fs-13);text-align:center;pointer-events:none}.more-tools{font-weight:600;white-space:nowrap}.boq-hint{margin:8px 0 0;font-size:var(--fs-12);color:var(--text-dim)}.toolchest-bar{background:var(--bg-sunken)}.chest{display:inline-flex}.chest summary{cursor:pointer;color:var(--text);min-height:var(--toolbar-btn-h);display:inline-flex;align-items:center;padding:0 var(--sp-3);list-style:none;border-radius:var(--radius-s);font-weight:600;white-space:nowrap}.chest summary:hover{background:var(--bg-raised)}.chest summary::-webkit-details-marker{display:none}.chest summary:before{content:"▸";color:var(--text-faint);margin-right:var(--sp-2);font-size:var(--fs-11)}.chest[open] summary:before{content:"▾"}.chest-unmapped{color:var(--warn);font-weight:400}.chest-tools{display:flex;flex-wrap:wrap;gap:var(--sp-2);padding:var(--sp-2) 0}.chest-swatch{width:12px;height:12px;border-radius:3px;border:1px solid rgba(255,255,255,.25);flex-shrink:0}@media(max-width:1100px){.workspace-side{width:300px}}@media(max-width:820px){.workspace{flex-direction:column}.workspace-side{width:auto;border-left:none;border-top:1px solid var(--border);max-height:42%;padding-bottom:env(safe-area-inset-bottom,0px)}.empty-steps{flex-direction:column;gap:var(--sp-2);align-items:flex-start}.app-header h1{font-size:var(--fs-13)}}@media(max-width:820px)and (max-height:500px){.workspace-side{max-height:34%}}@media(max-width:640px){.app-header{gap:var(--sp-2);padding:0 var(--sp-3)}.file-name,.cloud-status,.autosave-status{display:none}.header-actions{flex-shrink:1;min-width:0;margin-left:0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.header-actions::-webkit-scrollbar{display:none}.header-undo{display:flex;flex-shrink:0;gap:var(--sp-2)}.header-undo .btn-ghost{min-height:44px;min-width:44px}.header-actions,.markup-toolbar,.measure-toolbar,.sheet-toolbar,.toolchest-bar{-webkit-mask-image:linear-gradient(to right,#000 92%,transparent);mask-image:linear-gradient(to right,#000 92%,transparent)}.header-actions .open-button{order:-1}.markup-toolbar,.measure-toolbar,.sheet-toolbar,.toolchest-bar{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.markup-toolbar::-webkit-scrollbar,.measure-toolbar::-webkit-scrollbar,.sheet-toolbar::-webkit-scrollbar,.toolchest-bar::-webkit-scrollbar{display:none}.markup-toolbar>*,.measure-toolbar>*,.sheet-toolbar>*,.toolchest-bar>*{flex-shrink:0}.measure-scale{margin-left:0}.empty-state{padding-bottom:max(var(--sp-6),env(safe-area-inset-bottom,0px))}}.auth-menu{position:relative;display:inline-flex}.auth-micro{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-faint);margin:0 0 var(--sp-2)}.auth-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:60;display:flex;align-items:center;justify-content:center;padding:var(--sp-4)}.auth-dialog{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-m);padding:var(--sp-5);width:min(360px,100%)}.auth-tabs{display:flex;gap:var(--sp-2);margin-bottom:var(--sp-4)}.auth-tab{flex:1;min-height:var(--toolbar-btn-h);background:transparent;border:1px solid var(--border);border-radius:var(--radius-s);color:var(--text-dim);font-size:var(--fs-13);font-weight:600;cursor:pointer}.auth-tab.active{background:var(--bg-raised);color:var(--text);border-color:var(--accent)}.auth-field{display:block;margin-bottom:var(--sp-3)}.auth-field input{width:100%;min-height:40px;margin-top:var(--sp-1);background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--radius-s);color:var(--text);font-size:var(--fs-14);padding:0 var(--sp-3);box-sizing:border-box}.auth-field input:focus-visible{outline:2px solid var(--accent);outline-offset:0;border-color:var(--accent)}.auth-error{color:var(--danger);font-size:var(--fs-13);margin:0 0 var(--sp-3)}.auth-submit{width:100%;min-height:44px;background:var(--accent);border:none;border-radius:var(--radius-m);color:#fff;font-size:var(--fs-14);font-weight:600;cursor:pointer}.turnstile-widget{margin:0 0 var(--sp-3);min-height:65px}.auth-submit:hover:not(:disabled){background:var(--accent-hover)}.auth-submit:disabled{opacity:.6;cursor:default}.auth-panel-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:58}.auth-panel{position:absolute;right:0;top:calc(100% + var(--sp-2));z-index:60;min-width:260px;max-width:320px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-m);padding:var(--sp-4)}.auth-panel-email{font-size:var(--fs-13);color:var(--text);margin:0 0 var(--sp-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-panel-empty{font-size:var(--fs-13);color:var(--text-dim);margin:0 0 var(--sp-3)}.auth-ws-list{display:flex;flex-direction:column;gap:var(--sp-1);margin-bottom:var(--sp-3);max-height:240px;overflow-y:auto}.auth-ws-item{display:block;width:100%;text-align:left;min-height:var(--toolbar-btn-h);background:transparent;border:1px solid transparent;border-radius:var(--radius-s);color:var(--text);font-size:var(--fs-13);padding:0 var(--sp-3);cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-ws-item:hover{background:var(--bg-raised);border-color:var(--border)}.auth-logout{width:100%;justify-content:center}.auth-claim{width:100%;justify-content:center;margin-bottom:var(--sp-2);border:1px solid var(--accent);color:var(--accent);font-weight:600}.presence-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;overflow:visible}.presence-cursor{position:absolute;transform:translate(-2px,-1px);display:flex;align-items:flex-start;gap:2px}.presence-arrow{flex:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.presence-name{font-size:var(--fs-11);font-weight:600;color:#fff;background:var(--peer-color, var(--accent));border-radius:var(--radius-s);padding:1px 6px;white-space:nowrap;margin-top:10px;margin-left:-6px}.live-dot{width:9px;height:9px;border-radius:50%;flex:none;align-self:center}.live-dot.live-live{background:#34c759;box-shadow:0 0 6px #34c759b3}.live-dot.live-connecting{background:#ff9f0a;animation:live-pulse 1.2s ease-in-out infinite}.live-dot.live-offline{background:var(--text-faint)}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.35}}.online-pill{font-size:var(--fs-11);font-weight:600;color:var(--text-dim);background:var(--bg-raised);border:1px solid var(--border-soft);border-radius:999px;padding:2px 10px;white-space:nowrap;align-self:center}.symbol-picker-wrap{display:flex;flex-direction:column;gap:8px;max-width:100%}.symbol-picker{display:flex;gap:6px;overflow-x:auto;padding:4px 2px;max-width:100%}.symbol-pick{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:68px;min-height:36px;padding:8px 6px;background:var(--bg-raised);border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;font-size:11px;line-height:1.2;text-align:center}.symbol-pick:hover{border-color:var(--accent);background:var(--bg-hover)}.symbol-pick:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.symbol-pick canvas{border-radius:4px;background:#fff}.symbol-picker-wrap{display:flex;flex-direction:column;gap:4px;max-width:100%}.symbol-trades{display:flex;gap:4px}.symbol-trade{min-height:36px;padding:4px 12px;border:1px solid var(--border);border-radius:12px;background:transparent;color:var(--text-dim);font-size:12px;cursor:pointer}.symbol-trade.active{background:var(--accent);color:#fff;border-color:var(--accent)}.symbol-trade:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pack-list{display:flex;flex-direction:column;gap:12px;margin:12px 0;max-height:50vh;overflow-y:auto}.pack-card{border:1px solid var(--border);border-radius:8px;padding:12px;background:var(--bg-raised)}.pack-card-head{display:flex;justify-content:space-between;align-items:center}.pack-count{font-size:12px;color:var(--text-dim)}.pack-desc{font-size:13px;color:var(--text-dim);margin:4px 0 8px}.pack-items{font-size:12px;color:var(--text-dim);margin:0 0 8px 16px;padding:0}.pack-items li{margin-bottom:2px}.boq-count{min-height:36px;padding:4px 10px;margin-left:6px;border:1px solid var(--accent);border-radius:6px;background:transparent;color:var(--accent);font-size:12px;cursor:pointer}.boq-count:hover{background:var(--accent-soft)}.boq-count:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pack-section{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);margin:16px 0 4px}.pack-save{display:flex;gap:8px;margin:12px 0}.pack-save input{flex:1;min-height:36px;padding:4px 10px;border:1px solid var(--border);border-radius:6px;background:var(--bg-sunken);color:var(--text);font-size:13px}.pack-save input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pack-card-actions{display:flex;gap:8px;margin-top:8px}.dialog-wide{max-width:560px}.version-upload{display:flex;gap:8px;margin:12px 0;flex-wrap:wrap}.version-upload input[type=text]{flex:1;min-width:180px;min-height:36px;padding:4px 10px;border:1px solid var(--border);border-radius:6px;background:var(--bg-sunken);color:var(--text);font-size:13px}.version-upload input[type=text]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-file{display:inline-flex;align-items:center;min-height:36px;padding:4px 14px;border-radius:8px;background:var(--accent);color:#fff;font-size:13px;cursor:pointer}.btn-file:hover{background:var(--accent-hover)}.version-list{list-style:none;margin:0 0 12px;padding:0;max-height:40vh;overflow-y:auto}.version-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 4px;border-bottom:1px solid var(--border-soft)}.version-info{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;font-size:13px}.version-current{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);border:1px solid var(--accent);border-radius:10px;padding:1px 8px}.version-meta{color:var(--text-dim);font-size:12px}.version-file{color:var(--text-dim);font-size:12px;flex-basis:100%}.version-note{color:var(--text-dim);font-size:12px;font-style:italic;flex-basis:100%}.version-actions{display:flex;gap:8px;flex-shrink:0}.version-actions button{min-height:36px;padding:4px 12px;border-radius:6px;font-size:12px}.dialog-confirm{border:1px solid var(--warn);border-radius:8px;padding:12px;margin:12px 0;font-size:13px}.dialog-confirm-actions{display:flex;gap:8px;margin-top:8px}.dialog-error{color:var(--danger);font-size:13px}.dialog-warning{color:var(--warn);font-size:13px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dialog-busy{color:var(--text-dim);font-size:13px}.shortcut-list{margin:12px 0;padding:0;max-height:50vh;overflow-y:auto}.shortcut-row{display:flex;align-items:center;gap:12px;padding:6px 2px;border-bottom:1px solid var(--border-soft)}.shortcut-row dt{margin:0;min-width:110px}.shortcut-row kbd{display:inline-block;min-width:36px;text-align:center;padding:4px 8px;border:1px solid var(--border);border-radius:6px;background:var(--bg-raised);color:var(--text);font-size:12px;font-family:inherit}.shortcut-row dd{margin:0;font-size:13px;color:var(--text-dim)}.ws-switcher{position:relative;min-width:0}.ws-switcher-btn{display:inline-flex;align-items:center;gap:8px;min-height:36px;max-width:280px;padding:4px 12px;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--text);font-size:13px;cursor:pointer}.ws-switcher-btn:hover{background:var(--bg-hover);border-color:var(--border)}.ws-switcher-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ws-switcher-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-caret{flex-shrink:0;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--text-dim)}.ws-panel{position:absolute;top:calc(100% + 4px);left:0;z-index:60;min-width:260px;max-width:340px;max-height:50vh;overflow-y:auto;margin:0;padding:4px;list-style:none;background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #00000073}.ws-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:36px;padding:8px 12px;background:transparent;border:0;border-radius:6px;color:var(--text);font-size:13px;text-align:left;cursor:pointer}.ws-option:hover{background:var(--bg-hover)}.ws-option:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.ws-option-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-option-date{flex-shrink:0;font-size:12px;color:var(--text-dim);font-variant-numeric:tabular-nums}.ws-current-badge{flex-shrink:0;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);border:1px solid var(--accent);border-radius:10px;padding:1px 8px}.ws-loading,.ws-empty,.ws-error{padding:12px;font-size:13px;color:var(--text-dim)}.ws-error{color:var(--danger)}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px;background:#0009}.dialog{width:100%;max-width:440px;max-height:85vh;overflow-y:auto;padding:20px;border:1px solid var(--border);border-radius:8px;background:var(--bg-panel);color:var(--text)}.dialog h3{margin:0 0 4px;font-size:16px}.dialog-sub{margin:0 0 8px;font-size:13px;color:var(--text-dim)}.dialog .btn-ghost{min-height:36px}.shortcut-list{list-style:none;margin:12px 0;padding:0;display:flex;flex-direction:column;gap:8px}.shortcut-list li{display:flex;align-items:center;gap:12px;font-size:13px}kbd{min-width:28px;padding:4px 8px;border:1px solid var(--border);border-bottom-width:2px;border-radius:6px;background:var(--bg-raised);color:var(--text);font-family:inherit;font-size:12px;text-align:center}.compare-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 12px;border-bottom:1px solid var(--border);background:var(--bg-panel);color:var(--text)}.compare-bar button{min-height:36px;min-width:36px;padding:6px 12px;border:1px solid var(--border);border-radius:6px;background:var(--bg-raised);color:var(--text);cursor:pointer}.compare-bar button:disabled{opacity:.45;cursor:default}.compare-bar button.active{border-color:var(--accent);color:var(--text)}.compare-label{font-size:13px;font-weight:600;white-space:nowrap}.compare-count{font-size:13px;color:var(--text-dim);white-space:nowrap}.compare-warning{margin:0;padding:10px 12px;border-bottom:1px solid var(--border);background:var(--bg-panel);color:var(--warn);font-size:13px}.compare-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}.compare-box{position:absolute;border:2px solid;border-radius:2px;pointer-events:none}.compare-removed{border-color:var(--danger);background:color-mix(in srgb,var(--danger) 18%,transparent)}.compare-added{border-color:var(--accent-hover);background:color-mix(in srgb,var(--accent-hover) 18%,transparent)}.compare-noise{border-color:var(--text-faint);border-style:dashed;background:transparent}.search-wrap{position:relative;flex-shrink:0}.search-input{width:180px;height:var(--toolbar-btn-h);padding:0 12px;border:1px solid var(--border);border-radius:6px;background:var(--bg-raised);color:var(--text);font-size:13px}.search-input::placeholder{color:var(--text-faint)}.search-input:disabled{opacity:.6}.search-results{position:absolute;top:calc(100% + 6px);right:0;z-index:120;width:320px;max-height:320px;overflow-y:auto;border:1px solid var(--border);border-radius:8px;background:var(--bg-panel);box-shadow:0 8px 24px #00000080;padding:4px}.search-hit-row{display:flex;gap:8px;align-items:baseline;width:100%;min-height:36px;padding:8px 10px;border:0;border-radius:6px;background:transparent;color:var(--text);font-size:13px;text-align:left;cursor:pointer}.search-hit-row:hover,.search-hit-row:focus-visible{background:var(--bg-raised)}.search-sheet{flex-shrink:0;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);font-variant-numeric:tabular-nums}.search-snippet{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-dim)}.search-snippet mark{background:var(--accent-soft);color:var(--text);border-radius:2px}.search-empty,.search-more{padding:12px;font-size:13px;color:var(--text-dim);text-align:center}.search-quality-note{padding:8px 12px;font-size:12px;line-height:1.45;color:var(--warn, #e8a33d);background:color-mix(in srgb,var(--warn, #e8a33d) 10%,transparent);border-bottom:1px solid var(--border)}.search-hit{position:absolute;pointer-events:none;background:var(--accent-soft);outline:2px solid var(--accent);border-radius:2px}.ml-panel{overflow:hidden}.ml-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 16px 4px;flex-shrink:0}.ml-header h2{padding:0}.ml-actions{display:flex;gap:8px}.ml-btn{min-height:36px;padding:0 12px;border:1px solid var(--border);border-radius:6px;background:var(--bg-raised);color:var(--text);font-size:13px;cursor:pointer}.ml-btn:hover:not(:disabled){background:var(--border-soft)}.ml-btn:disabled{opacity:.45;cursor:default}.ml-btn-primary{background:var(--accent);border-color:var(--accent)}.ml-btn-primary:hover{background:var(--accent-hover)}.ml-btn-danger{color:var(--danger)}.ml-toolbar{display:flex;gap:8px;padding:8px 16px;flex-shrink:0;flex-wrap:wrap}.ml-filter{flex:1 1 120px;min-height:36px;min-width:0;padding:0 10px;border:1px solid var(--border);border-radius:6px;background:var(--bg-sunken);color:var(--text);font-size:13px}.ml-select{min-height:36px;padding:0 8px;border:1px solid var(--border);border-radius:6px;background:var(--bg-sunken);color:var(--text);font-size:13px;max-width:150px}.ml-table-wrap{overflow:auto;flex:1 1 auto;min-height:0;border-top:1px solid var(--border-soft)}.ml-table{width:100%;border-collapse:collapse;font-size:13px}.ml-table th,.ml-table td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--border-soft);vertical-align:middle;white-space:nowrap}.ml-table thead th{position:sticky;top:0;z-index:1;background:var(--bg-panel);padding:0}.ml-th-sort,.ml-th-label{display:block;width:100%;padding:8px;border:0;background:none;color:var(--text-faint);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.05em;text-align:left;cursor:pointer;font-variant-numeric:tabular-nums}.ml-th-sort:hover{color:var(--text)}.ml-table .num{text-align:right;font-variant-numeric:tabular-nums}.ml-row{cursor:pointer}.ml-row:hover{background:var(--bg-raised)}.ml-row.selected{background:var(--accent-soft)}.ml-group-row td{background:var(--bg-sunken);color:var(--text-dim);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.ml-status-cell{display:inline-flex;align-items:center;gap:6px}.ml-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.ml-status-pending{background:var(--text-faint)}.ml-status-verified{background:var(--warn)}.ml-status-approved{background:var(--ok)}.ml-status-select,.ml-cell-select{min-height:36px;max-width:110px;padding:0 6px;border:1px solid var(--border);border-radius:6px;background:var(--bg-sunken);color:var(--text);font-size:12px}.ml-cell-input{min-height:36px;width:90px;padding:0 8px;border:1px solid var(--border);border-radius:6px;background:var(--bg-sunken);color:var(--text);font-size:13px;font-variant-numeric:tabular-nums}.ml-type{color:var(--text-dim)}.ml-label{max-width:160px;overflow:hidden;text-overflow:ellipsis}.ml-author{color:var(--text-dim);font-size:12px}.ml-formula{color:var(--text)}.ml-delete{min-width:36px;min-height:36px;border:0;border-radius:6px;background:none;color:var(--text-faint);font-size:18px;line-height:1;cursor:pointer}.ml-delete:hover{color:var(--danger);background:var(--bg-raised)}.ml-columns-dialog{max-width:520px}.ml-column-list{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:8px}.ml-column-list li{display:flex;align-items:center;gap:8px}.ml-column-name{font-weight:600}.ml-column-kind{flex:1 1 auto;color:var(--text-dim);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ml-add-column{display:flex;flex-direction:column;gap:8px;margin-bottom:12px;padding-top:12px;border-top:1px solid var(--border-soft)}.ml-add-column .ml-filter,.ml-add-column .ml-select{width:100%;max-width:none}.ml-error{margin:0;color:var(--danger);font-size:13px}.link-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:6}.plan-link{position:absolute;pointer-events:auto;padding:0;border:1.5px dashed var(--accent-hover);border-radius:3px;background:color-mix(in srgb,var(--accent) 14%,transparent);cursor:pointer;transition:background var(--ease, .12s)}.plan-link:hover{background:color-mix(in srgb,var(--accent) 32%,transparent)}.plan-link:focus-visible{outline:2px solid var(--accent-hover);outline-offset:1px}.ocr-progress{display:inline-flex;align-items:center;min-height:36px;padding:0 8px;font-size:12px;color:var(--text-dim);white-space:nowrap;font-variant-numeric:tabular-nums}.segmented{display:inline-flex;gap:2px;padding:2px;border:1px solid var(--border);border-radius:8px;background:var(--bg-raised)}.segmented button{min-height:36px;padding:0 14px;border:0;border-radius:6px;background:transparent;color:var(--text-dim);font:inherit;font-size:13px;cursor:pointer}.segmented button:hover{color:var(--text)}.segmented button.seg-active{background:var(--accent);color:#fff}.segmented button:focus-visible{outline:2px solid var(--accent-hover);outline-offset:1px}.preset-pick{display:flex;align-items:center;gap:10px;margin-top:16px;font-size:13px;color:var(--text-dim)}.preset-pick-hint{font-size:12px}.sheet-render-notice{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:20;display:flex;align-items:center;gap:12px;max-width:min(560px,calc(100% - 32px));padding:10px 8px 10px 16px;border:1px solid var(--warn);border-radius:8px;background:color-mix(in srgb,var(--warn) 12%,var(--bg-panel));color:var(--text);font-size:13px;line-height:1.4;box-shadow:0 4px 24px #00000073}.migrate-dialog{max-width:480px;width:calc(100vw - 48px)}.migrate-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.migrate-head h3{margin:0}.migrate-steps{list-style:none;display:flex;gap:4px;margin:16px 0 0;padding:0}.migrate-steps li{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.migrate-dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;background:var(--bg-raised);color:var(--text-faint);border:1px solid var(--border)}.migrate-step-current .migrate-dot{background:var(--accent-soft);color:var(--text);border-color:var(--accent)}.migrate-step-done .migrate-dot{background:var(--accent);color:#fff;border-color:var(--accent)}.migrate-step-label{font-size:11px;color:var(--text-faint);line-height:1.3}.migrate-step-current .migrate-step-label{color:var(--text)}.migrate-body{margin-top:20px;min-height:170px}.migrate-body h4{margin:0 0 8px;font-size:16px}.migrate-body .open-button{display:inline-block;margin-top:8px;cursor:pointer}.migrate-done-line{color:var(--text);margin:12px 0 0}.migrate-offer{margin-top:16px;padding:12px;border:1px solid var(--accent);border-radius:8px;background:var(--accent-soft)}.migrate-offer p{margin:0 0 10px}.migrate-review{margin:0;display:grid;gap:10px}.migrate-review>div{display:grid;grid-template-columns:110px 1fr;gap:8px}.migrate-review dt{color:var(--text-faint);font-size:13px}.migrate-review dd{margin:0;color:var(--text);font-size:13px}.migrate-actions{margin-top:20px;display:flex;justify-content:flex-end;gap:8px}.migrate-actions .btn-primary{background:var(--accent);color:#fff;border:1px solid var(--accent);border-radius:8px;padding:8px 16px;font-size:14px;cursor:pointer}.migrate-actions .btn-primary:hover{background:var(--accent-hover)}.migrate-offer .btn-primary{background:var(--accent);color:#fff;border:1px solid var(--accent);border-radius:8px;padding:8px 16px;font-size:14px;cursor:pointer}.migrate-offer .btn-primary:hover{background:var(--accent-hover)}.migrate-finish-note{text-align:right;margin-top:8px}.migrate-offer-card{margin-top:24px;padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--bg-panel);max-width:420px;text-align:left}.migrate-offer-card h3{margin:0 0 6px;font-size:15px}.migrate-offer-card p{margin:0 0 12px;color:var(--text-dim);font-size:13px}.migrate-offer-card .migrate-offer-actions{display:flex;gap:8px}.migrate-offer-card .btn-primary{background:var(--accent);color:#fff;border:1px solid var(--accent);border-radius:8px;padding:8px 16px;font-size:14px;cursor:pointer}.migrate-offer-card .btn-primary:hover{background:var(--accent-hover)}.link-button{background:none;border:none;padding:0;color:var(--accent-hover);font:inherit;cursor:pointer;text-decoration:underline}.link-button:hover{color:var(--text)}