:root{--bg: #0d1117;--bg-elev: #11161e;--panel: rgba(17, 22, 30, .86);--text: #e6edf3;--muted: #9aa4b2;--accent: #69b1ff;--ok: #5bd68a;--warn: #f6c747;--danger: #ff6b6b;--border: rgba(255,255,255,.08);--chip: rgba(255,255,255,.07);--shadow: 0 4px 18px rgba(0,0,0,.35);--blur: saturate(120%) blur(6px);--control: #202938;--control-border: #2c3750;--mini-bg: rgba(10,14,20,.9);--canvas-text: #ffffff;--ui-top-offset: 64px;--inspect-height: 44vh;--dock-left-offset: 0px;--dock-right-offset: 0px;--dock-top-offset: 0px;--dock-bottom-offset: 0px;--dock-bottom-safe-offset: 0px;--tabs-right: 10px;--dock-left-width: clamp(280px, 22vw, 340px);--dock-right-width: clamp(280px, 22vw, 340px);--dock-top-height: auto;--dock-bottom-height: var(--inspect-height, 44vh);--dock-panel-default-width: 360px;--dock-panel-min-width: 260px;--dock-panel-max-width: 9999px;--dock-panel-handle-size: 18px;--scrollbar-track: transparent;--scrollbar-thumb: color-mix(in srgb, var(--accent) 45%, transparent);--scrollbar-thumb-hover: color-mix(in srgb, var(--accent) 65%, transparent);--scrollbar-thumb-border: color-mix(in srgb, var(--accent) 25%, transparent)}[data-theme=light]{--bg: #f7f9fc;--bg-elev: #ffffff;--panel: rgba(255,255,255,.94);--text: #09101d;--muted: #4b5565;--accent: #1769ff;--ok: #17b26a;--warn: #f79009;--danger: #f04438;--border: rgba(0,0,0,.08);--chip: rgba(0,0,0,.06);--shadow: 0 6px 24px rgba(0,0,0,.12);--blur: saturate(100%) blur(6px);--control: #f1f4f9;--control-border: #d7dce6;--mini-bg: rgba(255,255,255,.9);--canvas-text: #000000}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:var(--scrollbar-track)}*::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px;border:1px solid var(--scrollbar-thumb-border)}*::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}html,body{height:100%;margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans;overflow:hidden;min-width:725px;min-height:800px}body.dock-resize-x,body.dock-resize-x *{cursor:col-resize!important}body.dock-resize-y,body.dock-resize-y *{cursor:row-resize!important}#app.compact .topcard{min-height:40px;padding:6px 10px}#app.compact .panel header{padding:8px 12px}#app.compact .panel .content{padding:10px 12px;gap:8px}#app.compact .btn{padding:6px 10px;border-radius:8px}#app.compact input[type=text],#app.compact input[type=number],#app.compact select{padding:6px 8px;border-radius:8px}#app.compact .chip{padding:4px 8px}#app{position:fixed;width:100vw;height:100vh;inset:0;overflow:hidden;min-width:725px;min-height:800px}#viewport{position:absolute;top:calc(var(--dock-top-offset, 0px));left:calc(var(--dock-left-offset, 0px));right:calc(var(--dock-right-offset, 0px));bottom:calc(46px + var(--dock-bottom-safe-offset, var(--dock-bottom-offset, 0px)));width:100%;height:auto;display:block;background:radial-gradient(1200px 600px at 15% 10%,rgba(110,125,255,.06),transparent 60%),var(--bg);inset:0;cursor:default}#viewport.grabbing{cursor:grabbing}#topbar{position:absolute;top:10px;left:10px;right:10px;display:grid;grid-template-columns:1fr auto;gap:10px;z-index:10}.metadata-strip{display:flex;flex-direction:column;gap:4px;padding:10px 14px;border-radius:10px;background:color-mix(in srgb,var(--panel) 88%,transparent);border:1px solid color-mix(in srgb,var(--border) 70%,transparent);box-shadow:var(--shadow);backdrop-filter:var(--blur);position:relative;z-index:0}.metadata-strip-main{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.metadata-strip-label{font-weight:600;font-size:14px}.metadata-strip-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.metadata-strip-actions .btn.link{font-size:13px}.metadata-strip-detail{font-size:12px;color:var(--muted)}.canvas-control-rail{position:absolute;top:calc(var(--ui-top-offset, 64px) + var(--dock-top-offset, 0px) + 12px);left:calc(var(--dock-left-offset, 0px) + 14px);display:flex;flex-direction:column;gap:6px;z-index:220;pointer-events:none;align-items:center}.canvas-control-rail .canvas-control-toggle,.canvas-control-rail .canvas-control-items{pointer-events:auto}.canvas-control-toggle{width:38px;height:38px;border-radius:999px;box-shadow:var(--shadow);background:color-mix(in srgb,var(--panel) 92%,transparent);border:1px solid color-mix(in srgb,var(--border) 75%,transparent)}.canvas-control-items{display:flex;flex-direction:column;gap:6px;padding:8px 4px;width:auto;min-width:0;align-items:center;border-radius:18px;border:1px solid color-mix(in srgb,var(--border) 75%,transparent);background:color-mix(in srgb,var(--panel) 95%,transparent);box-shadow:var(--shadow);backdrop-filter:var(--blur);transition:opacity .22s ease,transform .22s ease,visibility .22s ease}.canvas-control-items .btn{width:100%;justify-content:center}.canvas-control-items .btn.icon-btn{width:32px;height:32px;border-radius:8px}.canvas-control-section{position:relative}.canvas-control-section+.canvas-control-button{margin-top:2px}.canvas-control-rail .annot-menu{top:0;left:calc(100% + 12px);right:auto}.canvas-control-rail[data-collapsed=true] .annot-menu{display:none}.canvas-control-rail[data-collapsed=true] .canvas-control-items{opacity:0;visibility:hidden;transform:translate(-8px);pointer-events:none;width:0;max-width:0;max-height:0;padding:0;border-width:0;margin:0;box-shadow:none;overflow:hidden}.canvas-control-button{box-shadow:none}@media (max-width: 1180px){.canvas-control-rail{flex-direction:row;align-items:center;left:calc(var(--dock-left-offset, 0px) + 10px);gap:8px}.canvas-control-toggle{order:2}.canvas-control-items{flex-direction:row;align-items:center;min-width:0;padding:10px 14px}.canvas-control-section+.canvas-control-button{margin-top:0}.canvas-control-rail .annot-menu{top:calc(100% + 8px);left:0}}@media (max-width: 724px),(max-height: 799px){html,body{overflow:auto}#app{position:absolute;width:max(725px,100vw);height:max(800px,100vh)}}.metadata-strip--ok{border-color:color-mix(in srgb,var(--ok) 45%,transparent)}.metadata-strip--ok .metadata-strip-label{color:var(--ok)}.metadata-strip--warn{border-color:color-mix(in srgb,var(--warn) 55%,transparent);background:color-mix(in srgb,var(--warn) 18%,transparent)}.metadata-strip--warn .metadata-strip-label{color:var(--warn)}.metadata-strip--error{border-color:color-mix(in srgb,var(--danger) 60%,transparent);background:color-mix(in srgb,var(--danger) 20%,transparent)}.metadata-strip--error .metadata-strip-label{color:var(--danger)}#taskStack{position:absolute;top:calc(var(--ui-top-offset, 64px) + 10px);right:18px;display:flex;flex-direction:column;gap:8px;z-index:20;pointer-events:none;max-width:min(320px,80vw)}.task-indicator{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:14px;background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);color:var(--text);font-size:13px;pointer-events:auto;transition:opacity .24s ease,transform .24s ease}.task-indicator.completed{opacity:0;transform:translateY(-6px)}.task-progress{position:relative;width:34px;height:34px;display:flex;align-items:center;justify-content:center}.task-progress svg{width:34px;height:34px;transform:rotate(-90deg)}.task-progress circle{fill:none;stroke-width:3.4;stroke-linecap:round}.task-progress circle.ring-bg{stroke:#ffffff29}.task-progress circle.ring-progress{stroke:var(--accent);transition:stroke-dashoffset .2s ease}.selection-group-dialog{padding:20px;border-radius:16px;border:1px solid var(--border);background:var(--panel);color:var(--text);width:min(420px,92vw);box-shadow:var(--shadow)}.selection-group-dialog form{display:flex;flex-direction:column;gap:14px}.selection-group-dialog .form-field{display:flex;flex-direction:column;gap:6px}.selection-group-dialog .form-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.selection-group-dialog input[type=text]{width:100%;padding:8px 10px;border-radius:10px;border:1px solid var(--control-border);background:var(--control);color:var(--text)}.selection-group-color-swatches{display:flex;flex-wrap:wrap;gap:8px}.selection-group-color-swatch{width:32px;height:32px;border-radius:10px;border:2px solid transparent;cursor:pointer;transition:transform .15s ease,border .15s ease}.selection-group-color-swatch:hover{transform:translateY(-1px) scale(1.02)}.selection-group-color-swatch[aria-selected=true]{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 25%,transparent)}.selection-group-color-swatch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.selection-group-color-custom{margin-top:6px}.selection-group-color-custom input[type=color]{width:52px;height:32px;padding:0;border:none;background:transparent;cursor:pointer}.selection-group-dialog-summary{display:flex;gap:24px;font-size:13px}.selection-group-dialog-summary .summary-label{display:block;font-size:11px;text-transform:uppercase;color:var(--muted);letter-spacing:.04em}.selection-group-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}#app.compact .selection-group-dialog{width:min(360px,96vw)}.task-progress-value{position:absolute;font-size:11px;font-weight:600;color:var(--text)}.task-indicator.indeterminate .task-progress-value{display:none}.task-body{display:flex;flex-direction:column;gap:2px;min-width:0}.task-actions{display:flex;flex-direction:column;gap:6px;margin-left:6px}.task-action-btn{font-size:12px;font-weight:600;border-radius:999px;border:1px solid color-mix(in srgb,var(--border) 80%,transparent);background:transparent;color:var(--text);padding:4px 12px;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease,opacity .15s ease}.task-action-btn:hover:not(:disabled){color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:color-mix(in srgb,var(--accent) 12%,transparent)}.task-action-btn:disabled,.task-action-btn.busy{cursor:default;opacity:.6}.task-action-btn.task-action-cancel{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 55%,var(--border))}.task-action-btn.task-action-cancel:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger);border-color:color-mix(in srgb,var(--danger) 70%,var(--border))}.task-title{font-weight:600;font-size:13px;color:var(--text)}.task-detail{font-size:12px;color:var(--muted)}.task-indicator.indeterminate .task-progress{width:28px;height:28px}.task-indicator.indeterminate .spinner{width:22px;height:22px;border-radius:50%;border:2px solid color-mix(in srgb,var(--accent) 35%,transparent);border-top-color:var(--accent);animation:layoutSpin .9s linear infinite}@keyframes layoutSpin{to{transform:rotate(360deg)}}#hoverCard{position:fixed;display:none;max-width:240px;pointer-events:none;background:var(--panel);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:10px;padding:8px 12px;font-size:12px;z-index:40}#hoverCard h4{margin:0 0 4px;font-size:13px;font-weight:600;color:var(--text)}#hoverCard .hover-sub{margin:0;font-size:12px;color:var(--muted)}#hoverCard .hover-stats{margin-top:6px;font-size:12px;color:var(--text)}.topcard{backdrop-filter:var(--blur);background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:8px 12px;box-shadow:var(--shadow);display:flex;align-items:center;gap:12px;min-height:44px}.brand{font-weight:700;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.brand-name-long{display:inline}.brand-name-short{display:none}@media (max-width: 1584px){.brand-name-long{display:none}.brand-name-short{display:inline}}.chips{display:flex;gap:8px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px}.chips::-webkit-scrollbar{height:6px}.chips::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px;border:1px solid var(--scrollbar-thumb-border)}.chip{font-size:12px;padding:6px 10px;border-radius:999px;background:var(--chip);border:1px solid var(--border)}.toolbar{display:flex;align-items:center;gap:6px}.icon-btn.btn{width:36px;height:36px;padding:0;border-radius:10px;display:inline-grid;place-items:center}.icon-btn .icon{font-size:16px;line-height:1}.icon-btn .icon>svg,#ctxMenu .item .icon>svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;display:block}.icon-btn[disabled]{opacity:.5;cursor:not-allowed}.icon-btn[aria-pressed=true]{outline:none;box-shadow:inset 0 0 0 2px var(--accent)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.top-search{margin-left:auto;display:flex;flex-direction:column;align-items:stretch;gap:4px;min-width:240px;position:relative}.top-search-row{display:flex;align-items:center;gap:8px}.top-search-row input[type=text]{flex:1 1 auto;width:100%;max-width:none}.top-search-row .icon-btn{flex:0 0 auto}.top-search input.error{border-color:var(--danger);box-shadow:0 0 0 1px #ff6b6b59}.ql-feedback{font-size:12px;color:var(--muted);text-align:right;min-height:16px}.ql-feedback.error{color:var(--danger)}.ql-help-panel{position:absolute;top:calc(100% + 8px);right:0;width:clamp(220px,42vw,360px);padding:12px;border-radius:10px;border:1px solid var(--border);background:var(--mini-bg);box-shadow:var(--shadow);display:none;z-index:30;backdrop-filter:var(--blur)}.ql-help-panel.active{display:block}.ql-help-panel h4{margin:0 0 6px;font-size:13px;letter-spacing:.2px;text-transform:uppercase;color:var(--muted)}.ql-help-panel ul{margin:0;padding-left:18px;display:grid;gap:4px;font-size:12px;color:var(--text)}.ql-help-panel code{font-family:JetBrains Mono,Fira Code,monospace;font-size:12px;background:var(--chip);border-radius:6px;padding:2px 4px}#ctxMenu{position:fixed;z-index:9999;display:none;min-width:200px;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);overflow:visible}#ctxMenu .item{display:flex;align-items:center;gap:10px;padding:8px 12px;cursor:pointer}#ctxMenu .item:hover{background:var(--chip)}#ctxMenu .item.disabled{opacity:.45;cursor:not-allowed}#ctxMenu .item.disabled:hover{background:transparent}#ctxMenu .item .icon{width:18px;text-align:center}#ctxMenu .item.has-submenu{position:relative;justify-content:space-between}#ctxMenu .item.has-submenu .submenu-main{display:flex;align-items:center;gap:10px;flex:1 1 auto}#ctxMenu .item.has-submenu .submenu-chevron{opacity:.7}#ctxMenu .item.has-submenu .submenu-chevron.flip{transform:scaleX(-1)}#ctxMenu .ctx-submenu{position:absolute;top:0;left:100%;min-width:200px;background:var(--panel);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);display:none;flex-direction:column;z-index:1}#ctxMenu .ctx-submenu.open-left{left:auto;right:100%}#ctxMenu .item.has-submenu:hover>.ctx-submenu{display:flex}#ctxMenu .ctx-submenu .sub-item{display:flex;align-items:center;gap:10px;padding:8px 12px;cursor:pointer;white-space:nowrap}#ctxMenu .ctx-submenu .sub-item .icon{width:18px;text-align:center}#ctxMenu .ctx-submenu .sub-item:hover{background:var(--chip)}#ctxMenu .ctx-submenu .sub-item.disabled{opacity:.45;cursor:not-allowed}#ctxMenu .ctx-submenu .sub-item.disabled:hover{background:transparent}.annot-tools{position:relative}.annot-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:240px;padding:8px 0;border-radius:12px;border:1px solid var(--border);background:var(--mini-bg);box-shadow:var(--shadow);backdrop-filter:var(--blur);display:none;flex-direction:column;gap:2px;z-index:40}.annot-menu.open{display:flex}.annot-menu-item{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;width:100%;padding:10px 16px;background:none;border:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.annot-menu-item:hover,.annot-menu-item:focus-visible{background:color-mix(in srgb,var(--chip) 80%,transparent);outline:none}.annot-menu-item .icon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center}.annot-menu-item .content{display:flex;flex-direction:column;gap:3px}.annot-menu-item .label{font-size:13px;font-weight:600;color:var(--text)}.annot-menu-item .hint{font-size:11px;color:color-mix(in srgb,var(--muted) 88%,transparent)}.annot-menu hr{height:1px;border:none;background:color-mix(in srgb,var(--border) 85%,transparent);margin:6px 12px}#sidebar{position:absolute;top:var(--ui-top-offset, 64px);left:10px;bottom:10px;width:var(--dock-left-width, clamp(280px, 22vw, 340px));min-width:220px;max-width:var(--dock-panel-max-width, 680px);z-index:110;display:flex;flex-direction:column;gap:12px;touch-action:pan-y;transition:transform .25s ease,opacity .2s ease;pointer-events:auto}#sidebarScroll{flex:1 1 auto;min-height:0;max-height:100%;min-width:0;height:100%;box-sizing:border-box;padding-right:6px;padding-top:15px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;touch-action:pan-y}#sidebar.collapsed{transform:translate(calc(-100% - 12px));opacity:0}.dock-scroll{flex:1 1 auto;min-height:0;max-height:100%;min-width:0;overflow:auto}.dock-row{display:flex;flex-direction:row;gap:12px;width:100%;flex-wrap:wrap;align-items:stretch;align-content:flex-start;min-height:0}.dock-row>.panel{flex:1 1 var(--dock-panel-default-width, 360px);min-width:var(--dock-panel-min-width, 260px);max-width:min(var(--dock-panel-max-width, 680px),100%);position:relative;transition:flex-basis .18s ease,max-width .18s ease}.dock-row>.panel.dock-panel-fixed{flex:0 0 var(--dock-panel-width);max-width:var(--dock-panel-width)}.dock-row>.panel[data-dock-span=full]{flex:1 1 100%;min-width:100%;max-width:100%}.dock-zone{position:absolute;z-index:108;display:flex;gap:12px;pointer-events:none;opacity:0;transform:translate3d(0,6px,0);transition:opacity .2s ease,transform .24s ease}.dock-zone.active{pointer-events:none;opacity:1;transform:translateZ(0)}.dock-zone.active>*{pointer-events:auto}.dock-zone.vertical{flex-direction:column}.dock-zone.horizontal{flex-direction:row;align-items:stretch;min-height:0}.dock-resizer{position:absolute;z-index:120;pointer-events:auto;opacity:.35;transition:opacity .18s ease;background:transparent;display:none}.dock-resizer:before{content:"";position:absolute;border-radius:999px;background:color-mix(in srgb,var(--accent) 32%,transparent);opacity:.8}.dock-resizer:hover,.dock-resizer:focus-visible{opacity:1}.dock-resizer:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 65%,transparent);outline-offset:2px}.dock-resizer.vertical{top:16px;bottom:16px;width:12px;cursor:col-resize}.dock-resizer.vertical:before{inset:0 4px;width:2px;margin:0 auto}.dock-resizer.vertical.left{right:-6px}.dock-resizer.vertical.right{left:-6px}.dock-resizer.horizontal{left:24px;right:24px;height:12px;cursor:row-resize}.dock-resizer.horizontal:before{inset:4px 0;height:2px;margin:auto 0}.dock-resizer.horizontal.top{bottom:-6px}.dock-resizer.horizontal.bottom{top:-6px}.dock-zone.active>.dock-resizer{display:block}#dockRight{top:var(--ui-top-offset, 64px);right:10px;bottom:10px;width:var(--dock-right-width, clamp(280px, 22vw, 340px));min-width:220px;max-width:var(--dock-panel-max-width, 680px)}#dockRight .dock-scroll{padding-top:15px;padding-left:6px;padding-right:2px}#dockTop{top:calc(var(--ui-top-offset, 64px) + 10px);left:calc(10px + var(--dock-left-offset, 0px));right:calc(10px + var(--dock-right-offset, 0px));height:var(--dock-top-height, auto);max-height:60vh;align-items:stretch}#dockBottom{bottom:58px;left:calc(10px + var(--dock-left-offset, 0px));right:calc(10px + var(--dock-right-offset, 0px));height:var(--dock-bottom-height, var(--inspect-height, 44vh));max-height:75vh;align-items:stretch}#dockTop,#dockBottom{flex-wrap:wrap}#dockTop .dock-row,#dockBottom .dock-row{padding:8px 0;max-height:100%;overflow:auto}.dock-drop-indicator{position:fixed;border-radius:14px;border:2px dashed color-mix(in srgb,var(--accent) 60%,transparent);background:color-mix(in srgb,var(--accent) 12%,transparent);pointer-events:none;opacity:0;transform:scale(.98);transition:opacity .12s ease,transform .12s ease;z-index:500}.dock-drop-indicator.active{opacity:1;transform:scale(1)}.dock-zone-highlight{position:absolute;inset:10px;border-radius:16px;border:2px dashed color-mix(in srgb,var(--accent) 50%,transparent);background:color-mix(in srgb,var(--accent) 10%,transparent);pointer-events:none;opacity:0;transition:opacity .18s ease;z-index:-1}.dock-zone.highlighting .dock-zone-highlight{opacity:1}.dock-placeholder{border-radius:12px;border:1px dashed color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 14%,transparent);min-height:42px}.dock-ghost{position:fixed;pointer-events:none;z-index:510;border-radius:14px;border:1px solid color-mix(in srgb,var(--accent) 55%,transparent);background:var(--panel);box-shadow:var(--shadow);min-width:220px;max-width:340px;opacity:0;transform:translateZ(0) scale(.96);transition:opacity .12s ease,transform .12s ease}.dock-ghost.visible{opacity:.97;transform:translateZ(0) scale(1)}.dock-ghost header{padding:10px 14px;font-size:13px;font-weight:600;border-bottom:1px solid var(--border)}.dock-ghost .body{padding:12px 14px 14px;color:var(--muted);font-size:12px}@media (max-width: 1024px){#topbar{grid-template-columns:1fr;gap:8px}#topbar .topcard{justify-content:flex-start!important}.topcard{flex-direction:column;align-items:stretch;gap:10px}.brand{white-space:normal}.chips{flex-wrap:wrap;row-gap:6px;overflow-x:visible}.top-search{margin-left:0;min-width:0;width:100%}.top-search-row{flex-wrap:wrap;gap:6px}.top-search-row .icon-btn{width:36px;height:36px}.toolbar{flex-wrap:wrap;justify-content:flex-start;gap:8px}}@media (max-width: 768px){#sidebar{width:min(320px,92vw)}#sidebar.collapsed{transform:translate(calc(-100% - 16px))}.row{grid-template-columns:1fr;gap:6px}.row>label{font-size:12px}#dockBottom #inspect.active{height:clamp(220px,var(--dock-bottom-height, var(--inspect-height, 48vh)),60vh)}.dock-zone.vertical .inspector-panel{width:min(92vw,360px)}.ins-edit{grid-template-columns:1fr}.flow-grid{grid-template-columns:repeat(2,minmax(120px,1fr))}.flow-two-col{grid-template-columns:1fr}#taskStack{top:auto;bottom:70px}#minimapWrap{width:180px;height:130px}}@media (max-width: 680px){.top-search-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px;flex-wrap:nowrap}.top-search-row .icon-btn{width:38px;height:38px}.ql-feedback{display:none}#minimapWrap{display:none!important}#canvasTabs{bottom:6px;--tabs-left: 10px}#canvasTabs .tabsViewport{margin-left:0;max-width:calc(100vw - 20px)}#perfHUD,body.perf-visible #perfHUD{display:none!important}}@media (max-width: 540px){#sidebar{width:min(300px,94vw)}.topcard{padding:10px;gap:8px}.chip{font-size:11px;padding:5px 8px}.toolbar{gap:6px}.icon-btn.btn{width:40px;height:40px;border-radius:12px}.top-search-row{gap:4px}.top-search-row input[type=text]{min-width:0}}.panel{position:relative;backdrop-filter:var(--blur);background:var(--panel);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);overflow:hidden;min-width:0}.panel header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;font-weight:600;border-bottom:1px solid var(--border)}.panel .content{padding:12px 14px;display:grid;gap:10px}.panel.collapsible>header{cursor:pointer}.panel.collapsible>header:focus{outline:2px solid var(--accent);outline-offset:-4px}.panel.collapsible.collapsed .content{display:none}.panel-header-text{display:flex;align-items:center;gap:8px;flex:1 1 auto}.panel-header-text .subtle{margin-left:auto}.dock-handle{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;border:1px solid transparent;background:transparent;color:color-mix(in srgb,var(--muted) 88%,transparent);cursor:grab;margin-right:10px;transition:background .18s ease,border .18s ease,color .18s ease}.dock-handle:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 70%,transparent);outline-offset:2px}.dock-handle:hover{background:color-mix(in srgb,var(--accent) 35%,transparent);border-color:color-mix(in srgb,var(--accent) 55%,transparent);color:var(--accent)}.dock-handle:active{cursor:grabbing;background:color-mix(in srgb,var(--accent) 45%,transparent)}.dock-panel-resize{position:absolute;right:12px;bottom:12px;width:var(--dock-panel-handle-size, 18px);height:var(--dock-panel-handle-size, 18px);border-radius:50%;border:1px solid transparent;display:none;align-items:center;justify-content:center;background:color-mix(in srgb,var(--accent) 18%,transparent);color:color-mix(in srgb,var(--accent) 65%,transparent);cursor:nwse-resize;font-size:12px;line-height:1;padding:0;opacity:.8;transition:background .18s ease,border .18s ease,color .18s ease,opacity .18s ease}.panel.dock-can-resize .dock-panel-resize{display:inline-flex}.panel.dock-can-resize .dock-panel-resize:hover{background:color-mix(in srgb,var(--accent) 40%,transparent);border-color:color-mix(in srgb,var(--accent) 55%,transparent);color:var(--accent);opacity:1}.panel.dock-can-resize .dock-panel-resize:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 70%,transparent);outline-offset:2px}.panel.is-dragging{opacity:.45;transition:opacity .14s ease}.panel.dock-panel-resizing{user-select:none;cursor:col-resize}.panel-toggle-icon{display:inline-block;width:10px;height:10px;margin-left:12px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s ease}.panel.collapsible.collapsed>header .panel-toggle-icon{transform:rotate(-45deg)}.subtle{color:var(--muted);font-size:12px}.row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.row>label{font-size:13px}input[type=text],input[type=number],select{width:100%;padding:8px 10px;border-radius:8px;background:var(--control);border:1px solid var(--control-border);color:var(--text);outline:none}input[type=range]{width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;border-radius:10px;border:1px solid var(--control-border);background:var(--bg-elev);color:var(--text);cursor:pointer;user-select:none;text-decoration:none}.btn.primary{background:var(--accent);color:#fff;border-color:transparent}.btn.secondary{background:transparent;border-color:var(--control-border);color:var(--text)}.btn.danger{background:var(--danger);color:#fff;border-color:transparent}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.link{background:transparent;border:none;color:var(--accent);padding:0}.btn.link:hover{text-decoration:underline}#minimapWrap{position:absolute;right:calc(10px + var(--dock-right-offset, 0px));bottom:calc(10px + var(--dock-bottom-offset, 0px));width:220px;height:160px;z-index:10;backdrop-filter:var(--blur);background:var(--mini-bg);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);display:grid;grid-template-rows:auto 1fr}#minimapWrap header{padding:6px 10px;border-bottom:1px solid var(--border);font-size:12px;color:var(--muted)}#minimap{width:100%;height:100%}dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;border:none;border-radius:14px;width:min(700px,92vw);padding:0;background:var(--panel);color:var(--text)}dialog::backdrop{background:#00000073}.modal-body{padding:16px;display:grid;gap:12px}.modal-actions{display:flex;justify-content:space-between;gap:8px;padding:10px 16px;border-top:1px solid var(--border)}.hidden-nodes-dialog .modal-body{gap:12px}.hidden-node-header{display:flex;align-items:flex-end;justify-content:space-between;gap:8px}.hidden-node-hint{margin:0;font-size:13px}.hidden-node-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.hidden-node-toolbar input{flex:1;min-width:220px;padding:8px 10px;border-radius:8px;border:1px solid var(--control-border);background:var(--control);color:var(--text)}.hidden-node-toolbar-actions{display:flex;gap:8px;flex-wrap:wrap}.hidden-node-list{border:1px solid var(--control-border);border-radius:12px;max-height:320px;overflow:auto;background:var(--panel)}.hidden-node-row{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--border)}.hidden-node-row:last-child{border-bottom:none}.hidden-node-entry{display:flex;gap:10px;align-items:flex-start;flex:1;cursor:pointer}.hidden-node-entry input{margin-top:4px}.hidden-node-info{display:flex;flex-direction:column;gap:4px}.hidden-node-name{font-weight:600}.hidden-node-meta{font-size:12px;color:var(--muted)}.hidden-node-actions{display:flex;align-items:center}.hidden-node-empty{padding:16px;text-align:center;color:var(--muted);font-size:13px;border:1px dashed var(--border);border-radius:12px}.icon-picker-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.icon-picker-tab{border:1px solid var(--control-border);background:var(--control);color:var(--text);border-radius:8px;padding:6px 10px;font-size:12px;cursor:pointer;transition:all .15s ease}.icon-picker-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.icon-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:10px;margin-top:12px}.icon-picker-item{border:1px solid var(--control-border);background:var(--panel);padding:8px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.icon-picker-item img{max-width:54px;max-height:54px;object-fit:contain}.icon-picker-item:hover{transform:translateY(-2px);border-color:var(--accent)}.icon-picker-item.selected{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 45%,transparent)}.icon-picker-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.icon-picker-empty{font-size:12px;color:var(--muted);padding:4px 0}.node-rotate-group{display:inline-flex;gap:6px;align-items:center;margin-left:8px}.node-rotate-group .rotate-btn{width:30px;height:30px;padding:0;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:16px;line-height:1}.autocache-body{gap:16px;min-width:340px}.ndap-cache-list{display:grid;gap:12px;max-height:360px;overflow-y:auto;padding-right:4px}.ndap-cache-empty{padding:14px;border-radius:12px;border:1px dashed var(--border);color:var(--muted);font-size:13px;text-align:center}.ndap-cache-card{display:flex;gap:12px;padding:12px;border-radius:12px;border:1px solid var(--border);background:var(--panel);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.ndap-cache-card:hover{border-color:var(--accent);box-shadow:0 8px 18px #0000001f;transform:translateY(-1px)}.ndap-cache-card.active{border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 45%,transparent)}.ndap-cache-thumb{width:90px;height:60px;border-radius:10px;overflow:hidden;background:var(--chip);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ndap-cache-thumb img{width:100%;height:100%;object-fit:cover}.ndap-cache-thumb .ndap-cache-thumb-empty{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.ndap-cache-content{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.ndap-cache-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ndap-cache-title{font-weight:600;font-size:14px;color:var(--text);min-width:0}.ndap-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:11px;text-transform:uppercase;letter-spacing:.04em;background:var(--chip);color:var(--muted)}.ndap-badge.saved{background:#69b1ff2e;color:var(--accent)}.ndap-badge.recovered{background:#f6c7472e;color:var(--warn)}.ndap-cache-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.ndap-cache-actions{display:flex;align-items:center;gap:6px;margin-left:auto}.ndap-cache-actions button{padding:4px 8px;border-radius:8px;border:1px solid var(--control-border);background:var(--panel);color:var(--muted);font-size:12px;cursor:pointer;transition:color .15s ease,border-color .15s ease,background-color .15s ease}.ndap-cache-actions button:hover{color:var(--accent);border-color:var(--accent)}.ndap-cache-actions button[data-action=delete]{color:var(--danger);border-color:#ff6b6b59}.ndap-cache-actions button[data-action=delete]:hover{color:var(--danger);border-color:var(--danger);background-color:#ff6b6b1f}#ndapRestoreNew{margin-right:auto}.license-card{display:flex;flex-direction:column;gap:12px;padding:16px 18px;border-radius:16px;border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow)}.license-card.licensed{border-color:color-mix(in srgb,var(--accent) 35%,transparent)}.license-card .license-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.license-card .license-header h4{margin:0;font-size:16px}.license-card .license-subtitle{margin:2px 0 0;color:var(--muted);font-size:13px}.license-card .license-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;background:#ffffff14;color:var(--text);border:1px solid rgba(255,255,255,.14);white-space:nowrap}.license-card .license-badge.success{background:#5bd68a2e;border-color:#5bd68a59;color:var(--ok)}.license-card .license-badge.warning{background:#f6c7472e;border-color:#f6c74759;color:var(--warn)}.license-card .license-badge.error{background:#ff6b6b2e;border-color:#ff6b6b59;color:var(--danger)}.license-details{display:grid;grid-template-columns:minmax(120px,160px) minmax(0,1fr);gap:6px 12px;font-size:13px}.license-detail-label{color:var(--muted);font-weight:500}.license-detail-value{color:var(--text);word-break:break-word}.license-empty{font-size:13px;color:var(--muted)}.license-features{margin:0;padding:12px;border-radius:12px;border:1px solid var(--control-border);background:var(--control);font-family:JetBrains Mono,Fira Code,SFMono-Regular,monospace;font-size:12px;line-height:1.4;max-height:180px;overflow:auto;color:var(--text)}.license-actions{display:flex;flex-wrap:wrap;gap:8px}.license-actions .btn{flex:0 0 auto}.license-message,.license-dialog-message{font-size:12px;min-height:16px}.csv-format-dialog{border:none;padding:0;background:transparent}.csv-format-dialog::backdrop{background:#00000073}.csv-format-card{width:min(720px,92vw);margin:auto;padding:0;border:1px solid var(--control-border);border-radius:16px;overflow:hidden;background:var(--panel);color:var(--text);box-shadow:var(--shadow);display:flex;flex-direction:column}.csv-format-card header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--border)}.csv-format-card header h3{margin:0;font-size:18px}.csv-format-card .close-btn{border:none;background:transparent;color:var(--muted);font-size:22px;cursor:pointer}.csv-format-body{padding:20px;display:flex;flex-direction:column;gap:18px;max-height:min(70vh,720px);overflow-y:auto}.csv-format-body code{font-family:JetBrains Mono,Fira Code,monospace}.csv-format-columns{display:grid;gap:16px}.csv-format-columns h4{margin:0;font-size:14px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.csv-format-columns ul{margin:6px 0 0;padding-left:18px;display:grid;gap:6px;font-size:13px;color:var(--text)}.csv-format-columns .chip{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:11px;letter-spacing:.05em}.csv-format-columns .chip.required{background:#ff6b6b2e;color:var(--danger)}.csv-format-columns .chip.recommended{background:#69b1ff2e;color:var(--accent)}.csv-format-columns .chip.optional{background:#5bd68a2e;color:var(--ok)}.csv-sample{display:grid;gap:10px}.csv-sample-actions{display:flex;justify-content:flex-end}.csv-sample pre{margin:0;padding:16px;border-radius:12px;background:var(--control);border:1px solid var(--control-border);font-size:12px;overflow-x:auto}.csv-sample .csv-header{display:block;margin-bottom:6px;font-weight:600;color:var(--text)}.csv-sample .csv-row{display:block;margin-top:4px}.csv-sample .csv-value{display:inline}.csv-sample .csv-col-1{color:#ff6b6b}.csv-sample .csv-col-2{color:#69b1ff}.csv-sample .csv-col-3{color:#5bd68a}.csv-sample .csv-col-4{color:#f6c747}.csv-sample .csv-col-5{color:#ffa94d}.csv-sample .csv-col-6{color:#b48bff}.csv-sample .csv-col-7{color:#f886d6}.csv-sample .csv-col-8{color:#4ddbd3}.csv-sample .csv-col-9{color:#adb5bd}.csv-sample .csv-col-10{color:#ffd43b}.csv-sample .csv-col-11{color:#40c057}.csv-sample .csv-col-12{color:#ff922b}.csv-sample .csv-col-13{color:#51cf66}.csv-format-intro{margin:0;font-size:13px;color:var(--muted)}.csv-format-actions{padding:16px 20px;border-top:1px solid var(--border);display:flex;justify-content:flex-end}.license-message.info,.license-dialog-message.info,.license-message.muted,.license-dialog-message.muted{color:var(--muted)}.license-message.success,.license-dialog-message.success{color:var(--ok)}.license-message.error,.license-dialog-message.error{color:var(--danger)}.license-card .license-footnote{font-size:12px;color:var(--muted)}#diffPanel{position:relative}#diffPanel.license-locked>.content{pointer-events:none;filter:grayscale(45%);opacity:.45}#diffPanel .license-lock-overlay{position:absolute;inset:54px 16px 16px;display:none;align-items:center;justify-content:center;text-align:center;padding:18px;border-radius:14px;border:1px dashed color-mix(in srgb,var(--accent) 35%,transparent);background:color-mix(in srgb,var(--panel) 92%,transparent);box-shadow:0 14px 30px #00000040;z-index:2}#diffPanel.license-locked .license-lock-overlay{display:flex}.license-lock-card{display:flex;flex-direction:column;gap:12px;align-items:center;max-width:360px}.license-lock-card h4{margin:0;font-size:18px}.license-lock-card p{margin:0;color:var(--muted);font-size:13px}#diffPanel .locked-control{cursor:not-allowed!important}#licenseStartupDialog{border:none;border-radius:18px;width:min(520px,92vw);padding:0;background:transparent;color:var(--text)}#licenseStartupDialog::backdrop{background:#0000008c}.license-dialog-panel{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:20px 22px;display:flex;flex-direction:column;gap:16px;box-shadow:var(--shadow)}.license-dialog-panel header h2{margin:0 0 4px;font-size:20px}.license-dialog-panel header p{margin:0;color:var(--muted);font-size:14px}.license-dialog-body{display:flex;flex-direction:column;gap:12px;font-size:14px}.license-dialog-actions{display:flex;gap:8px;flex-wrap:wrap}.license-dialog-actions .btn{flex:1 1 140px}.license-dialog-footnote{margin:0;font-size:12px;color:var(--muted)}@media (max-width: 520px){.license-dialog-actions .btn{flex:1 1 100%}}#ndaEulaDialog{border:none;padding:0;width:min(720px,94vw);max-height:min(90vh,760px);border-radius:22px;background:var(--panel);color:var(--text);box-shadow:0 40px 120px #0000008c}#ndaEulaDialog::backdrop{background:#040814b3;backdrop-filter:blur(6px)}#ndaEulaDialog[data-mode=gate]::backdrop{background:#02050cd1}#ndaEulaDialog form{display:flex;flex-direction:column;gap:18px;padding:28px 32px}.nda-eula-header{display:flex;flex-direction:column;gap:6px}.nda-eula-eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.nda-eula-header h1{margin:0;font-size:26px}.nda-eula-subtitle{margin:0;color:var(--muted);font-size:14px}.nda-eula-body{display:flex;flex-direction:column;gap:14px}.nda-eula-summary{display:flex;flex-direction:column;gap:10px;font-size:14px}.nda-eula-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--muted)}.nda-eula-scroll{border:1px solid var(--control-border);border-radius:14px;padding:16px 18px;background:color-mix(in srgb,var(--panel) 75%,transparent);max-height:40vh;overflow-y:auto;font-size:14px;line-height:1.55}body[data-theme=light] .nda-eula-scroll{background:color-mix(in srgb,var(--control) 85%,transparent)}.nda-eula-scroll p{margin:0 0 10px}.nda-eula-scroll ul{margin:0 0 0 18px;padding:0}.nda-eula-ack{display:flex;align-items:flex-start;gap:10px;font-size:14px;font-weight:600}.nda-eula-ack input{margin-top:3px}.nda-eula-ack-hint{display:block;font-size:11px;font-weight:500;color:var(--muted);margin-left:calc(1em + 4px)}#ndaEulaDialog[data-requires-scroll=false] .nda-eula-ack-hint{display:none}.nda-eula-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}#ndaEulaDialog[data-mode=gate] [data-eula-secondary]{color:#ffb0b0;border-color:color-mix(in srgb,#ffb0b0 50%,transparent)}@media (max-width: 640px){#ndaEulaDialog form{padding:22px}.nda-eula-header h1{font-size:22px}.nda-eula-actions{flex-direction:column-reverse}}#settingsDlg .modal-body{min-height:min(70vh,520px);max-height:min(70vh,520px);overflow-y:auto;align-content:start}#settingsDlg .settings-tabs{display:grid;gap:16px;align-content:start;align-items:start}#settingsDlg .settings-tablist{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}#settingsDlg .settings-tab{border:1px solid var(--control-border);background:transparent;color:var(--muted);border-radius:999px;padding:6px 14px;font-size:13px;line-height:1.3;cursor:pointer;transition:all .15s ease}#settingsDlg .settings-tab:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--control-border));color:var(--text);background:color-mix(in srgb,var(--chip) 60%,transparent)}#settingsDlg .settings-tab.active,#settingsDlg .settings-tab[aria-selected=true]{background:color-mix(in srgb,var(--accent) 20%,transparent);border-color:color-mix(in srgb,var(--accent) 55%,var(--control-border));color:var(--text);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 45%,transparent)}#settingsDlg .settings-tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#settingsDlg .settings-panels{display:grid;gap:20px}#settingsDlg .settings-panel{display:none;gap:12px}#settingsDlg .settings-panel.active{display:grid}.settings-shortcuts-row{grid-template-columns:1fr}.settings-shortcuts{border:1px solid color-mix(in srgb,var(--control-border) 75%,transparent);border-radius:12px;background:color-mix(in srgb,var(--control) 94%,transparent);padding:10px 12px}.settings-shortcuts__list{margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px 18px}.settings-shortcuts__row{display:grid;grid-template-columns:auto 1fr;gap:8px;padding:0;border:0;align-items:flex-start}.settings-shortcuts__row dt,.settings-shortcuts__row dd{margin:0}.settings-shortcuts__row dt{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-weight:500;color:var(--text)}.settings-shortcuts__row dd{color:var(--muted);font-size:.85rem;line-height:1.4}.shortcut-chord{display:inline-flex;gap:6px;align-items:center;flex-wrap:wrap}.shortcut-join{font-size:.75rem;color:var(--muted)}.shortcut-alt{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}#settingsDlg .settings-shortcuts .shortcut-chord{gap:4px}#settingsDlg .type-style-control{display:grid;gap:8px;align-items:center}#settingsDlg .type-style-inputs{display:flex;flex-wrap:wrap;gap:8px;align-items:center}#settingsDlg .type-style-preview{display:inline-flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--control-border);border-radius:10px;min-height:44px;background:color-mix(in srgb,var(--control) 90%,transparent)}#settingsDlg .type-style-preview__swatch{width:36px;height:36px;border-radius:10px;border:1px solid color-mix(in srgb,var(--control-border) 80%,transparent);display:grid;place-items:center;overflow:hidden;background:var(--control)}#settingsDlg .type-style-preview__swatch img{width:100%;height:100%;object-fit:cover;display:block}#settingsDlg .type-style-preview__meta{display:grid;gap:2px;font-size:12px;color:var(--muted)}#settingsDlg .type-style-preview__meta strong{color:var(--text);font-weight:600}#settingsDlg .type-style-hint{line-height:1.3}#settingsDlg .settings-shortcuts .shortcut-join,#settingsDlg .settings-shortcuts .shortcut-alt{font-size:.7rem}#settingsDlg .settings-shortcuts .kbd{font-size:.75rem;padding:1px 5px;border-radius:4px}.export-hub-callout{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;border:1px solid color-mix(in srgb,var(--accent) 40%,var(--control-border));border-radius:14px;padding:14px 16px;background:color-mix(in srgb,var(--accent) 20%,transparent)}.export-hub-callout__body{flex:1;min-width:220px}.export-hub-callout__body p{margin:4px 0 0;color:var(--muted);font-size:.9rem}body[data-feature-export-hub=disabled] .export-hub-callout{display:none!important}.oui-import-summary{display:grid;gap:10px;padding:12px;border-radius:12px;border:1px solid var(--control-border);background:color-mix(in srgb,var(--control) 85%,transparent)}.oui-import-summary[data-has-oui=true]{box-shadow:0 6px 16px #0000002e}.oui-import-meta,.oui-import-empty{font-size:12px;color:var(--muted)}.oui-import-list{display:grid;gap:8px;max-height:240px;overflow-y:auto}.oui-import-item{display:grid;gap:4px;padding:8px;border-radius:10px;background:var(--panel);border:1px solid color-mix(in srgb,var(--control-border) 80%,transparent)}#settingsDlg .settings-eula-cell{display:flex;flex-direction:column;gap:6px}#settingsDlg .settings-eula-cell .btn{align-self:flex-start}.oui-import-vendor{display:flex;justify-content:space-between;align-items:center;gap:8px;font-weight:600;font-size:13px;color:var(--text)}.oui-import-types{display:inline-flex;flex-wrap:wrap;gap:6px;margin-left:6px;font-weight:500;color:var(--muted);font-size:12px}.oui-import-badge{border-radius:999px;padding:2px 8px;font-size:11px;background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent);white-space:nowrap}.oui-import-prefixes{font-family:JetBrains Mono,Fira Code,SFMono-Regular,monospace;font-size:11px;color:var(--muted);word-break:break-word}.oui-import-more{font-size:11px;color:var(--muted)}#inspect{display:none;flex-direction:column;backdrop-filter:var(--blur);background:var(--panel);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);color:var(--text);overflow:hidden;min-width:240px;max-width:100%;transition:height .18s ease}#inspect.active{display:flex}#inspect.resizing{transition:none;user-select:none}.inspector-panel .inspect-resize{display:none}.dock-zone.horizontal #inspect{max-width:none}#dockBottom #inspect.active{min-height:220px;height:clamp(220px,var(--dock-bottom-height, var(--inspect-height, 44vh)),70vh)}#dockBottom #inspect .inspect-resize{display:block;cursor:row-resize}.dock-zone.horizontal .inspector-panel{flex:1 1 var(--dock-panel-default-width, 360px);max-width:100%;min-width:var(--dock-panel-min-width, 260px)}.dock-zone.vertical .inspector-panel{flex:1 1 auto;width:min(100%,var(--dock-panel-max-width, 760px));max-width:none}.inspector-panel .body{flex:1 1 auto;overflow:auto}.inspector-panel header{justify-content:flex-start;gap:10px}.inspector-panel header .flex{margin-left:auto;display:flex;gap:8px}.inspect-resize{height:12px;cursor:row-resize;border-top-left-radius:14px;border-top-right-radius:14px;position:relative;touch-action:none}.inspect-resize:after{content:"";display:block;width:54px;height:4px;border-radius:999px;margin:4px auto 2px;background:color-mix(in srgb,var(--text) 24%,transparent);opacity:.8}.inspect-resize:hover:after,#inspect.resizing .inspect-resize:after{opacity:1}#inspect header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid var(--border)}#inspect .chunk-status-panel{margin-top:12px;padding:12px;border-radius:12px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:color-mix(in srgb,var(--panel) 92%,transparent);display:flex;flex-direction:column;gap:10px}#inspect .chunk-status-summary{font-size:13px;font-weight:600;color:var(--muted)}#inspect .chunk-status-content{display:flex;flex-direction:column;gap:10px}#inspect .chunk-status-metrics{display:flex;flex-wrap:wrap;gap:12px}#inspect .chunk-status-metric-group{flex:1 1 220px;border:1px solid color-mix(in srgb,var(--border) 55%,transparent);border-radius:10px;padding:10px 12px;background:color-mix(in srgb,var(--panel) 96%,transparent);display:flex;flex-direction:column;gap:6px}#inspect .chunk-status-metric-title{font-size:12px;font-weight:600;text-transform:uppercase;color:var(--muted);letter-spacing:.04em}#inspect .chunk-status-metric-list{margin:0;display:grid;grid-template-columns:auto 1fr;row-gap:4px;column-gap:8px;font-size:12px}#inspect .chunk-status-metric-list dt{color:var(--muted);font-weight:500}#inspect .chunk-status-metric-list dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}#inspect .chunk-status-table-wrapper{max-height:200px;overflow:auto;border-radius:10px;border:1px solid color-mix(in srgb,var(--border) 60%,transparent)}#inspect #chunkStatusTable{width:100%;border-collapse:collapse;font-size:12px;min-width:520px}#inspect #chunkStatusTable th,#inspect #chunkStatusTable td{padding:6px 8px;text-align:left;border-bottom:1px solid color-mix(in srgb,var(--border) 60%,transparent);white-space:nowrap}#inspect #chunkStatusTable tbody tr:last-child td{border-bottom:none}#inspect #chunkStatusTable th{font-weight:600;text-transform:uppercase;font-size:11px;color:var(--muted)}#inspect #chunkStatusTable td[data-col=progress]{font-family:var(--mono, monospace)}#inspect .chunk-worker-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}#inspect .chunk-worker{padding:8px 10px;border-radius:10px;border:1px solid color-mix(in srgb,var(--border) 55%,transparent);background:color-mix(in srgb,var(--panel) 94%,transparent);display:flex;flex-direction:column;gap:4px;font-size:12px}#inspect .chunk-worker-id{font-weight:600;color:var(--text)}#inspect .chunk-worker-meta{color:var(--muted)}#inspect #btnToggleChunkStatus,#inspect .chunk-status-panel{display:none!important}.flow-wrap{display:flex;flex-direction:column;gap:16px;padding:12px 14px}.flow-wrap>*{min-width:0}.dpi-shell{display:flex;flex-direction:column;gap:18px}.dpi-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,320px);gap:18px;align-items:stretch}.dpi-header-main,.dpi-toolbar-wrap{display:flex;flex-direction:column;gap:14px}.dpi-filter-wrap{display:flex;flex-direction:column;gap:12px;padding:16px 18px;border-radius:16px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:color-mix(in srgb,var(--panel) 88%,transparent);box-shadow:0 18px 42px #00000038}.dpi-context-panel{display:flex;flex-direction:column;gap:12px}.dpi-context-panel:not(.dpi-overlay-aside){padding:20px 22px;border-radius:18px;border:1px solid color-mix(in srgb,var(--border) 75%,transparent);background:color-mix(in srgb,var(--panel) 92%,transparent);box-shadow:0 24px 50px #0000003d}.dpi-content{display:flex;flex-direction:column;gap:18px}.dpi-insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;align-items:stretch}.dpi-table-region{display:flex;flex-direction:column;gap:16px}.dpi-table-region:not(.dpi-overlay-table){padding:18px 18px 20px;border-radius:18px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:color-mix(in srgb,var(--panel) 92%,transparent);box-shadow:0 24px 48px #00000038}.dpi-toolbar-wrap .flow-toolbar{margin:0;display:grid;grid-template-columns:minmax(260px,1fr) auto auto;gap:12px;align-items:center;padding:18px 20px;border-radius:18px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:color-mix(in srgb,var(--panel) 92%,transparent);box-shadow:0 22px 48px #0000003d}.dpi-toolbar-wrap .flow-toolbar .left{display:contents}.dpi-toolbar-wrap .flow-toolbar input[type=text]{grid-column:1 / 2;min-width:240px}.dpi-toolbar-wrap .flow-toolbar .right{grid-column:2 / 4;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.dpi-filter-wrap .flow-quickbar{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:0}.dpi-filter-wrap .flow-chip-group{padding:12px;border-radius:14px;border:1px solid color-mix(in srgb,var(--border) 60%,transparent);background:color-mix(in srgb,var(--chip) 70%,transparent);display:flex;flex-wrap:wrap;gap:8px;align-items:center}.dpi-filter-wrap .flow-chip-group .group-label{margin-right:8px}.dpi-filter-wrap .flow-chip-group.direction-group{gap:10px}.dpi-context-card{border-radius:14px;border:1px solid color-mix(in srgb,var(--border) 65%,transparent);padding:16px 18px;background:color-mix(in srgb,var(--chip) 82%,transparent);box-shadow:0 18px 40px #0000002e}.dpi-context-panel:not(.dpi-overlay-aside) .dpi-context-card{background:color-mix(in srgb,var(--panel) 95%,transparent)}.dpi-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px 18px;padding:18px 20px;border-radius:16px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:color-mix(in srgb,var(--panel) 94%,transparent);box-shadow:0 22px 48px #0003}.dpi-summary .stat{gap:6px;min-width:0}.dpi-summary .stat .label{letter-spacing:.08em;color:var(--muted)}.dpi-summary .stat .value{font-size:17px}.dpi-table-region:not(.dpi-overlay-table) .table-scroller{border:none;border-radius:12px;background:color-mix(in srgb,var(--panel) 90%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--border) 40%,transparent)}.dpi-table-region:not(.dpi-overlay-table) .packet-detail{border-radius:14px;border:1px solid color-mix(in srgb,var(--border) 60%,transparent);background:color-mix(in srgb,var(--panel) 94%,transparent);box-shadow:0 16px 34px #0000002e}.dpi-insights-grid .http-reassembly{margin:0;padding:18px 20px;border-radius:16px;border:1px solid color-mix(in srgb,var(--border) 65%,transparent);background:color-mix(in srgb,var(--panel) 94%,transparent);box-shadow:0 22px 48px #0003}.dpi-hero-card{display:flex;flex-direction:column;gap:10px;padding:20px 22px;border-radius:18px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:color-mix(in srgb,var(--panel) 93%,transparent);box-shadow:0 26px 60px #0000003d}.dpi-hero-title{margin:0;font-size:20px;font-weight:600;color:var(--text);letter-spacing:.02em}.dpi-hero-subtitle{margin:0;font-size:13px;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}.dpi-hero-meta{display:flex;flex-wrap:wrap;gap:8px}.dpi-hero-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);background:color-mix(in srgb,var(--accent) 12%,transparent);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text)}@media (max-width: 1320px){.dpi-header{grid-template-columns:1fr}.dpi-header-main{order:1}.dpi-context-panel:not(.dpi-overlay-aside){order:0}}.dpi-overlay{position:fixed;inset:0;display:none;align-items:flex-start;justify-content:center;z-index:180;padding:0}.dpi-overlay.active{display:flex}.dpi-overlay-backdrop{position:absolute;inset:0;background:#050910c7;backdrop-filter:var(--blur)}.dpi-overlay-panel{position:relative;z-index:1;display:flex;flex-direction:column;width:100vw;height:100vh;margin:0;border-radius:0;border:1px solid var(--border);background:color-mix(in srgb,var(--panel) 96%,transparent);box-shadow:0 28px 80px #0000006b;overflow:hidden;box-sizing:border-box}.dpi-overlay-header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;padding:18px 26px 20px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--panel) 94%,transparent)}.dpi-overlay-headings{display:flex;flex-direction:column;gap:10px;min-width:0;flex:1 1 60%}.dpi-overlay-header h2{margin:0;font-size:18px;font-weight:600;letter-spacing:.02em}.dpi-overlay-subtitle{font-size:13px;color:var(--muted);line-height:1.3;word-break:break-word}.dpi-overlay-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.dpi-meta-chip{display:flex;flex-direction:column;gap:2px;padding:10px 14px;border-radius:12px;border:1px solid var(--border);background:color-mix(in srgb,var(--chip) 88%,transparent);min-width:134px}.dpi-meta-chip .value{font-size:14px;font-weight:600;color:var(--text)}.dpi-meta-chip .label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.dpi-overlay-actions{display:flex;gap:8px;align-items:center}.dpi-overlay-actions .btn{padding:6px 14px;border-radius:999px;font-size:12px}.dpi-overlay-scroll{flex:1;overflow:auto}.dpi-overlay-content{min-height:100%;padding:22px 28px 26px;background:color-mix(in srgb,var(--panel) 90%,transparent);overflow:hidden}.dpi-overlay-shell{height:100%;display:flex;flex-direction:column;gap:16px}.dpi-overlay-shell .dpi-toolbar-wrap{display:flex;flex-direction:column;gap:12px}.dpi-overlay-shell .dpi-toolbar-wrap .flow-toolbar{flex:1 1 100%;display:grid;grid-template-columns:minmax(260px,1fr) auto auto;gap:12px;align-items:center;padding:0;background:none;border:none;box-shadow:none}.dpi-overlay-shell .dpi-toolbar-wrap .flow-toolbar .left{display:contents}.dpi-overlay-shell .dpi-toolbar-wrap .flow-toolbar input[type=text]{grid-column:1 / 2;min-width:260px}.dpi-overlay-shell .dpi-toolbar-wrap .flow-toolbar .right{grid-column:2 / 4;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.dpi-overlay-shell .dpi-filter-wrap{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding-bottom:8px;border-bottom:1px solid color-mix(in srgb,var(--border) 65%,transparent);overflow-x:auto;background:none;border-radius:0;box-shadow:none}.dpi-overlay-shell .dpi-filter-wrap .flow-quickbar{width:100%;display:flex;flex-wrap:wrap;gap:12px}.dpi-overlay-shell .dpi-filter-wrap .flow-chip-group{flex:1 1 auto;min-width:150px}.dpi-overlay-shell .dpi-filter-wrap .flow-chip-group.direction-group{flex:0 0 auto;display:flex;align-items:center;gap:12px}.dpi-overlay-shell .dpi-filter-wrap .flow-chip-group{padding:0;border:none;background:none}.dpi-overlay-shell .dpi-filter-wrap .direction-group .group-label{margin-right:4px}.dpi-overlay-shell .dpi-filter-wrap .direction-group label{display:inline-flex;align-items:center;gap:6px;font-size:12px}.dpi-overlay-shell .dpi-filter-wrap .direction-group input[type=checkbox]{width:14px;height:14px}.dpi-overlay-body{flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,300px);gap:20px;min-height:0;align-items:start}.dpi-overlay-aside{display:flex;flex-direction:column;gap:16px;overflow:auto;padding-right:4px}.dpi-overlay-main{display:flex;flex-direction:column;gap:16px;min-height:0}.dpi-overlay-insights{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(240px,1fr);gap:16px;align-items:stretch}.dpi-overlay-insights .dpi-overlay-status-card{height:100%}.dpi-overlay-aside .flow-help{border-radius:14px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:color-mix(in srgb,var(--chip) 85%,transparent);padding:16px 18px;flex:0 0 auto}.dpi-overlay-aside .flow-help-actions{margin-top:10px}.dpi-overlay-status-card{flex:0 0 auto}.dpi-overlay-main .flow-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px 16px;padding:14px 16px;border-radius:14px;border:1px solid var(--border);background:color-mix(in srgb,var(--chip) 82%,transparent)}.dpi-overlay-main .flow-summary .stat{padding:0;display:flex;flex-direction:column;gap:4px}.dpi-overlay-content .table-scroller{border-radius:14px;border:1px solid var(--border);background:var(--bg-elev);overflow:auto;height:auto}.dpi-overlay-content .packet-detail,.dpi-overlay-content .http-reassembly{border-radius:14px;border:1px solid var(--border);background:var(--bg-elev)}.dpi-overlay-status-card{border-radius:14px;border:1px solid var(--border);background:var(--bg-elev);padding:16px 18px;display:flex;flex-direction:column;gap:10px}.dpi-overlay-status-card h5{margin:0;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.dpi-overlay-status-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;gap:16px}.dpi-overlay-status-row .label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:600}.dpi-overlay-status-row .value{color:var(--text);font-weight:500;text-align:right}.dpi-overlay-status-row .value.is-error{color:var(--danger)}.dpi-overlay-status-row .value.is-loading{color:var(--accent)}.dpi-overlay-status-row .value.is-warn{color:var(--warn)}.dpi-overlay-status-row .value.is-ok{color:var(--ok)}@media (max-width: 1100px){.dpi-overlay-panel{width:100vw;height:100vh}.dpi-overlay-body{grid-template-columns:minmax(0,1fr)}.dpi-overlay-aside{order:2;flex-direction:row;flex-wrap:wrap}.dpi-overlay-main{order:1}.dpi-overlay-insights{grid-template-columns:minmax(0,1fr)}.dpi-overlay-aside .flow-help,.dpi-overlay-status-card{flex:1 1 100%}}body.dpi-overlay-open{overflow:hidden}.ot-section{display:flex;flex-direction:column;gap:12px;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--bg-elev)}.ot-section h4{margin:0;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.ot-alert-bar{display:flex;flex-wrap:wrap;gap:8px}.ot-alert-badge{font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;border:1px solid var(--border);background:color-mix(in srgb,var(--chip) 65%,transparent);color:var(--text)}.ot-alert-badge.level-warning{border-color:color-mix(in oklab,var(--warn) 55%,var(--border));color:var(--warn)}.ot-alert-badge.level-critical{border-color:color-mix(in oklab,var(--danger) 65%,var(--border));color:var(--danger);background:color-mix(in oklab,var(--danger) 12%,transparent)}.ot-device-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.ot-device-card{display:flex;flex-direction:column;gap:6px;padding:10px;border:1px solid var(--border);border-radius:10px;background:var(--bg-panel)}.ot-device-title{font-size:13px;font-weight:600;color:var(--text)}.ot-device-meta{font-size:12px;color:var(--muted)}.ot-device-stats{display:flex;gap:12px;font-size:12px;color:var(--muted)}.ot-device-stats .has-hazard{color:var(--danger);font-weight:600}.ot-device-last{font-size:12px;color:var(--text)}.ot-timeline{border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--bg-panel)}.ot-timeline-table{width:100%;border-collapse:collapse;font-size:12px}.ot-timeline-table th{background:color-mix(in srgb,var(--bg-panel) 85%,var(--chip));text-align:left;padding:8px 10px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.ot-timeline-table td{padding:8px 10px;border-top:1px solid var(--border)}.ot-timeline-row:nth-child(2n){background:color-mix(in srgb,var(--bg-panel) 96%,var(--chip))}.ot-direction{font-weight:600;font-size:12px;color:var(--muted)}.ot-safety-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;border-radius:999px;border:1px solid var(--border);font-size:11px;font-weight:600;color:var(--muted);background:color-mix(in srgb,var(--chip) 60%,transparent)}.ot-safety-badge.level-warning{border-color:color-mix(in oklab,var(--warn) 55%,var(--border));color:var(--warn)}.ot-safety-badge.level-critical{border-color:color-mix(in oklab,var(--danger) 60%,var(--border));color:var(--danger);background:color-mix(in oklab,var(--danger) 12%,transparent)}.ot-enhancements{display:flex;flex-direction:column;gap:12px}.ot-control-panel{border:1px solid var(--border);border-radius:10px;padding:12px;background:var(--bg-panel);display:flex;flex-direction:column;gap:12px}.ot-control-header{display:flex;flex-direction:column;gap:6px}.ot-control-header h5{margin:0;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.ot-control-hint{margin:0;font-size:12px;color:color-mix(in srgb,var(--muted) 85%,transparent)}.ot-toggle-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.ot-toggle{position:relative;display:flex;align-items:flex-start;gap:12px;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--bg-elev);cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease}.ot-toggle:hover{border-color:color-mix(in srgb,var(--accent) 30%,var(--border));box-shadow:0 1px 3px color-mix(in srgb,var(--accent) 12%,transparent)}.ot-toggle input{position:absolute;opacity:0;pointer-events:none}.ot-toggle-slider{width:36px;height:20px;border-radius:999px;border:1px solid var(--border);background:color-mix(in srgb,var(--chip) 65%,transparent);transition:background .18s ease,border-color .18s ease;flex-shrink:0;margin-top:2px;position:relative}.ot-toggle-slider:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:var(--bg-panel);border:1px solid color-mix(in srgb,var(--border) 80%,transparent);top:2px;left:2px;transition:transform .18s ease,background .18s ease,border-color .18s ease}.ot-toggle input:checked+.ot-toggle-slider{border-color:color-mix(in srgb,var(--accent) 65%,var(--border));background:color-mix(in srgb,var(--accent) 30%,transparent)}.ot-toggle input:checked+.ot-toggle-slider:after{transform:translate(16px);background:var(--accent);border-color:color-mix(in srgb,var(--accent) 80%,transparent)}.ot-toggle input:disabled+.ot-toggle-slider{opacity:.45}.ot-toggle input:disabled~.ot-toggle-body{opacity:.6;cursor:not-allowed}.ot-toggle-body{display:flex;flex-direction:column;gap:4px;min-width:0}.ot-toggle-name{font-size:13px;font-weight:600;color:var(--text)}.ot-toggle-detail{font-size:12px;color:color-mix(in srgb,var(--muted) 85%,transparent)}.ot-toggle-lock{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--muted) 74%,transparent);display:inline-block}.ot-dependency-section{border:1px solid var(--border);border-radius:10px;padding:12px;background:var(--bg-panel);display:flex;flex-direction:column;gap:10px}.ot-dependency-section h5{margin:0;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.ot-dependency-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.ot-dependency-card{border:1px solid var(--border);border-radius:10px;padding:10px;background:var(--bg-elev);display:flex;flex-direction:column;gap:6px}.ot-dependency-title{font-size:13px;font-weight:600;color:var(--text)}.ot-dependency-meta{font-size:12px;color:color-mix(in srgb,var(--muted) 82%,transparent)}.ot-dependency-stats{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:color-mix(in srgb,var(--muted) 80%,transparent)}.ot-dependency-summary{font-size:12px;color:var(--text)}.ot-dependency-asset{font-size:11px;color:color-mix(in srgb,var(--muted) 78%,transparent)}.ot-policy-section{border:1px solid var(--border);border-radius:10px;padding:12px;background:var(--bg-panel);display:flex;flex-direction:column;gap:10px}.ot-policy-section h5{margin:0;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.ot-policy-list{display:flex;flex-direction:column;gap:10px}.ot-policy-item{border:1px solid var(--border);border-radius:8px;padding:10px;background:var(--bg-elev);display:flex;flex-direction:column;gap:6px}.ot-policy-header{display:flex;align-items:center;gap:8px}.ot-policy-type{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--muted) 70%,transparent)}.ot-policy-severity{font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;border:1px solid var(--border);background:color-mix(in srgb,var(--chip) 65%,transparent);color:var(--muted);text-transform:capitalize}.ot-policy-severity.sev-warning{border-color:color-mix(in srgb,var(--warn) 55%,var(--border));color:var(--warn);background:color-mix(in srgb,var(--warn) 12%,transparent)}.ot-policy-severity.sev-critical{border-color:color-mix(in srgb,var(--danger) 65%,var(--border));color:var(--danger);background:color-mix(in srgb,var(--danger) 14%,transparent)}.ot-policy-severity.sev-info{color:color-mix(in srgb,var(--muted) 65%,transparent)}.ot-policy-summary{font-size:12px;font-weight:600;color:var(--text)}.ot-policy-detail{font-size:12px;color:color-mix(in srgb,var(--muted) 84%,transparent)}.ot-policy-scope{font-size:11px;color:color-mix(in srgb,var(--muted) 82%,transparent)}.flow-samples,.flow-samples-body{display:flex;flex-direction:column;gap:8px}.flow-dpi-cta{margin-top:12px;padding:16px 18px;border-radius:14px;border:1px solid var(--border);background:color-mix(in srgb,var(--chip) 85%,transparent);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}.flow-dpi-cta-text{display:flex;flex-direction:column;gap:6px;min-width:0;max-width:520px}.flow-dpi-cta-title{font-size:14px;font-weight:600;color:var(--text)}.flow-dpi-cta-subtitle{font-size:12px;color:var(--muted);line-height:1.4}.flow-dpi-cta-actions{display:flex;gap:10px;flex-wrap:wrap}.flow-dpi-cta-actions .btn{white-space:nowrap}.flow-samples h4{margin:0;font-size:13px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.flow-title{font-weight:600}.flow-grid{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:8px}.flow-stat{padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:var(--bg-elev)}.flow-stat .k{display:block;font-size:11px;color:var(--muted)}.flow-stat .v{display:block;font-size:14px;font-weight:600}.flow-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.flow-card{padding:10px;border:1px solid var(--border);border-radius:10px;background:var(--bg-elev)}.flow-card h4{margin:0 0 6px;font-size:13px}.chips-wrap{display:flex;gap:6px;flex-wrap:wrap}.chip-small{font-size:12px;padding:4px 8px;border-radius:999px;background:var(--chip);border:1px solid var(--border);cursor:pointer}.chip-small.warn{border-color:color-mix(in oklab,var(--warn) 50%,var(--control-border));color:var(--warn)}.chip-small.ok{border-color:color-mix(in oklab,var(--ok) 50%,var(--control-border));color:var(--ok)}.controls-row{display:flex;gap:8px;align-items:center}.controls-row .grow{flex:1}.controls-row input[type=text]{height:34px}.table-scroller{overflow:auto;border:1px solid var(--border);border-radius:10px;max-height:min(460px,48vh);min-height:220px;background:var(--panel);position:relative}.table-scroller table{width:100%;border-collapse:collapse;font-size:13px}.table-scroller thead th{position:sticky;top:0;background:var(--panel);z-index:2;cursor:pointer;padding:10px 12px;text-align:left;font-weight:600;border-bottom:1px solid var(--border)}.table-scroller thead th.sortable{user-select:none;transition:color .18s ease}.table-scroller thead th.sortable .sort-ind{display:inline-flex;margin-left:6px;font-size:11px;opacity:.4}.table-scroller thead th.sortable.active{color:var(--accent)}.table-scroller thead th.sortable.active .sort-ind{opacity:1}.table-scroller tbody{background:var(--bg-elev)}.table-scroller tbody tr.vt-row{transition:background .12s ease}.table-scroller tbody tr.vt-row.even{background:color-mix(in srgb,var(--bg-elev) 96%,var(--chip))}.table-scroller tbody tr.vt-row.odd{background:color-mix(in srgb,var(--bg-elev) 99%,var(--chip))}.table-scroller tbody tr.vt-row:hover{background:color-mix(in srgb,var(--chip) 80%,var(--bg-elev))}.table-scroller tbody tr.vt-row td{padding:8px 12px;border-bottom:1px solid var(--border);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.table-scroller tbody tr.vt-spacer{pointer-events:none}.table-scroller tbody tr.vt-spacer td{padding:0;border:0}.table-scroller tbody tr.vt-spacer .vt-spacer-fill{width:1px;height:0}.table-scroller tbody tr.vt-empty td{padding:40px 12px;text-align:center;font-size:13px;color:var(--muted)}.table-scroller tbody tr.interesting td{background:color-mix(in srgb,var(--accent) 10%,transparent)}.sort-ind{opacity:.6;margin-left:6px;font-size:11px}.dir-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600;background:color-mix(in srgb,var(--chip) 90%,transparent)}.dir-chip.out{color:var(--accent)}.dir-chip.in{color:var(--ok)}.flag-chip{display:inline-flex;align-items:center;padding:2px 6px;border-radius:6px;background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--text);font-size:11px;margin-right:4px;margin-bottom:2px;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent)}.flag-chip.syn{background:color-mix(in srgb,var(--accent) 28%,transparent)}.flag-chip.ack{background:color-mix(in srgb,var(--ok) 28%,transparent);border-color:color-mix(in srgb,var(--ok) 40%,transparent)}.flag-chip.fin{background:color-mix(in srgb,var(--warn) 28%,transparent);border-color:color-mix(in srgb,var(--warn) 40%,transparent)}.flag-chip.rst{background:color-mix(in srgb,var(--danger) 28%,transparent);border-color:color-mix(in srgb,var(--danger) 40%,transparent)}.cell-bytes,.cell-port{font-variant-numeric:tabular-nums;text-align:right}.cell-time{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.cell-sub{display:block;font-size:11px;color:var(--muted);margin-top:2px}.dir-out{color:var(--accent);font-weight:600}.dir-in{color:var(--ok);font-weight:600}.muted-note{color:var(--muted);font-size:12px}.flow-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0;position:relative;z-index:5;flex-wrap:wrap}.flow-toolbar .left,.flow-toolbar .right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.flow-toolbar input[type=text]{min-width:220px;padding:6px 10px;border-radius:8px;border:1px solid var(--control-border);background:var(--bg-elev)}.flow-help{display:flex;flex-direction:column;gap:6px;margin:4px 0 12px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:color-mix(in srgb,var(--panel) 75%,transparent)}.flow-help strong{font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.flow-help p{margin:0;font-size:12px;line-height:1.5;color:var(--muted)}.flow-help-actions{display:flex;flex-wrap:wrap;gap:8px}.flow-help .btn-ghost{background:transparent;border:1px solid var(--control-border);color:var(--text);padding:6px 10px;border-radius:8px;font-size:12px;cursor:pointer;transition:background .15s ease,border .15s ease}.dpi-context-card.flow-help{margin:0}.dpi-context-card.flow-help strong{letter-spacing:.1em;color:var(--muted)}.flow-help .btn-ghost:hover{background:color-mix(in srgb,var(--accent) 8%,transparent);border-color:var(--accent)}.flow-quickbar{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.http-reassembly{margin-top:16px;padding:16px;border:1px solid var(--control-border);border-radius:12px;background:color-mix(in srgb,var(--panel-bg, #0d1117) 65%,transparent);display:flex;flex-direction:column;gap:12px}.http-reassembly.hidden{display:none}.http-reassembly-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.http-reassembly-head h4{margin:0;font-size:16px;font-weight:600;color:var(--text)}.http-reassembly-count,.http-reassembly-status{font-size:12px;color:var(--muted)}.http-reassembly-status.warn{color:#f59f0a}.http-reassembly-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.http-reassembly-label{font-size:12px;display:flex;align-items:center;gap:6px;color:var(--muted)}.http-reassembly-select{min-width:240px;padding:6px 10px;font-size:13px;border-radius:6px;border:1px solid var(--control-border);background:var(--panel-bg,#0d1117);color:var(--text)}.http-reassembly-select:disabled{opacity:.6;cursor:not-allowed}.http-reassembly-summary-line{font-size:13px;color:var(--text);word-break:break-word}.http-tab-bar{display:flex;gap:6px;flex-wrap:wrap}.http-tab-button{padding:6px 12px;font-size:12px;border-radius:999px;border:1px solid var(--control-border);background:transparent;color:var(--text);cursor:pointer;transition:background .15s ease,border .15s ease,color .15s ease}.http-tab-button.active{background:var(--accent,#1f6feb);border-color:var(--accent,#1f6feb);color:#fff}.http-tab-button:disabled{opacity:.35;cursor:default}.http-pane-container{border:1px solid var(--control-border);border-radius:10px;overflow:hidden;background:color-mix(in srgb,var(--panel-bg,#0d1117) 80%,transparent)}.http-pane{display:none;padding:12px;background:color-mix(in srgb,var(--panel-bg,#161b22) 70%,transparent);max-height:360px;overflow:auto}.http-pane.active{display:block}.http-pane-rendered{background:#fff}.http-pane-rendered .http-rendered-frame{display:none}.http-pane-rendered.active .http-rendered-frame{display:block}.http-rendered-frame{width:100%;height:340px;border:0;background:#fff}.http-rendered-placeholder{padding:24px;text-align:center;font-size:13px;color:#6e7681}.http-pane-rendered.active .http-rendered-placeholder{display:none}.http-body-pre{font-family:var(--monospace, "SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace);font-size:12px;white-space:pre-wrap;margin:0;color:#c9d1d9;word-break:break-word}.http-headers-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.http-headers-block{background:color-mix(in srgb,var(--panel-bg,#0d1117) 75%,transparent);border-radius:8px;padding:8px}.http-headers-block h5{margin:0 0 6px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.http-request-headers,.http-response-headers{font-family:var(--monospace, "SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace);font-size:12px;white-space:pre-wrap;word-break:break-word;margin:0;color:#c9d1d9}.flow-chip-group{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.flow-chip-group .group-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-right:4px}.flow-chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 12px;font-size:12px;background:var(--chip);border:1px solid var(--control-border);cursor:pointer;transition:background .18s ease,border .18s ease,color .18s ease}.flow-chip .count{font-size:11px;color:var(--muted)}.flow-chip.active{background:color-mix(in srgb,var(--accent) 18%,transparent);border-color:var(--accent);color:var(--text)}.flow-chip.toggle{border-style:dashed}.flow-chip.toggle.active{border-style:solid}.flow-chip.disabled{opacity:.4;pointer-events:none}.flow-chip-badge{font-size:11px;background:color-mix(in srgb,var(--accent) 18%,transparent);border-radius:999px;padding:0 6px}.table-scroller tbody tr.selected td{background:color-mix(in srgb,var(--accent) 12%,transparent)}.packet-detail{display:flex;flex-direction:column;gap:12px;margin-top:16px;padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--panel);box-shadow:var(--shadow)}.packet-detail.hidden{display:none}.packet-detail-header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.packet-detail-title{font-size:15px;font-weight:600}.packet-detail-actions{display:flex;gap:8px;flex-wrap:wrap}.packet-detail-actions .btn{padding:6px 10px;font-size:12px}.packet-detail-summary{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:10px;background:color-mix(in srgb,var(--chip) 40%,transparent)}.packet-detail-summary .primary{font-size:14px;font-weight:600}.packet-detail-summary .secondary{font-size:12px;color:var(--muted)}.packet-detail-badges{display:flex;flex-wrap:wrap;gap:6px}.packet-detail-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;font-size:11px;background:var(--chip);border:1px solid var(--control-border)}.packet-detail-badge.critical{background:color-mix(in srgb,var(--danger) 18%,transparent);border-color:color-mix(in srgb,var(--danger) 40%,transparent)}.packet-detail-badge.info{background:color-mix(in srgb,var(--accent) 18%,transparent);border-color:color-mix(in srgb,var(--accent) 40%,transparent)}.packet-detail-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.packet-detail-meta .item{display:flex;flex-direction:column;gap:4px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg-elev)}.packet-detail-meta .label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.packet-detail-meta .value{font-size:13px;font-weight:600}.packet-detail-layers{display:grid;gap:12px}.packet-layer{border:1px solid var(--border);border-radius:10px;padding:10px 12px;background:var(--bg-elev)}.packet-layer-title{font-weight:600;font-size:13px;margin-bottom:6px}.packet-layer dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:6px 14px;font-size:12px}.packet-layer dt{color:var(--muted)}.packet-layer dd{margin:0;font-weight:600}.packet-layer-empty{font-size:12px;color:var(--muted)}.packet-detail-hex{border:1px solid var(--border);border-radius:10px;background:var(--bg-elev);display:flex;flex-direction:column;overflow:hidden}.packet-detail-hex pre{margin:0;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,SFMono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;line-height:1.45}.packet-detail-tabs{display:flex;gap:8px;border-bottom:1px solid var(--border);margin-top:6px}.packet-detail-tab{border:none;background:transparent;padding:6px 10px;font-size:12px;border-bottom:2px solid transparent;cursor:pointer;color:var(--muted);transition:color .15s ease,border-color .15s ease}.packet-detail-tab:hover{color:var(--text)}.packet-detail-tab.active{color:var(--text);border-color:var(--accent)}.packet-detail-pane{display:none;max-height:280px;overflow:auto}.packet-detail-pane.active{display:block;flex:1}.packet-detail-pane pre{margin:0;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,SFMono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;line-height:1.45}.packet-detail-pane .empty{font-size:12px;color:var(--muted);padding:12px 0}.flow-status{font-size:12px;color:var(--muted)}.flow-status.loading{color:var(--warn)}.flow-status.ok{color:var(--ok);font-weight:600}.flow-summary{display:flex;gap:14px;flex-wrap:wrap;margin:4px 0 10px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--bg-elev)}.flow-summary .stat{display:flex;flex-direction:column;min-width:120px;gap:2px}.flow-summary .stat .label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.flow-summary .stat .value{font-size:15px;font-weight:600}.cols-popover{position:absolute;top:100%;right:0;margin-top:6px;padding:10px;border:1px solid var(--border);background:var(--bg-elev);border-radius:10px;box-shadow:var(--shadow);display:none;min-width:220px;z-index:50}.cols-popover.active{display:block}.cols-popover label{display:flex;gap:8px;align-items:center;padding:4px 0;font-size:13px}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:8px 12px;border-bottom:1px solid var(--border)}tr:hover td{background:var(--chip)}#loading{position:absolute;inset:0;display:none;place-items:center;z-index:20;background:#00000059}#loading.active{display:grid}.loadcard{width:min(520px,92vw);border-radius:14px;overflow:hidden;background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow)}.loadcard header{padding:14px 16px;border-bottom:1px solid var(--border);font-weight:600}.loadcard .body{padding:16px;display:grid;gap:12px}.meter{width:100%;height:10px;background:var(--chip);border-radius:999px;overflow:hidden;border:1px solid var(--border)}.meter>span{display:block;height:100%;width:0%;background:linear-gradient(90deg,var(--accent),#6affbc);transition:width .12s linear}#loadingActions{display:flex;align-items:center;gap:12px}#loadingCancelStatus{font-size:12px;color:var(--muted)}#btnCancelIngest{min-width:140px}#perfHUD{position:absolute;right:calc(12px + var(--dock-right-offset, 0px));bottom:190px;z-index:12;font-size:12px;padding:8px 10px;border-radius:10px;background:var(--panel);border:1px solid var(--border);display:none;min-width:180px}#perfHUD.active{display:block}body.perf-visible #perfHUD{bottom:calc(12px + var(--dock-bottom-offset, 0px))}.metadata-diagnostics{position:fixed;top:84px;right:16px;width:min(320px,calc(100vw - 28px));z-index:32;display:none;padding:12px 14px;border-radius:12px;background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);color:var(--text);font-size:12px;pointer-events:auto}.metadata-diagnostics.active{display:block}.metadata-diagnostics__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.metadata-diagnostics__title{font-weight:600;font-size:13px;line-height:1.2}.metadata-diagnostics__mode{font-size:12px;color:var(--muted);margin-top:2px}.metadata-diagnostics__actions{display:flex;gap:8px}.metadata-diagnostics__actions .btn{padding:0;font-size:12px;line-height:1.2}.metadata-diagnostics__body{margin-top:10px}.metadata-diagnostics__grid{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;margin:0}.metadata-diagnostics__grid dt{margin:0;color:var(--muted);font-weight:500}.metadata-diagnostics__grid dd{margin:0;text-align:right;font-variant-numeric:tabular-nums;color:var(--text)}.metadata-diagnostics__footer{margin-top:10px;display:flex;flex-direction:column;gap:2px;color:var(--muted);font-size:11px}.metadata-diagnostics__footer-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metadata-diagnostics--ok{border-color:#22c55e59}.metadata-diagnostics--ok .metadata-diagnostics__mode{color:#16a34a}.metadata-diagnostics--warn{border-color:#d9770659}.metadata-diagnostics--warn .metadata-diagnostics__mode{color:#d97706}.metadata-diagnostics--error{border-color:#ef444459}.metadata-diagnostics--error .metadata-diagnostics__mode{color:#ef4444}.metadata-diagnostics--muted{opacity:.92}@media (max-width: 640px){.metadata-diagnostics{right:12px;left:12px;width:auto}}.kbd{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:var(--chip);padding:2px 6px;border-radius:6px;border:1px solid var(--border)}.muted{color:var(--muted)}.flex{display:flex;gap:8px;align-items:center}.grow{flex:1}.right{margin-left:auto}.sep{height:1px;background:var(--border);margin:6px 0}.ins-summary{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px;border-bottom:1px solid var(--border)}.ins-avatar{position:relative;width:48px;height:48px;border-radius:12px;overflow:hidden;background:var(--chip);border:1px solid var(--border);display:flex;align-items:center;justify-content:center}.ins-avatar .edit-hint{position:absolute;right:4px;top:4px;bottom:auto;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:2px 6px;font-size:12px;opacity:.9;pointer-events:none}.ins-title{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px}.ins-sub{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:12px}.chip-sm{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;background:var(--chip);border:1px solid var(--border);font-size:12px}.chip-sm.group-chip,.annot-chip.group-chip{display:inline-flex;align-items:center;gap:6px;--group-chip-color: var(--accent)}.chip-sm.group-chip{border-color:color-mix(in srgb,var(--group-chip-color, var(--accent)) 50%,var(--border));color:color-mix(in srgb,var(--group-chip-color, var(--accent)) 95%,white);background:color-mix(in srgb,var(--group-chip-color, var(--accent)) 18%,transparent)}.annot-chip.group-chip{border-color:color-mix(in srgb,var(--group-chip-color, var(--accent)) 45%,transparent);color:var(--group-chip-color, var(--accent))}.group-chip-dot{width:9px;height:9px;border-radius:50%;background:var(--group-chip-color, var(--accent));box-shadow:0 0 0 1px color-mix(in srgb,var(--group-chip-color, var(--accent)) 35%,transparent)}.group-chip-label{font-weight:600}.ins-actions{display:flex;align-items:center;gap:8px}.ins-actions .btn.icon-btn{width:32px;height:32px}.ins-kpis{display:grid;grid-template-columns:repeat(4,minmax(80px,1fr));gap:10px;padding:10px 12px}.ins-kpis .kpi{background:var(--chip);border:1px solid var(--border);border-radius:10px;padding:8px 10px;display:grid;gap:2px}.ins-kpis .kpi .k{font-size:11px;color:var(--muted)}.ins-kpis .kpi .v{font-size:14px;font-weight:600}body[data-multi-canvas=disabled] #canvasTabs{display:none}body[data-multi-canvas=disabled] #tabCtxMenu{display:none!important}body[data-multi-canvas=disabled] #viewport{bottom:0}body[data-graphdiff=disabled] #diffPanel{display:none}body[data-projects=disabled] .projects-locked,body[data-oui-import=disabled] .oui-locked,body[data-csv-import=disabled] .csv-locked{display:none!important}body[data-feature-export-hub=enabled] [data-export=html][data-locked=true]{opacity:.55;pointer-events:none}body[data-feature-export-hub=enabled] [data-export=html][data-locked=true] .btn{cursor:not-allowed}#canvasTabs{position:absolute;left:var(--tabs-left, 10px);right:var(--tabs-right, 10px);bottom:8px;height:38px;display:flex;align-items:center;gap:8px;z-index:90;pointer-events:auto;transition:left .25s ease,right .25s ease,bottom .25s ease}#canvasTabs .tabsViewport{display:block;max-width:min(calc(100vw - var(--tabs-left, 10px) - var(--tabs-right, 10px)),600px);overflow-x:auto;overflow-y:hidden;border-radius:12px;scrollbar-width:none}#canvasTabs .tabsViewport::-webkit-scrollbar{display:none}#canvasTabs .tabs{display:flex;gap:6px;flex-wrap:nowrap;padding:0 2px 2px}#canvasTabs .tab{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 12px;border-radius:10px;cursor:pointer;background:var(--panel);border:1px solid var(--border);color:var(--text);box-shadow:var(--shadow);user-select:none;white-space:nowrap}#canvasTabs .tab.active{outline:none;box-shadow:inset 0 0 0 2px var(--accent),var(--shadow)}#canvasTabs .tab:hover{background:var(--chip)}#canvasTabs .add-btn{height:32px;width:32px;display:grid;place-items:center;border-radius:10px;border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;pointer-events:auto}#canvasTabs .add-btn:hover{background:var(--chip)}#canvasTabs .arrow{height:32px;width:32px;display:grid;place-items:center;border-radius:10px;border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;user-select:none}#canvasTabs .arrow[disabled]{opacity:.5;cursor:default}#tabCtxMenu{position:fixed;z-index:9999;display:none;min-width:180px;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);overflow:hidden}#tabCtxMenu .item{display:flex;align-items:center;gap:10px;padding:8px 12px;cursor:pointer}#tabCtxMenu .item:hover{background:var(--chip)}.ins-edit{padding:12px 16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px 22px;border-bottom:1px solid var(--border);align-items:center}.ins-field-label{color:var(--muted);font-size:12px;align-self:center;padding:4px 0}.ins-field-ctrl{padding:2px 0}.ins-field-ctrl>*{min-width:0}.ins-field-ctrl input[type='"text"'],.ins-field-ctrl input[type='"number"'],.ins-field-ctrl select{width:100%}.annot-summary{padding:16px 18px 10px;display:flex;flex-direction:column;gap:12px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--panel) 94%,transparent)}.annot-summary-card{display:flex;flex-direction:column;gap:14px}.annot-summary-header{display:flex;align-items:flex-start;gap:14px}.annot-glyph{width:54px;height:54px;border-radius:14px;border:1px solid color-mix(in srgb,var(--border) 80%,transparent);background:color-mix(in srgb,var(--chip) 80%,transparent);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;color:var(--accent);box-shadow:inset 0 1px #ffffff0a}.annot-info{display:flex;flex-direction:column;gap:6px;min-width:0}.annot-heading{font-size:16px;font-weight:600;color:var(--text)}.annot-subtitle{font-size:13px;color:var(--muted);line-height:1.4;max-width:520px}.annot-meta{display:flex;flex-wrap:wrap;gap:8px}.annot-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:color-mix(in srgb,var(--chip) 90%,transparent);font-size:12px;font-weight:600;color:var(--muted)}.annot-chip.is-accent{border-color:color-mix(in srgb,var(--accent) 45%,transparent);color:var(--accent)}.annot-chip.is-muted{opacity:.78}.annot-chip.is-color{padding-right:12px;padding-left:8px;color:var(--text);border-color:color-mix(in srgb,var(--annot-chip-color, var(--accent)) 28%,transparent)}.annot-chip.is-color:before{content:"";width:12px;height:12px;border-radius:999px;background:var(--annot-chip-color, var(--accent));border:1px solid color-mix(in srgb,var(--annot-chip-color, var(--accent)) 42%,transparent);box-shadow:inset 0 0 0 1px #0000001f}.annot-kpis{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.annot-kpi{padding:10px 12px;border-radius:10px;border:1px solid color-mix(in srgb,var(--border) 75%,transparent);background:color-mix(in srgb,var(--bg-elev) 96%,transparent);display:flex;flex-direction:column;gap:4px;min-width:0}.annot-kpi .k{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:color-mix(in srgb,var(--muted) 88%,transparent)}.annot-kpi .v{font-size:14px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis}.inspect-table{width:100%;border-collapse:separate;border-spacing:0;margin:0}.inspect-table tr{display:grid;grid-template-columns:minmax(140px,1fr) minmax(0,2fr);align-items:center;gap:0;border-bottom:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:color-mix(in srgb,var(--panel) 96%,transparent)}.inspect-table tr>*[colspan]{grid-column:1 / -1}.inspect-table tr:nth-child(odd){background:color-mix(in srgb,var(--panel) 94%,transparent)}.inspect-table tr:last-child{border-bottom:none}.inspect-table th,.inspect-table td{padding:10px 12px;text-align:left;font-size:13px}.inspect-table th{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:700}.inspect-table td{color:var(--text);font-weight:600}.annot-edit{padding:18px 18px 24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-auto-flow:dense;align-content:start;gap:16px 18px;align-items:stretch;grid-auto-rows:minmax(0,auto);border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--panel) 98%,transparent)}.annot-section{display:flex;flex-direction:column;gap:14px;min-width:0;min-height:0;height:auto;width:100%;overflow:hidden;box-sizing:border-box;align-self:stretch;padding:16px;border-radius:14px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:color-mix(in srgb,var(--bg-elev) 92%,transparent)}.annot-section-header{display:flex;flex-direction:column;gap:6px}.annot-section-header h3{margin:0;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:color-mix(in srgb,var(--muted) 86%,transparent)}.annot-section-desc{margin:0;font-size:12px;color:color-mix(in srgb,var(--muted) 82%,transparent);line-height:1.4}.annot-field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px 16px;align-items:start;width:100%;min-width:0}.annot-field{display:flex;flex-direction:column;gap:8px;min-width:0;width:100%}.annot-field.full{grid-column:1 / -1}.annot-field-label{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--muted) 88%,transparent)}.annot-field-control{display:flex;flex-direction:row;gap:8px;width:100%}.annot-field-control.inline{flex-direction:row;align-items:center;gap:8px}.annot-field-control input[type=text],.annot-field-control input[type=number],.annot-field-control textarea,.annot-field-control select{width:100%;max-width:100%;background:var(--control);border:1px solid var(--control-border);border-radius:10px;padding:8px 10px;color:var(--text);font:inherit;box-shadow:inset 0 1px #00000014}.ins-readonly{padding:10px 12px;border-radius:10px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:color-mix(in srgb,var(--panel) 96%,transparent);font-weight:600;color:var(--text);width:100%;box-sizing:border-box}.annot-field-control textarea{min-height:100px;resize:vertical}.annot-pos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.annot-mini-field{display:flex;flex-direction:column;gap:4px}.annot-mini-field span{font-size:11px;font-weight:600;letter-spacing:.04em;color:color-mix(in srgb,var(--muted) 84%,transparent)}.annot-color-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.annot-color-row input[type=color]{width:48px;height:42px;padding:0;border-radius:12px;border:1px solid color-mix(in srgb,var(--control-border) 80%,transparent);background:transparent;cursor:pointer}.annot-color-row .btn{white-space:nowrap}.legend-size-row{display:flex;align-items:center;gap:10px}.legend-size-row input[type=number]{width:110px}.legend-panel-grid{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start}.legend-inline-field{display:flex;flex-direction:column;gap:4px;min-width:150px;flex:1 1 180px}.legend-inline-field span{font-size:12px;color:color-mix(in srgb,var(--muted) 70%,transparent)}.legend-inline-field input[type=text],.legend-inline-field select{width:100%}.legend-inline-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.legend-inline-actions .btn{flex:0 0 auto}.legend-panel-grid--colors .legend-inline-field{min-width:140px;flex:1 1 140px}.legend-section-toggle{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.legend-toggle{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text)}.legend-toggle--inline{margin:0}.legend-entry-container{display:flex;flex-direction:column;gap:12px}.legend-entry-list{display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:10px;border:1px dashed color-mix(in srgb,var(--border) 70%,transparent);background:color-mix(in srgb,var(--bg-elev) 96%,transparent);max-height:260px;overflow-y:auto}.legend-entry-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.legend-entry-row input[type=text]{flex:1 1 180px}.legend-entry-row input[type=color]{width:44px;height:32px;padding:0;border:none;background:transparent}.legend-entry-row .btn{margin-left:auto}.legend-entry-note{font-size:12px;color:color-mix(in srgb,var(--muted) 80%,transparent)}.legend-entry-actions{display:flex;gap:10px}.legend-empty{font-size:12px;color:color-mix(in srgb,var(--muted) 82%,transparent)}.annot-slider-field{display:flex;align-items:center;gap:10px}.annot-slider-field input[type=range]{flex:1 1 auto}.annot-slider-field input[type=number]{width:78px}.annot-toggle-pair{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.annot-toggle-pair label{display:flex;align-items:center;gap:6px;font-size:12px;color:color-mix(in srgb,var(--text) 90%,transparent)}.annot-dash-custom{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.annot-dash-custom input[type=text]{flex:1 1 160px;min-width:140px}.annot-dash-custom .hint{font-size:11px;color:color-mix(in srgb,var(--muted) 85%,transparent)}.annot-binding{display:flex;flex-direction:column;gap:8px}.annot-binding-main{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.annot-binding-label{font-size:12px;font-weight:600;color:var(--text)}.annot-binding-actions{display:flex;flex-wrap:wrap;gap:8px}.annot-binding select{min-width:120px}.annot-binding .note{font-size:11px;color:color-mix(in srgb,var(--muted) 82%,transparent)}.annot-switch{position:relative;display:inline-flex;align-items:center;gap:12px;cursor:pointer;user-select:none}.annot-switch input{position:absolute;opacity:0;pointer-events:none}.annot-switch .track{width:46px;height:24px;border-radius:999px;border:1px solid color-mix(in srgb,var(--border) 78%,transparent);background:color-mix(in srgb,var(--muted) 10%,transparent);position:relative;transition:background .2s ease,border-color .2s ease}.annot-switch .track:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;top:3px;left:3px;background:var(--panel);box-shadow:0 2px 6px #00000029;transition:transform .2s ease}.annot-switch .state{font-size:12px;font-weight:600;color:color-mix(in srgb,var(--muted) 84%,transparent);transition:color .2s ease}.annot-switch input:checked+.track{background:color-mix(in srgb,var(--accent) 36%,transparent);border-color:color-mix(in srgb,var(--accent) 48%,transparent)}.annot-switch input:checked+.track:after{transform:translate(22px)}.annot-switch input:checked~.state{color:var(--accent)}.annot-layer-actions{display:flex;flex-wrap:wrap;gap:8px}.annot-layer-actions .btn{flex:1 1 160px;justify-content:center}.btn.ghost{background:transparent;border:1px solid color-mix(in srgb,var(--border) 80%,transparent);color:color-mix(in srgb,var(--text) 88%,transparent)}.btn.ghost:hover{border-color:color-mix(in srgb,var(--accent) 40%,transparent);color:var(--accent)}.annot-custom-font{display:none;width:100%}.annot-custom-font.active{display:block}.annot-custom-font input{width:100%}.annot-rotation{display:flex;align-items:center;gap:12px;width:100%}.annot-rotation input[type=range]{flex:1 1 auto;min-width:0}.annot-rotation input[type=number]{width:80px}@media (min-width: 1100px){.annot-summary-card{display:grid;grid-template-columns:minmax(340px,1.4fr) minmax(260px,1fr);grid-template-rows:auto auto;align-items:start;gap:20px 28px}.annot-summary-header,.annot-meta{grid-column:1 / 2}.annot-kpis{grid-column:2 / 3;grid-row:1 / span 2;align-self:stretch}.annot-edit{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}}@media (max-width: 1000px){.ins-edit{grid-template-columns:140px 1fr}}#csvExportDlg::backdrop{background:#00000073;backdrop-filter:blur(2px)}#csvExportDlg{width:1200px;border:none;padding:0;background:transparent;color:inherit}.csv-dialog{min-width:clamp(640px,78vw,1240px);max-width:95vw;max-height:86vh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:var(--panel);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}.csv-dialog header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border);gap:14px}.csv-dialog header h3{margin:0;font-size:16px;font-weight:600}.csv-dialog header .close-btn{background:transparent;border:none;color:var(--muted);font-size:18px;line-height:1;cursor:pointer;padding:4px 6px;border-radius:6px}.csv-dialog header .close-btn:hover{color:var(--text);background:var(--chip)}.csv-dialog header .meta{font-size:12px;color:var(--muted);margin-left:auto}.csv-dialog-body{display:grid;grid-template-columns:320px minmax(0,1fr);gap:16px;padding:16px 18px;min-height:0}.csv-dialog-cols{display:flex;flex-direction:column;gap:12px}.csv-col-actions{display:flex;flex-wrap:wrap;gap:8px}.csv-col-list{border:1px solid var(--border);border-radius:10px;padding:10px;background:color-mix(in srgb,var(--chip) 60%,transparent);overflow:auto;max-height:calc(80vh - 260px);display:grid;gap:8px}.csv-col-item{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:8px;cursor:pointer;font-size:13px;background:color-mix(in srgb,var(--bg-elev) 80%,transparent);border:1px solid transparent;transition:border-color .15s ease,background .15s ease}.csv-col-item:hover{border-color:var(--accent)}.csv-col-item input{margin:0}.csv-col-swatch{width:12px;height:12px;border-radius:999px;border:1px solid var(--border);flex-shrink:0}.csv-preview{display:flex;flex-direction:column;gap:12px;min-height:0}.csv-preview-header{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);gap:12px}.csv-preview-table{position:relative;border:1px solid var(--border);border-radius:10px;overflow:auto;max-height:calc(80vh - 240px)}.csv-preview-table table{width:100%;border-collapse:collapse;font-size:12px}.csv-preview-table thead th{position:sticky;top:0;background:var(--panel);padding:8px;text-align:left;border-bottom:1px solid var(--border)}.csv-preview-table tbody td{padding:7px 8px;border-bottom:1px solid var(--border);vertical-align:top}.csv-preview-empty{font-size:13px;color:var(--muted);padding:40px 0;text-align:center}.csv-dialog-actions{display:flex;justify-content:flex-end;gap:10px;padding:14px 18px;border-top:1px solid var(--border);background:color-mix(in srgb,var(--bg-elev) 80%,transparent)}.csv-dialog .btn.link{background:transparent;border:none;color:var(--accent);padding:0}.csv-dialog .btn.link:hover{text-decoration:underline}@media (max-width: 900px){.csv-dialog{min-width:min(520px,92vw)}.csv-dialog-body{grid-template-columns:1fr}.csv-col-list{max-height:220px}}@media print{#sidebar,#topbar,#minimapWrap,#inspect,#loading,#settingsDlg,#perfHUD{display:none!important}#viewport{position:fixed;top:0;left:0;width:100vw;height:100vh}}:root{--diff-add: #22c55e;--diff-rem: #ef4444;--diff-chg: #f59e0b}.segmented{display:inline-flex;border:1px solid var(--control-border);border-radius:10px;overflow:hidden}.segmented button{padding:6px 10px;background:var(--bg-elev);border:0;cursor:pointer}.segmented button[aria-pressed=true]{background:var(--accent);color:#fff}.chips small.timecap{color:var(--muted)}.diff-panel{display:grid;gap:14px;width:100%}.diff-panel *{box-sizing:border-box}.diff-panel .segmented{display:flex;width:100%;border-radius:12px;padding:2px;gap:2px;background:color-mix(in srgb,var(--control) 92%,transparent);border:1px solid color-mix(in srgb,var(--control-border) 85%,transparent)}.diff-panel .segmented button{flex:1 1 0;min-width:0;border:0;border-radius:8px;padding:6px;background:transparent;color:color-mix(in srgb,var(--text) 65%,var(--muted));font-weight:600;font-size:12px;white-space:nowrap;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.diff-panel .segmented button:not([aria-pressed=true]):hover{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--text)}.diff-panel .segmented button[aria-pressed=true]{background:var(--accent);color:#fff;box-shadow:0 2px 8px #00000047}.diff-panel .segmented button:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 65%,transparent);outline-offset:2px}.diff-mode-note{font-size:12px;color:var(--muted)}.diff-summary{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:color-mix(in srgb,var(--chip) 70%,transparent);font-size:12px;flex-wrap:wrap}.diff-summary.empty{border-style:dashed;opacity:.85}.diff-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;font-weight:600;font-size:12px;background:var(--chip);border:1px solid var(--border);color:var(--muted)}.diff-pill.add{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 60%,var(--border))}.diff-pill.rem{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 60%,var(--border))}.diff-pill.chg{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 60%,var(--border))}.diff-pill .value{font-variant-numeric:tabular-nums}.diff-summary-meta{color:var(--muted);flex:1 1 100%;margin-top:4px;min-width:0}.diff-card-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.diff-card{border:1px solid var(--border);border-radius:12px;padding:12px;background:var(--bg-elev);display:grid;gap:10px;transition:border-color .15s ease,box-shadow .15s ease}.diff-card.ready{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));box-shadow:0 8px 20px #0000002e}.diff-card.missing{border-style:dashed;opacity:.85}.diff-card header{display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:13px}.diff-card header .badge{font-size:11px;padding:2px 6px;border-radius:999px;background:var(--chip);border:1px solid var(--border);color:var(--muted)}.diff-card .meta{font-size:12px;color:var(--muted);display:grid;gap:4px;line-height:1.4}.diff-card .meta strong{color:var(--text)}.diff-card-actions{display:flex;flex-wrap:wrap;gap:6px}.diff-inline-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.diff-inline-actions .btn{flex:1 1 48%;min-width:0}.diff-field{display:grid;grid-template-columns:minmax(60px,84px) minmax(0,1fr);column-gap:6px;row-gap:6px;align-items:flex-start;font-size:13px}.diff-field>.label{color:var(--muted);padding-top:4px}.diff-field-controls{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;justify-content:flex-start;width:100%;min-width:0}.diff-field label{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);line-height:1.4;white-space:normal}.diff-input-group{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;flex:1 1 140px;min-width:0;justify-content:flex-start}.diff-input-group .diff-input{flex:1 1 auto;min-width:0}.diff-field input[type=number],.diff-field .diff-input{width:100%;padding:8px 10px;border-radius:10px;border:1px solid var(--control-border);background:var(--control);color:var(--text)}.diff-field input[type=number]:focus,.diff-field .diff-input:focus{outline:2px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:1px}.diff-field-unit{font-size:12px;color:var(--muted);white-space:nowrap;flex:0 0 auto;justify-self:end}.diff-field-sep{font-size:12px;color:var(--muted);white-space:nowrap;flex:0 0 auto;align-self:center}.diff-show-toggles{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px 14px;font-size:12px;justify-items:flex-start;align-items:center}.diff-show-toggles label{display:flex;align-items:center;gap:6px;white-space:normal}.diff-actions-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.diff-actions-bar .btn{flex:1 1 48%;min-width:0}.diff-actions-bar .btn.link{flex:0 0 auto;min-width:auto}.diff-time-section{border:1px solid var(--border);border-radius:12px;padding:12px;display:grid;gap:12px;background:color-mix(in srgb,var(--mini-bg) 60%,transparent)}.diff-time-cards{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.diff-time-card{border:1px dashed var(--border);border-radius:10px;padding:10px 12px;display:grid;gap:8px;background:color-mix(in srgb,var(--bg-elev) 80%,transparent)}.diff-time-card.ready{border-style:solid;border-color:color-mix(in srgb,var(--accent) 50%,var(--border));background:color-mix(in srgb,var(--accent) 12%,var(--bg-elev))}.diff-time-card header{display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:13px}.diff-time-card .meta{font-size:12px;color:var(--muted)}.diff-time-card .actions{display:flex;flex-wrap:wrap;gap:6px}.diff-time-card .actions .btn{flex:1 1 48%;min-width:0}.diff-time-card .actions .btn.link{flex:0 0 auto;min-width:auto}@media (max-width: 640px){.diff-field{grid-template-columns:1fr}.diff-field>.label{padding-top:0}.diff-inline-actions{flex-direction:column;align-items:stretch}.diff-inline-actions .btn{min-width:0}.diff-actions-bar .btn,.diff-time-card .actions .btn{min-width:0;flex:1 1 100%}}.app-prompt{position:fixed;inset:0;width:100vw;height:100vh;max-width:none;max-height:none;transform:none;display:none;align-items:center;justify-content:center;z-index:20000;background:#070a0fa6;backdrop-filter:blur(10px);border:none;padding:0;margin:0}.app-prompt[open],.app-prompt.active{display:flex}.app-prompt-card{width:min(420px,92vw);border-radius:16px;background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden;animation:prompt-pop .18s ease-out}.app-prompt-header{padding:18px 20px 12px;display:grid;gap:6px}.app-prompt-title{margin:0;font-size:18px;font-weight:600;color:var(--text)}.app-prompt-message{font-size:13px;color:var(--muted);line-height:1.5;margin:0}.app-prompt-input{padding:0 20px 20px;display:grid;gap:12px}.app-prompt-input:empty{display:none;padding:0}.app-prompt-input input[type=text],.app-prompt-input textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--control-border);background:var(--control);color:var(--text);font-size:14px;box-sizing:border-box;resize:vertical;min-height:42px}.app-prompt-input textarea{min-height:140px;font-family:inherit;line-height:1.5}.app-prompt-input textarea[readonly]{cursor:text}.app-prompt-actions{padding:16px 20px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px;background:color-mix(in srgb,var(--bg-elev) 88%,transparent)}.app-prompt-actions .btn{min-width:96px;justify-content:center}.app-prompt-copy{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.app-prompt.hidden-message .app-prompt-message,.app-prompt.hide-cancel .app-prompt-cancel{display:none}.app-prompt-readonly{background:color-mix(in srgb,var(--control) 92%,transparent)}@keyframes prompt-pop{0%{transform:translateY(12px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.command-center .cc-backdrop{position:absolute;inset:0;background:#080b1394;backdrop-filter:blur(2px)}.command-center .cc-panel{position:absolute;top:4%;left:50%;transform:translate(-50%);width:min(1100px,94vw);max-height:92vh;background:#0c111afa;color:#f1f5ff;border-radius:14px;box-shadow:0 18px 48px #00000073;display:flex;flex-direction:column;overflow:hidden}.command-center .cc-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.06)}.command-center .cc-header h2{margin:0;font-size:22px;letter-spacing:.5px}.command-center .cc-header-actions{display:flex;gap:12px;align-items:center}.command-center .cc-refresh-status{font-size:12px;opacity:.7}.command-center .cc-tabs{display:flex;gap:6px;padding:12px 20px 0;border-bottom:1px solid rgba(255,255,255,.05);flex-wrap:wrap}.command-center .cc-tab-button{background:transparent;color:inherit;border:none;border-bottom:2px solid transparent;padding:10px 14px;font-size:14px;line-height:1;border-radius:6px 6px 0 0;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.command-center .cc-tab-button:hover{background:#ffffff0a}.command-center .cc-tab-button.active{border-color:#588cffe6;color:#dbe6ff;background:#253a6647}.command-center .cc-body{padding:18px 22px 26px;overflow-y:auto;flex:1}.command-center .cc-tab{display:block}.command-center .cc-tab[hidden],.toolbar [data-command-center-trigger][hidden],.toolbar [data-command-center-trigger][aria-hidden=true],body[data-command-center=disabled] [data-command-center-trigger],[data-dpi-trigger][hidden],[data-dpi-trigger][aria-hidden=true],body[data-dpi=disabled] [data-dpi-trigger]{display:none!important}.command-center .cc-loading{padding:28px 0;text-align:center;font-size:14px;opacity:.7}.command-center .cc-summary-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:18px}.command-center .cc-card{background:#121823eb;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:14px 16px;box-shadow:inset 0 0 0 1px #ffffff05}.command-center .cc-table-wrap{overflow-x:auto;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:#0c111beb;padding:10px 12px;margin-top:12px}.command-center .cc-card h3{margin:0 0 6px;font-size:14px;text-transform:uppercase;opacity:.7;letter-spacing:.6px}.command-center .cc-card strong{font-size:22px;display:block;margin-bottom:6px}.command-center .cc-card small{display:block;font-size:12px;opacity:.65}.command-center .cc-table{width:100%;border-collapse:collapse;font-size:13px;table-layout:auto}.command-center .cc-table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;font-size:12px;flex-wrap:wrap;color:#ffffffbf}.command-center .cc-table-summary{font-size:12px;color:inherit}.command-center .cc-table-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.command-center .cc-sort-button{background:none;border:0;color:inherit;font:inherit;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;padding:0;text-align:left;user-select:none}.command-center .cc-sort-label{flex:0 1 auto}.command-center .cc-sort-button:hover,.command-center .cc-sort-button:focus{color:#fff}.command-center .cc-sort-button:focus-visible{outline:2px solid rgba(88,140,255,.6);outline-offset:2px}.command-center .cc-sort-indicator{font-size:12px;opacity:.65}.command-center .cc-sort-button[data-sort=asc] .cc-sort-indicator,.command-center .cc-sort-button[data-sort=desc] .cc-sort-indicator{opacity:1}.command-center .cc-table-filter-row th{padding-top:4px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.08)}.command-center .cc-table thead th{color:#ffffffbf;font-weight:600;vertical-align:middle;border-bottom:1px solid rgba(255,255,255,.08)}.command-center .cc-filter-input{width:100%;box-sizing:border-box;padding:4px 6px;border:1px solid rgba(255,255,255,.12);background:#0c121c99;color:inherit;border-radius:6px;font-size:12px}.command-center .cc-filter-input::placeholder{color:#ffffff73}.command-center .cc-filter-input:focus{outline:none;border-color:#588cffb3;background:#0c121ce6}.command-center .cc-table thead{background:#ffffff0f}.command-center .cc-table th,.command-center .cc-table td{padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.05);text-align:left;white-space:nowrap;color:#ffffffe0;overflow:hidden;text-overflow:ellipsis}.command-center .cc-table th{color:#ffffffc7;letter-spacing:.4px}.command-center .cc-table tbody tr{transition:background .15s ease}.command-center .cc-table tbody tr:hover{background:#ffffff0a}.command-center .cc-table tbody tr:last-child td{border-bottom:none}.command-center .cc-incidents{display:grid;gap:12px}.command-center .cc-incident-card{border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:12px 14px;display:grid;gap:6px;background:#10151ff2}.command-center .cc-incident-header{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px}.command-center .cc-severity-pill{text-transform:uppercase;font-size:11px;padding:2px 8px;border-radius:999px;letter-spacing:.6px;background:#ffffff14}.command-center .cc-severity-pill.critical{background:#f0525233;color:#ffb3b3}.command-center .cc-severity-pill.high{background:#f9d8492e;color:#ffe38e}.command-center .cc-severity-pill.medium{background:#60a5fa2e;color:#cce1ff}.command-center .cc-severity-pill.low{background:#28a7452e;color:#bdf2c7}.command-center .cc-actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.command-center .cc-note{font-size:12px;opacity:.6;margin-top:4px}.command-center .cc-stack{display:grid;gap:10px;margin-top:12px}.command-center .cc-workflow-card{border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:12px 14px;background:#10151feb}.command-center .cc-workflow-card h4{margin:0 0 4px;font-size:15px}.command-center .cc-workflow-meta{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;opacity:.7;margin-bottom:8px}.command-center .cc-playbook-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.command-center .cc-playbook-card{border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:14px 16px;background:#111722eb;display:grid;gap:8px}.command-center .cc-playbook-card h4{margin:0;font-size:16px}.command-center .cc-tag-list{display:flex;flex-wrap:wrap;gap:6px;font-size:11px;opacity:.75;text-transform:uppercase;letter-spacing:.5px}.command-center .cc-tag{padding:2px 6px;border-radius:999px;border:1px solid rgba(255,255,255,.08)}.command-center .cc-steps{margin:8px 0 0;padding-left:18px;font-size:13px;line-height:1.5}.command-center .cc-timeline-grid{display:grid;gap:12px}.command-center .cc-pair{display:grid;gap:2px}.command-center .cc-pair-label{font-size:12px;opacity:.65;text-transform:uppercase;letter-spacing:.5px}.command-center .cc-pair-value{font-size:14px}.command-center .cc-cta-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.command-center .cc-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;background:#ffffff14;font-size:12px;text-transform:uppercase;letter-spacing:.6px}.command-center .cc-match-sample{margin-top:10px}.command-center .cc-match-sample ul{margin:6px 0 0 14px;padding:0;font-size:12px}.command-center .cc-automation-note{margin-top:12px;font-size:12px;opacity:.7}.command-center .cc-empty{text-align:center;padding:24px 10px;font-size:13px;opacity:.7}.command-center .cc-tab button.btn,.command-center .cc-tab .btn{font-size:13px}.command-center .cc-highlight{background:#588cff1f;border-radius:8px;padding:8px 10px;margin-top:8px;font-size:12px}.command-center{position:fixed;inset:0;z-index:900;display:none}.command-center.active{display:block}body.command-center-open{overflow:hidden}.command-center .cc-ot-insights-host{min-height:320px}.command-center .cc-ot-insights-host .ot-insights-shell{margin:0}.ot-insights-panel{width:100%;height:100%;overflow-y:auto;padding:0;box-sizing:border-box;color:var(--text)}.ot-insights-shell{width:min(1100px,100%);margin:0 auto;display:flex;flex-direction:column;gap:22px;padding:26px 28px;background:color-mix(in srgb,var(--panel) 92%,transparent);border:1px solid color-mix(in srgb,var(--border) 80%,transparent);border-radius:20px;box-shadow:var(--shadow);backdrop-filter:var(--blur);min-height:100%}@media (max-width: 900px){.ot-insights-shell{padding:20px}}.ot-insights-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:18px}.ot-insights-title-block{display:flex;flex-direction:column;gap:6px;max-width:min(480px,100%)}.ot-insights-heading{margin:0;font-size:20px;font-weight:650;letter-spacing:.01em}.ot-insights-subheading{margin:0;font-size:13px;color:var(--muted);line-height:1.5}.ot-insights-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:12px;margin-left:auto;font-size:13px;color:var(--muted)}.ot-insights-updated{white-space:nowrap}.ot-insights-actions{display:flex;align-items:center;gap:10px}.ot-insights-action{border-radius:999px;padding:8px 16px;font-size:13px;min-height:34px}.ot-insights-inline-status{font-size:12px;color:var(--muted);min-width:0;white-space:nowrap}.ot-insights-inline-status:empty{display:none}.ot-insights-card{display:flex;flex-direction:column;gap:16px;padding:18px 20px;background:color-mix(in srgb,var(--panel) 96%,transparent);border:1px solid color-mix(in srgb,var(--border) 75%,transparent);border-radius:16px;box-shadow:inset 0 1px #ffffff08}.ot-insights-card-header{display:flex;flex-direction:column;gap:4px}.ot-insights-card-title{margin:0;font-size:14px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.ot-insights-card-subtitle{margin:0;font-size:13px;color:var(--text);opacity:.82}.ot-insights-card-metrics{padding:20px}.ot-insights-metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.ot-insights-metric{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-radius:14px;background:color-mix(in srgb,var(--chip) 65%,transparent);border:1px solid color-mix(in srgb,var(--border) 90%,transparent);transition:background .2s ease,transform .2s ease,border-color .2s ease}.ot-insights-metric:hover{transform:translateY(-2px);background:color-mix(in srgb,var(--accent) 16%,var(--chip));border-color:color-mix(in srgb,var(--accent) 35%,transparent)}.ot-insights-metric-label{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.ot-insights-metric-value{font-size:24px;font-weight:600;color:var(--text)}.ot-insights-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:22px}.ot-insights-column{display:flex;flex-direction:column;gap:22px}@media (max-width: 1080px){.ot-insights-layout{grid-template-columns:1fr}}.ot-insights-table-wrap{position:relative;border-radius:14px;border:1px solid color-mix(in srgb,var(--border) 80%,transparent);background:color-mix(in srgb,var(--panel) 98%,transparent);overflow:hidden;overflow-x:auto}.ot-insights-table{width:100%;border-collapse:collapse;min-width:640px;font-size:13px}.ot-insights-table thead th{text-align:left;padding:12px 16px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid color-mix(in srgb,var(--border) 90%,transparent)}.ot-insights-table tbody td{padding:12px 16px;border-bottom:1px solid color-mix(in srgb,var(--border) 85%,transparent);vertical-align:top}.ot-insights-table tbody tr:last-child td{border-bottom:none}.ot-insights-table tbody tr:hover{background:color-mix(in srgb,var(--accent) 12%,transparent)}.ot-insights-table tbody tr.is-danger{background:color-mix(in srgb,var(--danger) 10%,transparent)}.ot-insights-table tbody tr.is-warning{background:color-mix(in srgb,var(--warn) 12%,transparent)}.ot-insights-table .col-time{white-space:nowrap;font-weight:600}.ot-insights-table .col-summary{max-width:320px;color:var(--text)}.ot-insights-table .col-safety{width:1%;white-space:nowrap}.ot-insights-card-timeline{--ot-timeline-columns: 168px 112px 140px 164px minmax(0, 1fr) 120px}.ot-insights-timeline-header{display:grid;grid-template-columns:var(--ot-timeline-columns);gap:12px;padding:10px 18px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.ot-insights-timeline-head{white-space:nowrap}.ot-insights-timeline-viewport{position:relative;margin-top:6px;border:1px solid color-mix(in srgb,var(--border) 80%,transparent);border-radius:14px;background:color-mix(in srgb,var(--panel) 98%,transparent);overflow-y:auto;max-height:420px}.ot-insights-timeline-spacer{width:100%}.ot-insights-timeline-rows{position:absolute;top:0;left:0;right:0}.ot-insights-timeline-row{pointer-events:auto;position:absolute;left:0;right:0;display:grid;grid-template-columns:var(--ot-timeline-columns);gap:12px;align-items:center;padding:0 18px;font-size:13px;color:var(--text);box-sizing:border-box;border-bottom:1px solid color-mix(in srgb,var(--border) 85%,transparent)}.ot-insights-timeline-row:last-child{border-bottom:none}.ot-insights-timeline-row.is-danger{background:color-mix(in srgb,var(--danger) 16%,transparent)}.ot-insights-timeline-row.is-warning{background:color-mix(in srgb,var(--warn) 16%,transparent)}.ot-insights-timeline-cell.col-time{font-weight:600}.ot-insights-timeline-cell.col-summary,.ot-insights-timeline-cell.col-protocol,.ot-insights-timeline-cell.col-command{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ot-insights-timeline-cell.col-safety{justify-self:flex-end}@media (max-width: 1100px){.ot-insights-card-timeline{--ot-timeline-columns: 150px 104px 132px 148px minmax(0, 1fr) 108px}}@media (max-width: 880px){.ot-insights-card-timeline{--ot-timeline-columns: 134px 96px 120px 132px minmax(0, 1fr) 100px}}.ot-insights-pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:4px 12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--border) 80%,transparent);background:color-mix(in srgb,var(--chip) 70%,transparent);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.ot-insights-pill.direction-in{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 45%,transparent);background:color-mix(in srgb,var(--ok) 15%,transparent)}.ot-insights-pill.direction-out{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,transparent);background:color-mix(in srgb,var(--accent) 16%,transparent)}.ot-insights-pill.level-info{color:var(--muted)}.ot-insights-pill.level-warning{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 45%,transparent);background:color-mix(in srgb,var(--warn) 18%,transparent)}.ot-insights-pill.level-danger,.ot-insights-pill.level-critical{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,transparent);background:color-mix(in srgb,var(--danger) 18%,transparent)}.ot-insights-pill.level-ok,.ot-insights-pill.level-success{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 45%,transparent);background:color-mix(in srgb,var(--ok) 16%,transparent)}.ot-insights-asset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.ot-insights-asset-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:20px 18px 18px;background:color-mix(in srgb,var(--chip) 65%,transparent);border:1px solid color-mix(in srgb,var(--border) 85%,transparent);border-radius:16px;min-height:160px;transition:transform .2s ease,border-color .2s ease}.ot-insights-asset-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 35%,transparent)}.ot-insights-asset-title{font-size:15px;font-weight:600;padding-right:56px}.ot-insights-pill.asset-severity{position:absolute;top:16px;right:18px;text-transform:none;font-size:11px;letter-spacing:.03em}.ot-insights-pill.asset-severity.severity-stable{color:var(--muted)}.ot-insights-pill.asset-severity.severity-warn{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 45%,transparent);background:color-mix(in srgb,var(--warn) 12%,transparent)}.ot-insights-pill.asset-severity.severity-danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,transparent);background:color-mix(in srgb,var(--danger) 12%,transparent)}.ot-insights-asset-stats{display:flex;flex-wrap:wrap;gap:14px}.ot-insights-asset-stat{display:flex;flex-direction:column;gap:2px}.ot-insights-asset-stat .label{font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.ot-insights-asset-stat .value{font-size:15px;font-weight:600}.ot-insights-asset-time{margin-top:auto;font-size:12px;color:var(--muted)}.ot-insights-ladder{display:flex;flex-direction:column;gap:14px}.ot-insights-ladder-item{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-radius:14px;border:1px solid color-mix(in srgb,var(--border) 80%,transparent);background:color-mix(in srgb,var(--chip) 70%,transparent)}.ot-insights-ladder-peers{font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--accent)}.ot-insights-ladder-meta{font-size:12px;color:var(--muted)}.ot-insights-ladder-summary{font-size:13px;line-height:1.5}.ot-insights-correlation{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.ot-insights-correlation-item{padding:12px 14px;border-radius:12px;border:1px solid color-mix(in srgb,var(--border) 80%,transparent);background:color-mix(in srgb,var(--chip) 70%,transparent);font-size:13px;line-height:1.5}.ot-insights-pivots{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.ot-insights-pivot-card{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border-radius:14px;border:1px solid color-mix(in srgb,var(--border) 80%,transparent);background:color-mix(in srgb,var(--chip) 70%,transparent)}.ot-insights-pivot-title{font-weight:600;font-size:13px}.ot-insights-pivot-values{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.ot-insights-pivot-values li{font-size:12px;color:var(--muted)}.ot-insights-empty-note{margin:0;font-size:13px;color:var(--muted)}.ot-insights-card-empty{padding:28px;align-items:center}.ot-insights-empty-state{padding:32px 20px;text-align:center;font-size:14px;color:var(--muted);border-radius:14px;border:1px dashed color-mix(in srgb,var(--border) 80%,transparent);background:color-mix(in srgb,var(--chip) 70%,transparent)}@media (max-width: 640px){.ot-insights-controls{justify-content:flex-start}.ot-insights-actions{width:100%;justify-content:flex-start}}.ot-insights-cta{margin-top:18px;padding:16px 18px;border-radius:14px;background:color-mix(in srgb,var(--panel) 88%,transparent);border:1px solid color-mix(in srgb,var(--border) 80%,transparent);display:flex;flex-direction:column;gap:10px}.ot-insights-cta-title{font-weight:600;font-size:14px;letter-spacing:.03em}.ot-insights-cta-text{margin:0;font-size:13px;color:var(--muted)}.ot-insights-cta-stats{display:flex;flex-wrap:wrap;gap:14px}.ot-insights-cta-stat{display:flex;flex-direction:column;gap:2px;min-width:62px}.ot-insights-cta-stat .value{font-size:16px;font-weight:600;color:var(--text)}.ot-insights-cta-stat .label{font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.ot-insights-cta .btn{align-self:flex-start}.ingest-toast{position:fixed;bottom:24px;right:24px;width:min(320px,calc(100% - 32px));padding:16px 18px;border-radius:12px;background:#0a0e17f5;color:#fff;z-index:4000;box-shadow:0 18px 36px #00000059;display:flex;flex-direction:column;gap:8px;border:1px solid rgba(255,255,255,.15);pointer-events:auto}.ingest-toast[hidden]{display:none!important}.ingest-toast__title{font-size:14px;font-weight:600;letter-spacing:.02em}.ingest-toast__detail{font-size:13px;color:#ffffffd1}.ingest-toast__status{font-size:12px;color:#ffffffb3;min-height:16px}.ingest-toast__actions{display:flex;gap:10px;margin-top:6px}.ingest-toast__btn{flex:1;border-radius:6px;border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;font-size:13px;padding:8px 12px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.ingest-toast__btn:hover:not(:disabled){background:#ffffff14;border-color:#fff6}.ingest-toast__btn:disabled{opacity:.65;cursor:not-allowed}.ingest-toast__btn--primary{background:#ff8b6f;color:#111521;border-color:#ff8b6f}.ingest-toast__btn--primary:hover:not(:disabled){background:#ff9e86;border-color:#ff9e86}.ingest-toast__btn--primary:disabled{background:#ff8b6fb3;border-color:#ff8b6fb3}body[data-export-hub=open] #btnOpenExportHub{box-shadow:inset 0 0 0 2px var(--accent),0 0 12px #69b1ff80}#exportHubModal{border:none;border-radius:18px;padding:0;width:min(1400px,96vw);min-width:min(1300px,96vw);max-height:96vh;background:var(--panel);color:var(--text);box-shadow:var(--shadow)}#exportHubModal::backdrop{background:#0000008c;backdrop-filter:blur(2px)}#exportHubModal *{box-sizing:border-box}#exportHubModal input:not([type=checkbox]):not([type=radio]),#exportHubModal select,#exportHubModal textarea{border-radius:10px;border:1px solid var(--control-border);background:var(--control);color:var(--text);padding:6px 12px;font-size:.95rem;line-height:1.3;min-height:34px}#exportHubModal input[type=number]{appearance:textfield}#exportHubModal input[type=number]::-webkit-inner-spin-button,#exportHubModal input[type=number]::-webkit-outer-spin-button{margin:0}#exportHubModal input[type=checkbox],#exportHubModal input[type=radio]{width:16px;height:16px;accent-color:var(--accent)}.export-modal__shell{display:flex;flex-direction:column;min-height:70vh}#exportHubHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:24px 28px 18px;border-bottom:1px solid var(--border)}#exportHubHeader .title-block h1{margin:0 0 6px;font-size:1.45rem}#exportHubHeader .title-block p{margin:0;color:var(--muted)}#exportHubHeader .header-actions{display:flex;align-items:center;gap:8px;position:relative}#exportPresetSelect{min-width:180px;background:var(--control);border:1px solid var(--control-border);border-radius:10px;padding:6px 10px;color:var(--text)}.preset-menu{position:absolute;top:calc(100% + 8px);right:52px;min-width:180px;border-radius:12px;border:1px solid var(--control-border);background:color-mix(in srgb,var(--control) 92%,transparent);box-shadow:var(--shadow);padding:6px;z-index:10}.preset-menu[hidden]{display:none}.preset-menu button{width:100%;display:block;text-align:left;border:none;background:transparent;color:var(--text);border-radius:8px;padding:6px 8px;font-size:.9rem}.preset-menu button:hover{background:color-mix(in srgb,var(--accent) 15%,transparent)}#exportHubTabs{display:flex;gap:8px;padding:16px 28px;border-bottom:1px solid var(--border)}#exportHubTabs button{border:none;background:transparent;color:color-mix(in srgb,var(--muted) 90%,transparent);padding:8px 14px;border-radius:999px;font-weight:600}#exportHubTabs button[aria-selected=true]{background:color-mix(in srgb,var(--accent) 25%,transparent);color:var(--text)}.export-modal__body{flex:1 1 auto;overflow:auto;padding:22px 28px 24px}#exportHubModal [role=tabpanel]{display:flex;flex-direction:column;gap:20px}#exportHubModal [role=tabpanel][hidden]{display:none}#panel-visual .visual-layout{display:flex;align-items:flex-start;gap:32px}#panel-visual .visual-layout__preview{flex:1 1 auto;min-width:0}#panel-visual .visual-layout__settings{flex:0 0 420px;max-width:420px}#panel-visual .visual-layout__preview,#panel-visual .visual-layout__settings{display:flex;flex-direction:column;gap:20px}@media (max-width: 1200px){#panel-visual .visual-layout{flex-direction:column}#panel-visual .visual-layout__settings{flex:1 1 auto;max-width:100%}}#app[data-theme=light] #exportHubModal,body[data-theme=light] #exportHubModal{background:color-mix(in srgb,#ffffff 96%,transparent);border:1px solid color-mix(in srgb,rgba(0,0,0,.08) 65%,#ffffff);box-shadow:0 18px 40px #0f172a24}#app[data-theme=light] #exportHubModal .export-section,body[data-theme=light] #exportHubModal .export-section{background:color-mix(in srgb,#ffffff 97%,transparent);border-color:color-mix(in srgb,rgba(0,0,0,.08) 70%,#ffffff);box-shadow:0 12px 28px #0f172a14}body[data-theme=light] #exportHubModal .export-section{background:#fff!important;border-color:color-mix(in srgb,rgba(15,23,42,.15) 70%,#ffffff)!important;color:var(--text)}#app[data-theme=light] #panel-visual .preview-pane,#app[data-theme=light] #panel-visual .preview-tiles,body[data-theme=light] #panel-visual .preview-pane,body[data-theme=light] #panel-visual .preview-tiles{background:color-mix(in srgb,#f7f9ff 94%,transparent);border-color:color-mix(in srgb,rgba(0,0,0,.08) 75%,#ffffff);box-shadow:0 8px 24px #0f172a14}body[data-theme=light] #panel-visual .preview-pane,body[data-theme=light] #panel-visual .preview-tiles{background:#f8faff!important}#app[data-theme=light] .preview-pane__stage,body[data-theme=light] .preview-pane__stage{background:radial-gradient(circle at 30% 30%,rgba(23,105,255,.05),transparent),color-mix(in srgb,#eef3ff 94%,transparent)}body[data-theme=light] .preview-pane__stage{background:radial-gradient(circle at 30% 30%,rgba(23,105,255,.08),transparent),#f0f4ff!important}#app[data-theme=light] .preview-tile,body[data-theme=light] .preview-tile{background:color-mix(in srgb,#ffffff 96%,transparent);border-color:color-mix(in srgb,rgba(0,0,0,.1) 80%,#ffffff)}#app[data-theme=light] .preview-tile__thumb,body[data-theme=light] .preview-tile__thumb{background:color-mix(in srgb,#f3f6fb 92%,transparent);border-color:color-mix(in srgb,rgba(0,0,0,.08) 65%,#ffffff)}#app[data-theme=light] .preview-status,body[data-theme=light] .preview-status{color:color-mix(in srgb,#4c5670 80%,transparent)}.export-section{background:color-mix(in srgb,var(--control) 92%,transparent);border:1px solid var(--control-border);border-radius:16px;padding:18px 20px}body[data-theme=light] #exportHubModal .export-section{background:#fff!important;border-color:color-mix(in srgb,rgba(15,23,42,.12) 70%,#ffffff)!important;box-shadow:0 14px 32px #0f172a0f;color:#0a0f1d}body[data-theme=light] .export-modal .export-section{background:#fff!important;border-color:color-mix(in srgb,rgba(15,23,42,.12) 70%,#ffffff)!important;box-shadow:0 14px 32px #0f172a14;color:#0a0f1d;outline:1px solid rgba(15,23,42,.08);outline-offset:-1px}.export-section header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.export-section header>div{flex:1 1 auto}.export-section h2{margin:0;font-size:1.15rem}.export-section p{margin:4px 0 0;color:var(--muted);font-size:.9rem}.section-summary{font-size:.85rem;color:var(--muted);text-align:right}.export-section.export-preview{padding-bottom:24px}.preview-layout{display:flex;flex-direction:column;gap:16px}.preview-status{display:inline-flex;align-items:center;gap:8px;font-size:.9rem;color:var(--muted)}.preview-status__dot{width:10px;height:10px;border-radius:999px;background:var(--border);box-shadow:0 0 0 2px color-mix(in srgb,var(--panel) 70%,transparent)}.preview-status[data-status=ready]{color:color-mix(in srgb,var(--success) 80%,var(--text))}.preview-status[data-status=ready] .preview-status__dot{background:var(--success)}.preview-status[data-status=error]{color:var(--danger)}.preview-status[data-status=error] .preview-status__dot{background:var(--danger)}.preview-status[data-status=blocked]{color:var(--danger)}.preview-status[data-status=blocked] .preview-status__dot{background:var(--danger)}.preview-status[data-status=warning]{color:color-mix(in srgb,var(--accent) 80%,var(--text))}.preview-status[data-status=warning] .preview-status__dot{background:var(--accent)}.preview-status[data-status=disabled]{color:var(--muted)}.preview-pane{border:1px solid var(--control-border);border-radius:18px;background:color-mix(in srgb,var(--control) 85%,transparent);padding:14px;display:flex;flex-direction:column;gap:10px}.preview-pane__stage{position:relative;width:100%;border-radius:14px;overflow:hidden;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.06),transparent),color-mix(in srgb,var(--panel) 92%,transparent);min-height:clamp(220px,40vh,420px)}#exportPreviewCanvas{display:block;width:100%;height:100%;image-rendering:crisp-edges}.preview-pane__grid{position:absolute;top:0;left:0;width:0;height:0;border-radius:12px;pointer-events:none;display:grid;gap:2px;z-index:2;opacity:0;transition:opacity .2s ease}.preview-pane__svg{position:absolute;top:0;left:0;width:0;height:0;display:none;overflow:hidden;pointer-events:none;z-index:1}.preview-pane__svg[data-visible=true]{display:block}.preview-pane__svg-content{width:100%;height:100%;pointer-events:none}.preview-pane__svg-content svg{width:100%;height:100%;display:block;background:color-mix(in srgb,var(--panel) 95%,transparent)}.preview-pane[data-preview-status=ready] .preview-pane__grid,.preview-pane[data-preview-status=warning] .preview-pane__grid{opacity:1}.preview-grid__tile{border:1px dashed rgba(255,255,255,.55);border-radius:8px;position:relative;font-size:.75rem;color:#fff;display:flex;align-items:flex-start;justify-content:space-between;padding:6px;text-shadow:0 1px 2px rgba(0,0,0,.6);pointer-events:auto;cursor:pointer}.preview-grid__tile[data-active=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.preview-grid__tile-meta{font-size:.7rem;opacity:.8}.preview-grid__legend{position:absolute;top:8px;left:8px;right:8px;display:inline-flex;justify-content:space-between;gap:6px;flex-wrap:wrap;background:#0000008c;border-radius:999px;padding:4px 10px;font-size:.7rem;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.4);pointer-events:none}.preview-pane__empty,.preview-pane__loader{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;background:#0a0c14a6;color:#fff;text-align:center;padding:12px;font-size:.95rem}.preview-pane__empty{opacity:0;pointer-events:none;transition:opacity .2s ease}.preview-pane[data-preview-status=disabled] .preview-pane__empty,.preview-pane[data-preview-status=blocked] .preview-pane__empty{opacity:1;pointer-events:all}.preview-pane__loader{opacity:0;pointer-events:none;font-weight:600}.preview-pane[data-preview-status=loading] .preview-pane__loader{opacity:1;pointer-events:all}.preview-pane__loader .spinner{width:28px;height:28px;border-radius:50%;border:2px solid color-mix(in srgb,var(--accent) 35%,transparent);border-top-color:var(--accent);animation:layoutSpin .9s linear infinite}.preview-pane__toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.preview-pane__toolbar .btn-group{display:flex;gap:8px}.preview-pane__stats{font-size:.8rem;color:var(--muted)}.preview-pane__hint{font-size:.85rem;color:var(--muted);margin:6px 0 0}.preview-pane__stage:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 65%,transparent);outline-offset:3px}.preview-secondary{min-width:0}.preview-tiles{border:1px solid var(--control-border);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:10px;background:color-mix(in srgb,var(--control) 90%,transparent);max-height:100%}.preview-tiles header{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.preview-tiles__list{display:flex;flex-direction:column;gap:10px;max-height:420px;overflow:auto;padding-right:6px}.preview-tiles__summary{font-size:.85rem;color:var(--muted);margin:0}.preview-tiles__summary:empty{display:none}.preview-tiles__empty{font-size:.9rem;color:var(--muted)}.preview-tile{display:flex;gap:12px;border:1px solid var(--control-border);border-radius:12px;padding:10px;background:color-mix(in srgb,var(--panel) 85%,transparent);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.preview-tile:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--control-border));box-shadow:0 6px 18px #06060a1f}.preview-tile[aria-current=true]{border-color:var(--accent);box-shadow:0 10px 24px #06060a2e}.preview-tile__thumb{width:72px;height:72px;border-radius:10px;background:color-mix(in srgb,var(--control) 80%,transparent);border:1px solid color-mix(in srgb,var(--control-border) 90%,transparent);overflow:hidden;flex:0 0 auto;display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--muted)}.preview-tile__thumb canvas{width:100%;height:100%;display:block}.preview-tile__meta{flex:1 1 auto;min-width:0}.preview-tile__meta h4{margin:0;font-size:.95rem}.preview-tile__meta p{margin:2px 0;font-size:.8rem;color:var(--muted)}.preview-tile__stats{display:flex;gap:12px;font-size:.8rem;color:var(--muted);flex-wrap:wrap}.field-grid{display:grid;gap:10px;margin-bottom:10px}.field-grid.columns-3{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.field-grid.columns-4{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.field{display:flex;flex-direction:column;gap:4px;font-size:.9rem}.field input,.field select{width:100%}.field.checkbox{flex-direction:row;align-items:center;gap:8px}.field.field--sm input{max-width:120px}.field.range input[type=range]{width:100%;accent-color:var(--accent)}.field.range output{font-size:.8rem;color:var(--muted)}.preset-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.preset-chips .chip{border:1px solid var(--control-border);background:transparent;border-radius:999px;padding:4px 10px;color:var(--text);font-weight:600;cursor:pointer;transition:background .15s ease}.preset-chips .chip[aria-pressed=true],.preset-chips .chip:hover{background:color-mix(in srgb,var(--accent) 28%,transparent)}#exportHubModal .segmented{display:inline-flex;border:1px solid var(--control-border);border-radius:12px;padding:2px;gap:2px;background:color-mix(in srgb,var(--control) 94%,transparent)}#exportHubModal .segmented button{border:none;background:transparent;border-radius:9px;padding:6px 12px;font-size:.85rem;font-weight:600;color:color-mix(in srgb,var(--text) 75%,var(--muted));cursor:pointer;transition:background .15s ease,color .15s ease}#exportHubModal .segmented button[aria-pressed=true]{background:var(--accent);color:#fff}#exportHubModal .segmented button:not([aria-pressed=true]):hover{background:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--text)}.fit-bounds-row,.toggle-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.checkbox{display:inline-flex;align-items:center;gap:6px;font-size:.9rem}.hint{font-size:.85rem;color:var(--muted)}.layout-reflow{display:flex;flex-direction:column;gap:6px}.layer-order{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.layer-order__item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 10px;border:1px dashed var(--control-border);border-radius:10px;background:color-mix(in srgb,var(--control) 80%,transparent)}.layer-order__label{font-weight:600}.layer-order__controls{display:inline-flex;gap:6px}.panel-placeholder{padding:18px;border-radius:12px;border:1px dashed var(--control-border);color:var(--muted);font-size:.95rem}#exportHubFooter{display:flex;justify-content:space-between;align-items:center;padding:16px 24px 20px;gap:16px;border-top:1px solid var(--border)}#exportHubStatus{font-size:.85rem;color:var(--muted);min-height:1.2em;display:inline-block}#exportHubStatus[data-tone=success]{color:var(--ok)}#exportHubStatus[data-tone=danger]{color:var(--danger)}#exportJobList{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.export-job{border:1px solid var(--control-border);border-radius:12px;padding:10px 12px;background:color-mix(in srgb,var(--control) 94%,transparent)}.export-job--success{border-color:color-mix(in srgb,var(--ok) 30%,transparent)}.export-job--error{border-color:color-mix(in srgb,var(--danger) 35%,transparent);background:color-mix(in srgb,var(--danger) 10%,transparent)}.export-job__title{font-weight:600;margin:0 0 4px}.export-job__meta{font-size:.8rem;color:var(--muted)}.callout{border-radius:12px;border:1px solid var(--control-border);background:color-mix(in srgb,var(--control) 92%,transparent);padding:10px 12px;font-size:.9rem;margin:10px 0}.callout-warning{border-color:color-mix(in srgb,var(--danger) 35%,transparent);background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--text)}.anonymize-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;margin:10px 0 8px}.anonymize-preview{border:1px dashed var(--control-border);border-radius:12px;padding:12px;font-size:.9rem;color:var(--muted);background:color-mix(in srgb,var(--control) 96%,transparent)}.anonymize-preview__list{margin:6px 0 0;padding-left:18px;color:var(--text)}.data-card-grid{display:grid;grid-template-columns:1fr;gap:16px}.data-card{border:1px solid var(--control-border);border-radius:14px;background:color-mix(in srgb,var(--control) 95%,transparent);padding:14px;display:flex;flex-direction:column;gap:10px;min-width:0}.data-card__header{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.data-card__header h3{margin:0}.data-card__header p{margin:2px 0 0;color:var(--muted);font-size:.85rem}.card-summary{font-size:.85rem;color:var(--muted);text-align:right}.csv-filter-grid .checkbox{margin-top:22px}.csv-columns{border:1px dashed var(--control-border);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:8px}.csv-columns__head{display:flex;justify-content:space-between;gap:8px;align-items:center}.csv-columns__actions{display:inline-flex;gap:8px}.btn.text{background:transparent;border:none;color:var(--accent);font-size:.85rem;padding:4px 6px;border-radius:8px;cursor:pointer}.btn.text:hover,.btn.text:focus-visible{text-decoration:underline}.csv-columns__body{max-height:180px;overflow:auto;display:flex;flex-direction:column;gap:6px}.csv-column-item{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:8px;background:color-mix(in srgb,var(--control) 80%,transparent);font-size:.9rem}.csv-column-item small{margin-left:auto;color:var(--muted)}.csv-preview{border:1px solid var(--control-border);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:6px;min-height:120px}.csv-preview__meta{font-size:.8rem;color:var(--muted)}.csv-preview__table{overflow-x:auto;overflow-y:auto;max-width:100%}.csv-preview table{width:100%;max-width:100%;border-collapse:collapse;font-size:.85rem;table-layout:fixed}.csv-preview th,.csv-preview td{border-bottom:1px solid var(--border);padding:4px 6px;text-align:left;word-break:break-word;white-space:normal}.csv-preview__empty{font-size:.85rem;color:var(--muted)}.data-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:6px}.binary-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.pcap-status{font-size:.95rem;padding:10px 12px;border-radius:10px;border:1px solid var(--control-border);background:color-mix(in srgb,var(--control) 92%,transparent)}.pcap-meta{display:flex;gap:12px;font-size:.85rem;color:var(--muted)}#qlFeedback{display:none!important}