: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;--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-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}.header-actions{margin-left:auto;display:flex;align-items:center;gap:var(--sp-2);flex-shrink:0}.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)}.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}.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-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-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}.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)}.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;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.header-actions::-webkit-scrollbar{display:none}.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}.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}