:root{color-scheme:light;--font-latin: "Geist", Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-cjk: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Microsoft JhengHei", sans-serif;--font-numeric: "Geist Mono", "SF Mono", "SFMono-Regular", Menlo, Consolas, monospace;--font-ui: "VFS Dashboard Text", "Geist", "PingFang SC", Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: var(--font-numeric);--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 14px;--ease: cubic-bezier(.22, 1, .36, 1);--fast: .17s}@font-face{font-family:VFS Dashboard Text;src:local("Geist Mono"),local("GeistMono-Regular"),local("Geist Mono Regular");font-style:normal;font-weight:100 900;unicode-range:U+0025,U+002B-002D,U+002E,U+0030-0039}@font-face{font-family:VFS Dashboard Text;src:local("Geist"),local("Geist Regular"),local("Geist-Regular");font-style:normal;font-weight:100 900;unicode-range:U+0041-005A,U+0061-007A,U+00C0-024F}@font-face{font-family:VFS Dashboard Text;src:local("PingFang SC"),local("PingFangSC-Regular"),local(".PingFang SC");font-style:normal;font-weight:100 900;unicode-range:U+2E80-2EFF,U+2F00-2FDF,U+3000-303F,U+31C0-31EF,U+3400-4DBF,U+4E00-9FFF,U+F900-FAFF,U+FF00-FFEF}body[data-theme=light]{color-scheme:light;--bg: oklch(96.8% .004 82);--bg-alt: oklch(94.2% .005 82);--surface: oklch(99.2% .002 82);--surface-2: oklch(96.6% .004 82);--surface-3: oklch(92.8% .004 82);--ink: oklch(18.5% .006 82);--ink-2: oklch(35% .006 82);--muted: oklch(54% .006 82);--faint: oklch(70% .006 82);--line: oklch(87% .005 82);--line-strong: oklch(76% .007 82);--coral: oklch(62% .115 38);--coral-soft: oklch(94.5% .024 42);--green: oklch(57% .12 150);--green-soft: oklch(93% .04 150);--blue: oklch(58% .08 238);--blue-soft: oklch(93% .035 235);--violet: oklch(58% .11 295);--violet-soft: oklch(94% .035 295);--danger: oklch(56% .16 25);--danger-soft: oklch(94% .04 24);--shadow-soft: 0 18px 50px oklch(22% .015 85 / .11);--shadow-pop: 0 24px 70px oklch(22% .015 85 / .16), 0 1px 0 oklch(100% 0 0 / .75) inset;--shadow-tight: 0 8px 22px oklch(22% .015 85 / .09)}body[data-theme=dark]{color-scheme:dark;--bg: oklch(17% .006 82);--bg-alt: oklch(13.5% .006 82);--surface: oklch(23% .006 82);--surface-2: oklch(27% .007 82);--surface-3: oklch(32% .008 82);--ink: oklch(94% .004 82);--ink-2: oklch(77% .004 82);--muted: oklch(62% .005 82);--faint: oklch(47% .005 82);--line: oklch(35% .007 82);--line-strong: oklch(45% .008 82);--coral: oklch(71% .12 40);--coral-soft: oklch(31% .036 42);--green: oklch(72% .12 150);--green-soft: oklch(31% .045 150);--blue: oklch(72% .08 238);--blue-soft: oklch(31% .04 238);--violet: oklch(74% .1 295);--violet-soft: oklch(31% .04 295);--danger: oklch(72% .13 25);--danger-soft: oklch(31% .055 25);--shadow-soft: 0 18px 54px oklch(4% .01 80 / .5);--shadow-pop: 0 28px 80px oklch(4% .01 80 / .62), 0 1px 0 oklch(100% 0 0 / .05) inset;--shadow-tight: 0 10px 28px oklch(4% .01 80 / .42)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{overflow:hidden;background:linear-gradient(135deg,color-mix(in oklch,var(--bg),var(--surface) 28%),var(--bg-alt)),radial-gradient(circle at 12px 12px,color-mix(in oklch,var(--line),transparent 48%) 1px,transparent 1.5px);background-size:auto,22px 22px;color:var(--ink);font-family:var(--font-ui);font-size:13px;line-height:1.45;letter-spacing:0;font-variant-numeric:tabular-nums;font-feature-settings:"kern" 1;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,textarea,select{font:inherit;letter-spacing:0;font-variant-numeric:inherit}button{color:inherit}button,input,textarea,summary{outline:none}button:focus-visible,summary:focus-visible,[role=option]:focus-visible,[tabindex]:focus-visible{outline:2px solid color-mix(in oklch,var(--coral),transparent 32%);outline-offset:2px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none;border-color:color-mix(in oklch,var(--coral),var(--line) 26%);box-shadow:0 0 0 3px color-mix(in oklch,var(--coral),transparent 84%)}.workspace-url:focus-within,.picker-search:focus-within{border-color:color-mix(in oklch,var(--coral),var(--line) 26%);box-shadow:0 0 0 3px color-mix(in oklch,var(--coral),transparent 84%)}.workspace-url input:focus-visible,.picker-search input:focus-visible{outline:none;border-color:transparent;box-shadow:none}button:disabled{cursor:not-allowed;opacity:.62}button:disabled:hover{transform:none!important}.vfs-hugeicon{display:block;width:18px;height:18px;color:inherit;overflow:visible;stroke:currentColor;transform:none}.icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;min-width:18px;flex:0 0 auto;border:0;background:none;color:inherit;line-height:0;vertical-align:middle}.icon svg,.icon .vfs-hugeicon,.vfs-hugeicon svg{display:block;width:100%;height:100%;flex:0 0 auto}.icon [stroke],.vfs-hugeicon [stroke]{stroke:currentColor}.icon [fill]:not([fill=none]){fill:currentColor}.product-root{width:100%;height:100%}.desktop-guard{display:none}.global-controls{position:fixed;top:18px;right:18px;z-index:20;display:flex;gap:8px}.segmented{display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid var(--line);border-radius:var(--radius-sm);background:color-mix(in oklch,var(--surface),transparent 5%);box-shadow:0 1px color-mix(in oklch,var(--surface),var(--line) 30%) inset}.segmented button,.primary-btn,.secondary-btn,.icon-btn,.ghost-icon,.control-icon,.user-pill,.picker-trigger,.picker-item,.picker-create,.rail-btn,.tab,.dock-tool,.feedback-item{border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface);color:var(--ink);cursor:pointer;transition:transform var(--fast) var(--ease),background var(--fast) var(--ease),border-color var(--fast) var(--ease),box-shadow var(--fast) var(--ease),color var(--fast) var(--ease),opacity var(--fast) var(--ease)}.segmented button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:34px;height:30px;padding:0 9px;border-color:transparent;background:transparent;font-size:12px;font-weight:650;color:var(--muted)}.segmented button.is-active{background:var(--ink);color:var(--surface);box-shadow:var(--shadow-tight)}.segmented button .icon,.primary-btn .icon,.secondary-btn .icon,.workspace-context .icon,.tab .icon,.dock-tool .icon,.rail-btn .icon,.icon-btn .icon,.control-icon .icon,.ghost-icon .icon{width:18px;height:18px;align-self:center;justify-self:center}.segmented.compact button{width:30px;padding:0}.segmented.lang-compact button{width:auto;min-width:31px;padding:0 8px}.flow-shell{min-width:1280px;height:100%;display:grid;grid-template-columns:minmax(500px,1fr) 520px;align-items:center;gap:56px;padding:72px clamp(64px,8vw,150px)}.vfs-login-page{position:relative;min-width:1280px;height:100%;display:grid;grid-template-columns:minmax(0,1fr) 520px;overflow:hidden;color:var(--ink);background:var(--surface)}.vfs-login-visual{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;padding:72px 56px 60px;min-width:0}#glCanvas{position:fixed;top:0;left:0;width:100vw;height:100vh;display:block;z-index:0;pointer-events:none}#noiseOverlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1;pointer-events:none;background-size:128px 128px;background-repeat:repeat;mix-blend-mode:overlay;opacity:.096}.vfs-login-left-vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:linear-gradient(to top,#000000ad,#00000038,#0000000a);opacity:1;pointer-events:none}.vfs-login-brand,.vfs-login-copy{position:relative;z-index:3}.vfs-login-brand{display:inline-flex;align-items:center;gap:10px;align-self:start;width:fit-content;min-height:58px;padding:0 12px 0 8px;border:1px solid color-mix(in oklch,var(--line),transparent 5%);border-radius:var(--radius-sm);background:color-mix(in oklch,var(--surface),transparent 6%);box-shadow:var(--shadow-tight)}.vfs-login-brand-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#000;color:#fff}.vfs-login-brand-icon .icon,.vfs-login-brand-icon .vfs-hugeicon{width:22px;height:22px}.vfs-login-brand strong{font-size:13px;font-weight:600;color:var(--ink)}.vfs-login-brand i{width:1px;height:14px;background:var(--line)}.vfs-login-brand span{font-size:12px;color:var(--muted)}.vfs-login-copy{max-width:650px;margin-top:28px;text-shadow:0 1px 2px rgba(0,0,0,.35),0 2px 30px rgba(0,0,0,.45)}.vfs-login-eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:24px;color:#fdfbf9eb;font-size:11px;font-weight:640;letter-spacing:.08em;text-transform:uppercase}.vfs-login-eyebrow span{width:20px;height:1px;background:#fdfbf9db}.vfs-login-copy h1{margin:0;font-size:58px;line-height:.95;font-weight:780;letter-spacing:-.03em;color:#fdfbf9}.vfs-login-copy h1 em{font-style:normal;color:#fdfbf9b8}.vfs-login-copy p{max-width:420px;margin:20px 0 30px;font-size:14px;line-height:1.74;color:#fdfbf9db}.vfs-login-tags{display:flex;flex-wrap:wrap;gap:10px}.vfs-login-tags span{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 13px;border:1px solid oklch(99% .004 82 / .24);border-radius:var(--radius-xs);background:#00000052;color:#fdfbf9e6;font-size:12px;font-weight:520;box-shadow:none}.vfs-login-tags i{width:5px;height:5px;border-radius:999px;background:#fdfbf9c7;flex:none}.vfs-login-access{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;margin:28px;padding:56px 48px;border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:0 30px 80px #00000057}.vfs-login-access-tools{position:absolute;top:16px;right:16px;display:flex;gap:6px;z-index:3}.vfs-login-tool-btn{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 9px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--muted);font-size:13px;font-weight:600;cursor:pointer;transition:color .15s,border-color .15s,background .15s}.vfs-login-tool-btn:hover{color:var(--ink);border-color:var(--ink);background:var(--surface-muted, rgba(127, 127, 127, .08))}.vfs-login-tool-btn .icon{width:16px;height:16px}.vfs-login-form{width:100%;max-width:340px;display:grid;gap:18px}.vfs-auth-form{max-width:354px;gap:18px}.vfs-login-form-head{display:grid;gap:5px}.vfs-login-form-eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--faint);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.vfs-login-form-eyebrow .icon{width:14px;height:14px}.vfs-login-form h2{margin:0;font-size:22px;line-height:1.12;font-weight:700;letter-spacing:-.025em}.vfs-login-form p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}.vfs-auth-form .vfs-login-form-head{padding-bottom:2px}.vfs-auth-form .vfs-login-form-eyebrow{color:color-mix(in oklch,var(--coral),var(--muted) 24%)}.vfs-login-fields,.vfs-login-status{display:grid;gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--line)}.vfs-login-fields div,.vfs-login-status div{min-width:0;display:grid;align-items:center;gap:8px;min-height:44px;padding:0 12px;background:var(--surface)}.vfs-login-fields div{grid-template-columns:108px minmax(0,1fr)}.vfs-login-status div{grid-template-columns:72px minmax(0,1fr)}.vfs-login-fields span,.vfs-login-status span{color:var(--muted);font-size:12px;font-weight:640}.vfs-login-fields strong,.vfs-login-status strong{min-width:0;overflow:hidden;color:var(--ink);font-size:13px;font-weight:760;text-overflow:ellipsis;white-space:nowrap}.vfs-login-status strong{display:inline-flex;align-items:center;gap:6px}.vfs-login-status strong i{width:6px;height:6px;border-radius:50%;background:var(--green);flex:none}.vfs-login-cta{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 16px;border:1px solid color-mix(in oklch,var(--coral),var(--ink) 14%);border-radius:var(--radius-xs);background:var(--coral);color:#fefbf9;font-size:13px;font-weight:680;box-shadow:0 10px 24px color-mix(in oklch,var(--coral),transparent 72%)}.vfs-login-cta:hover{transform:translateY(-1px);box-shadow:0 14px 28px color-mix(in oklch,var(--coral),transparent 66%)}.vfs-login-cta .icon{width:14px;height:14px}.vfs-login-divider{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;color:var(--muted);font-size:12px}.vfs-login-divider:before,.vfs-login-divider:after{content:"";height:1px;background:var(--line)}.vfs-login-alt-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.vfs-login-alt-actions button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface-2);color:var(--muted);font-size:12px;font-weight:600}.vfs-login-alt-actions button .icon{width:14px;height:14px}.vfs-login-terms{padding-top:2px;color:var(--faint);font-size:12px;line-height:1.55}.vfs-oauth-btn{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 16px;border:1px solid var(--line-strong);border-radius:var(--radius-xs);background:var(--surface);color:var(--ink);font-size:13px;font-weight:600;cursor:pointer;transition:background .14s ease,border-color .14s ease}.vfs-oauth-btn:hover:not(:disabled){background:var(--surface-2)}.vfs-oauth-btn:disabled{opacity:.6;cursor:default}.vfs-google-g{display:inline-flex}.vfs-login-divider{display:flex;align-items:center;gap:10px;color:var(--faint);font-size:11px}.vfs-login-divider:before,.vfs-login-divider:after{content:"";flex:1;height:1px;background:var(--line)}.vfs-auth-fields{display:grid;gap:12px}.vfs-session-resume{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:8px 9px;border:1px solid color-mix(in oklch,var(--line),transparent 8%);border-radius:var(--radius-xs);background:color-mix(in oklch,var(--surface-2),transparent 34%)}.vfs-session-resume-copy{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;column-gap:7px;row-gap:1px}.vfs-session-resume strong{color:var(--muted);font-size:11px;font-weight:680}.vfs-session-resume span,.vfs-session-resume small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vfs-session-resume span{color:var(--ink);font-size:13px;font-weight:720}.vfs-session-resume small{grid-column:2;color:var(--muted);font-size:11px}.vfs-session-resume .secondary-btn{min-height:30px;padding:0 9px;gap:6px;white-space:nowrap}.vfs-session-resume .secondary-btn .icon{width:13px;height:13px}.vfs-session-resume>.vfs-link-btn{white-space:nowrap;font-size:12px}.vfs-field{display:grid;gap:5px}.vfs-field-label{font-size:12px;font-weight:600;color:var(--ink-2)}.vfs-input{width:100%;box-sizing:border-box;min-height:40px;padding:0 11px;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface);color:var(--ink);font-size:13px;outline:none;transition:border-color .14s ease,box-shadow .14s ease}.vfs-input::placeholder{color:var(--faint)}.vfs-input:focus{border-color:var(--coral);box-shadow:0 0 0 3px var(--coral-soft)}.vfs-input-wrap{position:relative;display:flex;align-items:center}.vfs-input-wrap .vfs-input{padding-right:56px}.vfs-input-toggle{position:absolute;right:8px;background:transparent;border:0;color:var(--muted);font-size:12px;font-weight:600;cursor:pointer;padding:4px 6px}.vfs-input-toggle:hover{color:var(--ink)}.vfs-auth-error{margin:0;color:var(--coral);font-size:12.5px;line-height:1.5}.vfs-auth-switch{margin:0;color:var(--muted);font-size:13px;text-align:center}.vfs-link-btn{background:transparent;border:0;padding:0;color:var(--coral);font:inherit;font-weight:600;cursor:pointer}.vfs-link-btn:hover{text-decoration:underline}.vfs-link-btn:disabled{opacity:.6;cursor:default}.vfs-login-topnav{position:fixed;inset:0 0 auto 0;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;z-index:40;pointer-events:none}.vfs-login-topnav-left,.vfs-login-topnav-right{display:flex;align-items:center;gap:8px;pointer-events:auto}.vfs-login-brand-name{font-size:13px;font-weight:600;color:#fdfbf9}.vfs-login-brand-sub{font-size:12px;color:#fdfbf9d1}.vfs-login-brand-sep{width:1px;height:14px;background:#fdfbf980}.vfs-login-seg-group{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--line);border-radius:var(--radius-sm);background:color-mix(in oklch,var(--surface),transparent 5%);box-shadow:0 1px color-mix(in oklch,var(--surface),var(--line) 30%) inset}.vfs-login-seg-btn{display:inline-flex;align-items:center;gap:6px;min-width:34px;height:30px;padding:0 9px;border:0;border-radius:var(--radius-xs);background:transparent;color:var(--muted);font-size:12px;font-weight:650;cursor:pointer}.vfs-login-seg-btn.active{background:var(--ink);color:var(--surface);box-shadow:var(--shadow-tight)}.vfs-login-seg-btn .icon{width:18px;height:18px}.flow-brand{display:grid;align-content:center;gap:42px;min-width:0}.brand-line,.brand-mini,.workspace-actions,.workspace-context,.preview-control,.context-summary,.flow-actions,.state-actions,.bubble-head,.bubble-foot,.type-row,.tool-dock,.presence-list>div,.activity-row{display:flex;align-items:center;min-width:0}.brand-line{gap:13px}.brand-line strong,.brand-mini strong{display:block;font-size:14px;font-weight:760}.brand-line span,.brand-mini span{display:block;color:var(--muted);font-size:12px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#000;color:#fff;box-shadow:var(--shadow-tight)}.brand-mark .vfs-hugeicon{width:21px;height:21px}.brand-mark.compact{width:32px;height:32px}.brand-mark.compact .vfs-hugeicon{width:18px;height:18px}.flow-copy{max-width:710px}.eyebrow{display:inline-flex;align-items:center;min-height:24px;color:var(--coral);font-family:var(--font-mono);font-size:12px;font-weight:650}.flow-copy h1{margin:12px 0 16px;max-width:760px;font-size:clamp(42px,5vw,76px);line-height:.95;font-weight:780}.flow-copy p{max-width:660px;margin:0;color:var(--ink-2);font-size:16px;line-height:1.7}.flow-proof{display:flex;flex-wrap:wrap;gap:10px}.flow-proof>span{display:inline-grid;grid-template-columns:20px minmax(0,auto);align-items:center;gap:8px;min-height:34px;padding:0 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:color-mix(in oklch,var(--surface),transparent 12%);color:var(--ink-2)}.proof-chip .icon,.context-chip .icon{width:20px;height:20px;min-width:20px;color:currentColor}.proof-chip .vfs-hugeicon,.context-chip .vfs-hugeicon{width:18px;height:18px}.proof-chip b,.context-chip b{min-width:0;overflow:hidden;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.flow-card{width:100%;padding:18px;border:1px solid var(--line);border-radius:var(--radius-lg);background:color-mix(in oklch,var(--surface),transparent 2%);box-shadow:var(--shadow-pop)}.selector-card,.create-form,.review-create,.loading-card{display:grid;gap:18px}.vfs-auth-form .selector-card,.vfs-auth-form .create-form,.vfs-auth-form .review-create,.vfs-auth-form .loading-card{gap:14px}.state-icon,.panel-title h2{margin:0;font-size:24px;line-height:1.1;font-weight:760}.panel-title p{margin:0;color:var(--ink-2);font-size:14px;line-height:1.65}.primary-btn,.secondary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 14px;font-weight:720;white-space:nowrap}.primary-btn{border-color:color-mix(in oklch,var(--coral),var(--ink) 10%);background:var(--coral);color:#fefbf9;box-shadow:0 10px 24px color-mix(in oklch,var(--coral),transparent 72%)}.primary-btn:hover{transform:translateY(-1px);box-shadow:0 14px 28px color-mix(in oklch,var(--coral),transparent 66%)}.primary-btn:active,.secondary-btn:active,.dock-tool:active,.icon-btn:active,.control-icon:active,.ghost-icon:active{transform:translateY(0) scale(.985)}.primary-btn.wide{width:100%}.primary-btn.compact,.secondary-btn.small,.primary-btn.small{min-height:34px;padding:0 11px;font-size:12px}.secondary-btn{background:var(--surface-2);color:var(--ink)}.secondary-btn:hover,.picker-item:hover,.picker-create:hover,.rail-btn:hover,.tab:hover,.dock-tool:hover,.feedback-item:hover{border-color:var(--line-strong);background:var(--surface)}.dock-tool:hover{transform:translateY(-1px)}.secondary-btn.danger{color:var(--danger);background:var(--danger-soft)}.picker{position:relative;min-width:0}.picker-trigger{width:100%;height:56px;display:grid;grid-template-columns:32px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:0 12px;text-align:left}.vfs-auth-form .picker-trigger{height:52px;border-radius:var(--radius-xs);background:var(--surface-2)}.picker-trigger:hover,.picker.is-open .picker-trigger{border-color:var(--line-strong);background:var(--surface-2)}.avatar{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:var(--radius-xs);color:#fdfbf9;font-weight:760;font-size:12px;box-shadow:inset 0 0 0 1px #ffffff38}.avatar.coral,.reviewer-chip.coral{background:color-mix(in oklch,var(--coral),var(--ink) 10%)}.avatar.blue,.reviewer-chip.blue{background:color-mix(in oklch,var(--blue),var(--ink) 10%)}.avatar.green,.reviewer-chip.green{background:color-mix(in oklch,var(--green),var(--ink) 10%)}.avatar.violet,.reviewer-chip.violet{background:color-mix(in oklch,var(--violet),var(--ink) 10%)}.avatar.tiny{width:26px;height:26px;font-size:11px}.picker-text{display:grid;gap:2px;min-width:0}.picker-text small,.item-copy small,.field-label,.muted{color:var(--muted)}.picker-text strong,.item-copy strong{overflow:hidden;font-weight:720;text-overflow:ellipsis;white-space:nowrap}.picker-panel{position:absolute;top:calc(100% + 8px);left:0;z-index:30;width:min(340px,100%);overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-pop);opacity:0;pointer-events:none;transform:translateY(-5px) scale(.992);transform-origin:top left;transition:opacity var(--fast) var(--ease),transform var(--fast) var(--ease)}.vfs-auth-form .picker-panel{width:100%;border-radius:var(--radius-sm)}.picker.is-open .picker-panel,.top-picker .picker-panel{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.picker-search{position:relative;display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px;border-bottom:1px solid var(--line);background:var(--surface)}.picker-search input{min-width:0;height:34px;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface);color:var(--ink);padding:0 10px}kbd{min-width:30px;height:22px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:5px;background:var(--surface);color:var(--muted);font-family:var(--font-mono);font-size:11px}.picker-list{max-height:242px;overflow:auto;padding:6px}.vfs-auth-form .picker-list{max-height:190px}.picker-item{width:100%;display:grid;grid-template-columns:30px minmax(0,1fr) auto 18px;align-items:center;gap:9px;min-height:52px;margin-bottom:4px;padding:7px;text-align:left}.picker-item.is-focused{border-color:var(--line-strong);background:var(--surface-2)}.picker-item.is-selected{border-color:color-mix(in oklch,var(--coral),var(--line) 48%);background:color-mix(in oklch,var(--surface),var(--coral-soft) 30%);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--coral),transparent 76%)}.picker-item.is-selected .item-meta{color:var(--coral)}.item-copy{display:grid;gap:2px;min-width:0}.item-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-meta{color:var(--muted);font-size:12px;white-space:nowrap}.picker-create{width:calc(100% - 16px);min-height:48px;display:grid;grid-template-columns:26px minmax(0,1fr) 18px;align-items:center;gap:10px;margin:0 8px 8px;padding:8px 10px;text-align:left}.picker-create span:not(.icon){display:grid;gap:1px}.picker-create small{color:var(--muted)}.flow-actions{justify-content:flex-end;gap:10px}.vfs-auth-form .flow-actions{display:grid;grid-template-columns:1fr;gap:8px}.vfs-auth-form .flow-actions .primary-btn,.vfs-auth-form .flow-actions .secondary-btn{width:100%}.create-form label,.review-create label{display:grid;gap:7px;color:var(--muted);font-size:12px;font-weight:650}.create-form input,.create-form textarea,.review-create input,.review-create textarea,.workspace-url input,.annotation-bubble textarea{width:100%;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--ink)}.create-form input,.review-create input{height:44px;padding:0 12px}.vfs-auth-form .create-form input,.vfs-auth-form .review-create input{height:42px;border-radius:var(--radius-xs)}.create-form textarea{min-height:110px;resize:vertical;padding:11px 12px}.vfs-auth-form .create-form textarea{min-height:86px;max-height:118px;border-radius:var(--radius-xs)}.context-summary,.invite-row{display:flex;flex-wrap:wrap;gap:8px}.vfs-auth-form .context-summary,.vfs-auth-form .invite-row{gap:6px}.context-summary>span,.reviewer-chip,.sync-pill,.round-pill,.preview-pill,.state-label,.status,.visual-banner{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 9px;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface-2);color:var(--ink-2);font-size:12px;font-weight:650}.context-summary .context-chip{display:inline-grid;grid-template-columns:20px minmax(0,auto);align-items:center;gap:7px;max-width:min(100%,260px)}.reviewer-chip.coral,.reviewer-chip.blue,.reviewer-chip.green,.reviewer-chip.violet{background:var(--surface-2);color:var(--ink-2);box-shadow:none}.reviewer-chip b{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:5px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}.reviewer-chip.coral b{color:var(--coral);background:var(--coral-soft)}.reviewer-chip.blue b{color:var(--blue);background:var(--blue-soft)}.reviewer-chip.green b{color:var(--green);background:var(--green-soft)}.reviewer-chip.violet b{color:var(--violet);background:var(--violet-soft)}.field-block{display:grid;gap:8px}.vfs-auth-form .field-block{gap:7px}.env-segment{justify-self:start}.loading-card{place-items:center;min-height:300px;text-align:center}.vfs-auth-form .loading-card{min-height:240px;padding:4px 0 0}.spinner{width:42px;height:42px;border-radius:50%;border:2px solid var(--line);border-top-color:var(--coral);animation:spin .9s linear infinite}.check-list{width:100%;display:grid;gap:10px}.vfs-auth-form .check-list{gap:8px}.check-list span{display:flex;align-items:center;gap:8px;padding:12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);text-align:left}.workspace-shell{display:grid;grid-template-columns:68px minmax(0,1fr);grid-template-rows:56px minmax(0,1fr);width:100%;height:100%;min-width:1280px;overflow:hidden}.workspace-topbar{position:relative;grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) max-content;align-items:center;gap:16px;min-width:0;padding:0 12px 0 10px;border-bottom:1px solid var(--line);background:color-mix(in oklch,var(--surface),transparent 3%);z-index:50}.brand-mini{gap:10px}.workspace-context{gap:8px;overflow:hidden}.workspace-context button,.review-context,.user-pill,.icon-btn,.control-icon,.ghost-icon{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:34px;padding:0 10px;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface-2);color:var(--ink-2);cursor:pointer}.workspace-context span{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-actions{justify-content:flex-end;gap:8px}button.sync-pill{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.round-pill,.preview-pill,.sync-pill{max-width:210px;white-space:nowrap}.round-pill span,.preview-pill span,.sync-pill span{min-width:0;overflow:hidden;text-overflow:ellipsis}.icon-btn{position:relative;width:34px;padding:0}.icon-btn b{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;display:grid;place-items:center;border-radius:999px;background:var(--coral);color:#fefbf9;font-size:10px}.user-pill span{display:grid;place-items:center;width:20px;height:20px;border-radius:5px;background:var(--coral);color:#fefbf9;font-size:11px}.user-pill.is-active{border-color:color-mix(in oklch,var(--coral),var(--line) 34%);background:var(--coral-soft);color:var(--coral)}.owner-popover{position:fixed;top:62px;right:12px;z-index:32;width:286px;display:none;padding:10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow-pop)}.owner-popover.is-open{display:grid;gap:10px;animation:bubbleIn .15s var(--ease) both}.owner-account-popover{width:304px;padding:8px;border-color:color-mix(in oklch,var(--line),transparent 12%);background:color-mix(in oklch,var(--surface),var(--bg) 8%)}.owner-account-popover.is-open{gap:7px}.owner-account-popover .owner-head{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px;padding:6px 6px 9px;border-bottom:1px solid var(--line)}.owner-avatar{width:30px;height:30px;font-size:12px}.owner-head-copy{display:grid;gap:1px;min-width:0}.owner-head-copy strong{min-width:0;overflow:hidden;color:var(--ink);font-size:14px;font-weight:780;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.owner-head-copy small,.owner-menu-list b{color:var(--muted);font-size:12px;font-weight:680}.owner-role-pill{display:inline-flex;align-items:center;justify-content:center;min-height:22px;padding:0 8px;border:1px solid color-mix(in oklch,currentColor,transparent 72%);border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:11px;font-weight:760;white-space:nowrap}.owner-role-pill.role-owner{background:var(--coral-soft);color:var(--coral)}.owner-role-pill.role-admin{background:var(--violet-soft);color:var(--violet)}.owner-role-pill.role-developer{background:var(--blue-soft);color:var(--blue)}.owner-role-pill.role-reviewer{background:var(--green-soft);color:var(--green)}.owner-menu-controls{display:grid;gap:6px}.owner-member-switch{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:8px;min-height:38px;padding:5px 7px 5px 9px;border:1px solid color-mix(in oklch,var(--line),transparent 22%);border-radius:var(--radius-xs);background:color-mix(in oklch,var(--surface-2),transparent 34%);font-size:12px}.owner-field-label{color:var(--muted);font-weight:720;white-space:nowrap}.owner-identity-chip{display:block;width:100%;height:28px;min-width:0;padding:6px 8px;border:0;border-radius:5px;background:transparent;color:var(--ink);font-size:12px;font-weight:760;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.owner-prefs{display:grid;grid-template-columns:1fr 1fr;gap:6px}.owner-pref{min-width:0;min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:7px;padding:4px 5px 4px 9px;border:1px solid transparent;border-radius:var(--radius-xs);color:var(--muted)}.owner-pref:hover{border-color:color-mix(in oklch,var(--line),transparent 28%);background:color-mix(in oklch,var(--surface-2),transparent 50%)}.owner-pref>span{min-width:0;overflow:hidden;font-size:12px;font-weight:720;text-overflow:ellipsis;white-space:nowrap}.owner-segmented{flex:none;gap:2px;padding:2px;border-radius:var(--radius-xs);background:var(--surface-2);box-shadow:none}.owner-segmented button{min-width:25px;width:25px;height:24px;padding:0;border-radius:5px;font-size:11px;font-weight:760}.owner-lang-segmented button{min-width:28px;width:auto;padding:0 6px}.owner-segmented button.is-active{background:var(--ink);color:var(--surface);box-shadow:none}.owner-segmented button .vfs-hugeicon{width:14px;height:14px}.owner-menu-list{display:grid;gap:2px;padding-top:2px}.owner-menu-list button{min-width:0;min-height:38px;display:grid;grid-template-columns:27px minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 7px;border:1px solid transparent;border-radius:var(--radius-xs);background:transparent;color:var(--ink-2);cursor:pointer;text-align:left}.owner-menu-list button>.icon{display:grid;place-items:center;width:27px;height:27px;border-radius:var(--radius-xs);background:var(--surface-2);color:var(--muted)}.owner-menu-list button>.icon .vfs-hugeicon{width:16px;height:16px}.owner-menu-list button>span:not(.icon){min-width:0;overflow:hidden;font-size:13px;font-weight:720;text-overflow:ellipsis;white-space:nowrap}.owner-menu-list b{min-width:20px;height:20px;display:inline-grid;place-items:center;padding:0 6px;border-radius:999px;background:var(--surface-2);font-size:11px}.owner-menu-list button:hover{border-color:transparent;background:var(--surface-2);color:var(--ink)}.owner-menu-list button:hover>.icon{background:var(--coral-soft);color:var(--coral)}.top-picker{position:absolute;top:62px;left:12px;width:360px}.top-picker .picker-trigger{display:none}.left-rail{grid-row:2;display:flex;flex-direction:column;gap:8px;padding:12px 8px;border-right:1px solid var(--line);background:color-mix(in oklch,var(--surface),transparent 8%)}.rail-btn{display:grid;place-items:center;gap:4px;width:52px;height:52px;padding:5px 0;color:var(--muted);font-size:10.5px}.rail-btn.is-active{border-color:color-mix(in oklch,var(--coral),var(--line) 35%);background:var(--coral-soft);color:var(--coral)}.rail-bottom{margin-top:auto}.workspace-main{grid-row:2;min-width:0;min-height:0;display:grid;grid-template-rows:42px minmax(0,1fr)}.tab-strip{display:flex;align-items:end;gap:0;min-width:0;padding:6px 12px 0;border-bottom:1px solid var(--line);background:color-mix(in oklch,var(--bg-alt),var(--surface) 26%);overflow:hidden}.tab-strip.single-url-tab{padding-right:12px}.tab-strip.work-tabs{gap:4px;align-items:end}.tab{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;column-gap:8px;width:clamp(132px,16vw,220px);max-width:clamp(132px,16vw,220px);height:36px;padding:0 10px;border-color:color-mix(in oklch,var(--ink),transparent 62%);border-bottom-color:transparent;border-radius:8px 8px 0 0;background:var(--surface);color:var(--ink)}.single-url-tab .tab{flex:0 1 auto}.tab span:not(.icon){min-width:0;justify-self:stretch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:760}.tab.is-active{border-color:color-mix(in oklch,var(--ink),transparent 60%);border-bottom-color:var(--surface);background:var(--surface);color:var(--ink);box-shadow:0 -1px color-mix(in oklch,var(--surface),transparent 84%) inset}body[data-theme=dark] .tab{background:color-mix(in oklch,var(--surface),var(--ink) 14%);color:var(--ink)}body[data-theme=dark] .tab.is-active{background:color-mix(in oklch,var(--surface),var(--ink) 18%);color:var(--ink)}.tab b,.tab i{justify-self:end;min-width:18px;height:18px;display:grid;place-items:center;border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:10.5px;font-style:normal;font-weight:780}.tab.is-active b{background:var(--coral-soft);color:var(--coral)}.tab .icon:last-child{width:16px;height:16px;min-width:16px;justify-self:end;color:var(--muted)}.tab-add{display:inline-grid;place-items:center;width:42px;height:36px;margin-left:0;border:0;border-radius:0 12px 0 0;background:transparent;color:var(--ink);cursor:pointer}.tab-add:hover{background:color-mix(in oklch,var(--surface-2),transparent 8%)}.tab-add.is-open{background:color-mix(in oklch,var(--surface-2),transparent 0%);color:var(--coral)}.tab-add .icon{width:18px;height:18px}.tab-menu{position:absolute;top:46px;left:12px;z-index:22;width:min(360px,calc(100% - 24px));padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow-pop)}.tab-menu-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.tab-menu-head strong{display:block;font-size:14px;font-weight:780;color:var(--ink)}.tab-menu-head span{display:block;margin-top:2px;color:var(--muted);font-size:12px}.tab-menu label{display:grid;gap:6px;margin-bottom:10px;color:var(--muted);font-size:12px;font-weight:650}.tab-menu input{width:100%;min-width:0;height:38px;padding:0 11px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink)}.tab-menu input:focus{border-color:var(--coral);box-shadow:0 0 0 3px color-mix(in oklch,var(--coral),transparent 82%)}.tab-menu label.is-invalid{color:var(--danger)}.tab-menu label.is-invalid input{border-color:var(--danger)}.tab-menu-error{margin:-2px 0 10px;color:var(--danger);font-size:12px;line-height:1.45}.tab-menu-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}.review-workspace{position:relative;min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);background:var(--bg)}.workspace-shell.is-fullscreen-review{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.workspace-shell.is-fullscreen-review .workspace-topbar,.workspace-shell.is-fullscreen-review .left-rail,.workspace-shell.is-fullscreen-review .tab-strip{display:none}.workspace-shell.is-fullscreen-review .workspace-main{grid-row:1;min-height:0;grid-template-rows:minmax(0,1fr)}.review-workspace.is-fullscreen-review{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;grid-template-rows:auto minmax(0,1fr);background:#020201}.review-workspace.is-fullscreen-review .preview-control{min-height:52px;background:color-mix(in oklch,var(--surface),var(--ink) 4%);box-shadow:0 1px 0 var(--line)}.preview-control{--preview-control-height: 36px;display:grid;grid-template-columns:minmax(300px,1fr) auto auto;align-items:center;gap:10px;min-width:0;min-height:52px;padding:8px 14px;border-bottom:1px solid var(--line);background:color-mix(in oklch,var(--surface),var(--bg) 8%)}.preview-control-url-group,.preview-primary-actions,.preview-utility-actions{min-width:0;display:inline-flex;align-items:center;gap:8px;height:var(--preview-control-height)}.preview-control-url-group{display:grid;grid-template-columns:var(--preview-control-height) minmax(0,1fr);flex:1}.preview-primary-actions{justify-content:flex-end}.preview-primary-actions .secondary-btn,.preview-primary-actions .primary-btn{min-height:var(--preview-control-height)}.preview-utility-actions{position:relative;justify-content:flex-end;gap:8px;padding-left:16px}.preview-utility-actions:before{content:"";position:absolute;left:4px;top:50%;width:1px;height:var(--preview-control-height);background:color-mix(in oklch,var(--line),transparent 8%);transform:translateY(-50%)}.preview-control .primary-btn.compact,.preview-control .secondary-btn.compact,.preview-control .review-more-toggle,.preview-control .companion-state-pill,.preview-control .control-icon{height:var(--preview-control-height);min-height:var(--preview-control-height);border-radius:var(--radius-sm);font-size:12px;line-height:1}.preview-control .primary-btn.compact,.preview-control .secondary-btn.compact,.preview-control .review-more-toggle{padding:0 13px}.preview-control .control-icon{width:var(--preview-control-height);min-width:var(--preview-control-height);padding:0;background:var(--surface)}.preview-control .secondary-btn.compact,.preview-control .review-more-toggle{background:color-mix(in oklch,var(--surface),var(--bg) 4%)}.preview-control .primary-btn.compact{box-shadow:0 8px 14px color-mix(in oklch,var(--coral),transparent 84%)}.mirror-status-group,.mode-segment{flex:0 1 auto}.mirror-status-group{min-width:0;display:inline-flex;align-items:center;gap:6px;padding:3px;border:1px solid var(--line);border-radius:var(--radius-sm);background:color-mix(in oklch,var(--surface),transparent 5%)}.mirror-status{min-width:0;height:32px;display:inline-flex;align-items:center;gap:6px;padding:0 10px;border:1px solid transparent;border-radius:var(--radius-xs);color:var(--muted);font-size:12px;font-weight:760;white-space:nowrap}.mirror-status.is-primary{border-color:color-mix(in oklch,var(--coral),var(--line) 32%);background:var(--coral-soft);color:var(--coral)}.mirror-status.is-ready{color:var(--green)}.mirror-status.is-syncing{color:var(--blue)}.mirror-status.is-degraded{color:var(--danger)}.mode-segment button{min-width:94px}.workspace-url{flex:1;min-width:240px;height:var(--preview-control-height);display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;padding:0 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--muted)}.workspace-url input{height:100%;min-width:0;padding:0;border:0;background:transparent}.review-more-menu{position:relative;flex:none}.review-more-menu summary{list-style:none}.review-more-menu summary::-webkit-details-marker{display:none}.review-more-popover{position:absolute;top:calc(100% + 8px);right:0;z-index:42;width:284px;display:grid;gap:6px;padding:8px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow-pop)}.review-more-item{width:100%;min-height:36px;display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid transparent;border-radius:var(--radius-xs);background:transparent;color:var(--ink-2);font-size:12px;font-weight:760;text-decoration:none;text-align:left}.review-more-item:hover,.review-more-item.is-active{border-color:var(--line);background:var(--surface-2);color:var(--ink)}.review-more-item .icon{flex:none}.review-more-item span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.review-more-divider{height:1px;margin:3px 0;background:var(--line)}.review-more-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.review-more-tools button{min-width:0;min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface-2);color:var(--ink-2);font-size:12px;font-weight:760}.review-more-tools button.is-active{border-color:color-mix(in oklch,var(--coral),var(--line) 30%);background:var(--coral-soft);color:var(--coral)}.companion-status-menu{position:relative;flex:none}.companion-status-menu summary{list-style:none}.companion-status-menu summary::-webkit-details-marker{display:none}.companion-state-pill{min-width:96px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 11px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--muted);font-weight:780}.companion-state-pill.ok{color:var(--green);background:var(--green-soft);border-color:color-mix(in oklch,var(--green),var(--line) 34%)}.companion-state-pill.warn{color:var(--coral);background:var(--coral-soft);border-color:color-mix(in oklch,var(--coral),var(--line) 34%)}.companion-state-pill.busy{color:var(--blue);background:var(--blue-soft);border-color:color-mix(in oklch,var(--blue),var(--line) 34%)}.companion-state-pill.err{color:var(--danger);background:var(--danger-soft);border-color:color-mix(in oklch,var(--danger),var(--line) 34%)}.companion-state-pill .conn-dot{width:8px;height:8px}.companion-status-popover{position:absolute;top:calc(100% + 8px);right:0;z-index:40;width:360px;display:grid;gap:12px;padding:12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow-pop)}.companion-status-popover header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.companion-status-popover header div{min-width:0;display:grid;gap:3px}.companion-status-popover strong{color:var(--ink);font-size:13px;font-weight:780}.companion-status-popover small{color:var(--muted);font-size:12px;line-height:1.45}.companion-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.companion-status-grid span{min-width:0;display:grid;gap:2px;padding:7px 9px;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface-2)}.companion-status-grid small{overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:700}.companion-status-grid b{overflow:hidden;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:780}.companion-status-action{width:100%;justify-content:flex-start;min-width:0;white-space:normal}.companion-status-action .icon{flex:none}.companion-install-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:210px;overflow:auto;overscroll-behavior:contain;padding-right:2px}.companion-install-actions .secondary-btn{justify-content:flex-start;min-width:0;width:100%}.companion-install-actions .secondary-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.companion-install-actions .icon{flex:none}.companion-extension-id{grid-column:1 / -1;min-width:0;display:grid;gap:3px;padding:8px 9px;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface-2)}.companion-extension-id small{color:var(--muted);font-size:10px;font-weight:780;letter-spacing:.02em;text-transform:uppercase}.companion-extension-id b{overflow-wrap:anywhere;color:var(--ink);font-family:var(--mono);font-size:11px;font-weight:720;line-height:1.35}.companion-guide-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:140;display:grid;place-items:center;padding:18px;background:color-mix(in oklch,var(--ink),transparent 62%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.companion-guide-modal{width:min(640px,calc(100vw - 32px));max-height:min(720px,calc(100vh - 32px));display:grid;gap:12px;overflow:auto;padding:18px;border:1px solid color-mix(in oklch,var(--line),var(--ink) 8%);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);box-shadow:0 24px 90px color-mix(in oklch,var(--ink),transparent 76%)}.companion-guide-head{display:grid;grid-template-columns:44px minmax(0,1fr) 34px;align-items:start;gap:12px;padding-bottom:2px}.companion-guide-icon{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2)}.companion-guide-icon.warn{color:var(--blue);background:var(--blue-soft);border-color:color-mix(in oklch,var(--blue),var(--line) 36%)}.companion-guide-icon.err{color:var(--coral);background:var(--coral-soft);border-color:color-mix(in oklch,var(--coral),var(--line) 34%)}.companion-guide-kicker{display:inline-flex;width:fit-content;min-height:20px;align-items:center;margin-bottom:5px;padding:0 7px;border:1px solid color-mix(in oklch,var(--line),transparent 10%);border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:11px;font-weight:780;line-height:1}.companion-guide-head strong{display:block;font-size:20px;font-weight:820;line-height:1.2;letter-spacing:0}.companion-guide-head p{margin:5px 0 0;color:var(--muted);font-size:13px;line-height:1.6}.companion-guide-alert{display:flex;align-items:flex-start;gap:9px;padding:10px 12px;border:1px solid color-mix(in oklch,var(--danger),var(--line) 36%);border-radius:var(--radius-xs);background:var(--danger-soft);color:var(--danger);font-size:13px;line-height:1.45}.companion-guide-alert .icon{flex:none}.companion-guide-detect-result{display:flex;align-items:flex-start;gap:9px;min-height:38px;padding:10px 12px;border:1px solid color-mix(in oklch,var(--line),transparent 10%);border-radius:var(--radius-xs);background:var(--surface-2);color:var(--muted);font-size:13px;line-height:1.45}.companion-guide-detect-result .icon{flex:none}.companion-guide-detect-result.ok{border-color:color-mix(in oklch,var(--green),var(--line) 34%);background:var(--green-soft);color:var(--green)}.companion-guide-detect-result.warn,.companion-guide-detect-result.busy{border-color:color-mix(in oklch,var(--coral),var(--line) 34%);background:var(--coral-soft);color:var(--coral)}.companion-guide-detect-result.err{border-color:color-mix(in oklch,var(--danger),var(--line) 36%);background:var(--danger-soft);color:var(--danger)}.companion-guide-body{min-width:0;display:grid;grid-template-columns:minmax(250px,.9fr) minmax(0,1.35fr);gap:12px;align-items:start}.companion-guide-body.is-simple{grid-template-columns:minmax(0,1fr)}.companion-guide-primary,.companion-guide-flow{min-width:0;display:grid;gap:10px}.companion-package-card{min-width:0;display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:start;padding:14px;border:1px solid color-mix(in oklch,var(--line),transparent 4%);border-radius:var(--radius-sm);background:color-mix(in oklch,var(--surface-2),var(--surface) 34%)}.companion-package-icon,.companion-step-icon{display:grid;place-items:center;flex:none}.companion-package-icon{width:42px;height:42px;border:1px solid color-mix(in oklch,var(--blue),var(--line) 40%);border-radius:var(--radius-sm);background:var(--blue-soft);color:var(--blue)}.companion-package-card strong{display:block;color:var(--ink);font-size:14px;font-weight:820;line-height:1.25}.companion-package-card small{display:block;margin-top:4px;color:var(--muted);font-size:12px;font-weight:640;line-height:1.45}.companion-download-cta{grid-column:1 / -1;width:100%;min-height:44px;margin-top:2px}.companion-guide-steps{display:grid;gap:8px}.companion-guide-steps article{min-width:0;display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:start;padding:12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:color-mix(in oklch,var(--surface-2),transparent 22%);color:var(--muted);font-size:12px;line-height:1.45}.companion-guide-steps b{width:28px;height:28px;display:grid;place-items:center;border:1px solid color-mix(in oklch,var(--ink),transparent 82%);border-radius:var(--radius-xs);background:color-mix(in oklch,var(--ink),transparent 6%);color:var(--surface);font-size:11px;font-weight:820}.companion-step-icon{display:none;width:32px;height:32px;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface);color:var(--ink-2)}.companion-guide-steps strong{display:block;color:var(--ink);font-size:13px;font-weight:820;line-height:1.25}.companion-guide-steps p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.45}.companion-guide-steps code{display:inline-block;max-width:100%;overflow-wrap:anywhere;padding:3px 6px;border:1px solid color-mix(in oklch,var(--line),transparent 20%);border-radius:5px;background:var(--surface);color:var(--ink-2);font-family:var(--mono);font-size:11px;line-height:1.35}.companion-guide-actions,.companion-guide-assets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding-top:2px}.companion-guide-actions .secondary-btn,.companion-guide-actions .primary-btn,.companion-guide-assets .secondary-btn,.companion-guide-assets .primary-btn{width:100%;justify-content:center;min-width:0;min-height:36px;padding:0 10px}.companion-guide-actions .secondary-btn span,.companion-guide-actions .primary-btn span,.companion-guide-assets .secondary-btn span,.companion-guide-assets .primary-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.companion-guide-meta{display:grid;gap:0;margin:0;padding:6px 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:color-mix(in oklch,var(--surface),var(--bg) 12%)}.companion-guide-meta div{min-width:0;display:grid;grid-template-columns:86px minmax(0,1fr);gap:10px;padding:6px 0;border-bottom:1px solid color-mix(in oklch,var(--line),transparent 34%)}.companion-guide-meta div:last-child{border-bottom:0}.companion-guide-meta dt{color:var(--muted);font-size:11px;font-weight:780;text-transform:uppercase}.companion-guide-meta dd{margin:0;color:var(--ink);overflow-wrap:anywhere;font-family:var(--mono);font-size:11px;line-height:1.35}@media (max-width: 820px){.companion-guide-backdrop{align-items:stretch;padding:12px}.companion-guide-modal{width:calc(100vw - 24px);max-height:calc(100vh - 24px);padding:16px}.companion-guide-head{grid-template-columns:40px minmax(0,1fr) 34px}.companion-guide-icon{width:40px;height:40px}.companion-guide-head strong{font-size:18px}.companion-guide-body,.companion-guide-actions,.companion-guide-assets{grid-template-columns:minmax(0,1fr)}}.control-icon,.ghost-icon{width:34px;padding:0}.canvas-wrap{position:relative;min-width:0;min-height:0;overflow:hidden}.review-body{min-width:0;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 0;transition:grid-template-columns var(--fast) var(--ease)}.review-body.has-inspector-open{grid-template-columns:minmax(0,1fr) minmax(300px,340px)}.review-workspace.is-fullscreen-review .review-body{grid-template-columns:minmax(0,1fr)}.browser-canvas{position:relative;width:100%;height:100%;overflow:auto;padding:18px 18px 88px;background:radial-gradient(circle at 16px 16px,color-mix(in oklch,var(--line),transparent 50%) 1px,transparent 1.5px),var(--bg);background-size:20px 20px,auto}.example-canvas{overflow:hidden;padding:18px}.react-preview-page{position:absolute;top:18px;right:18px;bottom:18px;left:18px;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,42%);align-items:center;gap:clamp(24px,5vw,72px);padding:clamp(42px,6vw,86px);border:1px solid var(--line);border-radius:14px;background:linear-gradient(135deg,color-mix(in oklch,var(--surface),var(--green-soft) 28%),var(--surface)),radial-gradient(circle at 14px 14px,color-mix(in oklch,var(--line),transparent 42%) 1px,transparent 1.5px);background-size:auto,22px 22px;box-shadow:var(--shadow-soft)}.react-preview-copy{display:grid;align-content:center;gap:18px;max-width:640px}.react-preview-copy>span{color:var(--green);font-weight:840}.react-preview-copy h1{margin:0;font-size:clamp(42px,5vw,76px);line-height:.95}.react-preview-copy p{max-width:56ch;margin:0;color:var(--ink-2);font-size:16px}.react-preview-copy button{justify-self:start;min-height:42px;padding:0 16px;border:0;border-radius:var(--radius-xs);background:var(--ink);color:var(--surface);font-weight:780}.react-preview-card{min-height:320px;display:grid;align-content:end;gap:12px;padding:24px;border:1px solid var(--line);border-radius:16px;background:color-mix(in oklch,var(--ink),transparent 88%);box-shadow:var(--shadow-pop)}.react-preview-card strong{font-size:36px}.react-preview-card span{width:fit-content;padding:6px 9px;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface);color:var(--muted);font-family:var(--font-mono);font-size:12px}.react-target-hit{position:absolute;z-index:10;min-width:118px;min-height:32px;padding:0 9px;border:1px solid color-mix(in oklch,var(--coral),var(--line) 34%);border-radius:var(--radius-xs);background:color-mix(in oklch,var(--surface),transparent 8%);color:var(--coral);box-shadow:var(--shadow-tight);font-size:11px;font-weight:780;transform:translate(-12px,-12px)}.react-target-hit:hover{background:var(--coral-soft)}.example-canvas.is-immersive{padding:0 0 82px;background:#020201;background-image:none}.example-frame{display:block;width:100%;height:100%;border:0;border-radius:0;background:#010502;box-shadow:none}.example-canvas.is-immersive .example-frame{border:0;border-radius:0;box-shadow:none}.example-canvas.is-immersive .frame-loading{top:0;right:0;bottom:86px;left:0;border-radius:0}.fallback-canvas{display:grid;place-items:center;padding:28px;overflow:auto}.fallback-panel,.visual-sheet{width:min(860px,100%);display:grid;gap:14px;padding:22px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-tight)}.fallback-kicker{display:inline-flex;align-items:center;gap:7px;color:var(--coral);font-size:12px;font-weight:800}.fallback-panel h2,.visual-sheet h2{margin:0;color:var(--ink);font-size:24px;line-height:1.12}.fallback-panel p,.visual-sheet p{max-width:70ch;margin:0;color:var(--ink-2);line-height:1.65}.product-blocked-note{padding:10px 12px;border:1px solid color-mix(in oklch,var(--blue),var(--line) 54%);border-radius:var(--radius-xs);background:var(--blue-soft);color:var(--blue);font-size:12px;font-weight:760}.blocked-reasons{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.blocked-reasons span,.visual-readout{min-width:0;display:grid;gap:4px;padding:10px;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface-2)}.blocked-reasons strong,.visual-readout span{color:var(--muted);font-size:11px;font-weight:760}.blocked-reasons em,.visual-readout strong,.visual-readout code{min-width:0;overflow:hidden;color:var(--ink);font-family:var(--font-mono);font-size:12px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.visual-readout-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.fallback-actions{display:flex;flex-wrap:wrap;gap:8px}.visual-frame{position:relative;height:clamp(260px,38vh,430px);border:1px solid var(--line);border-radius:var(--radius-sm);background:linear-gradient(180deg,color-mix(in oklch,var(--surface-2),var(--blue-soft) 18%),var(--surface)),radial-gradient(circle at 14px 14px,color-mix(in oklch,var(--line),transparent 42%) 1px,transparent 1.5px);background-size:auto,18px 18px;overflow:hidden}.snapshot-frame{background-position:top center;background-repeat:no-repeat;background-size:cover}.visual-frame:before{content:"";position:absolute;top:22px;right:22px;bottom:22px;left:22px;border:1px dashed color-mix(in oklch,var(--line-strong),transparent 18%);border-radius:var(--radius-xs)}.visual-frame:after{content:"visual snapshot";position:absolute;left:34px;top:30px;color:var(--muted);font-family:var(--font-mono);font-size:12px}.visual-pin{position:absolute;z-index:2;width:26px;height:26px;display:grid;place-items:center;border:1px solid color-mix(in oklch,var(--coral),var(--line) 20%);border-radius:999px;background:var(--surface);color:var(--coral);box-shadow:var(--shadow-tight);cursor:pointer;transform:translate(-50%,-50%);font-size:12px;font-weight:820}.visual-pin.is-active{background:var(--coral);color:#fefbf9;box-shadow:var(--shadow-pop)}.visual-only-state.has-snapshot .visual-frame:before,.visual-only-state.has-snapshot .visual-frame:after{content:none}.visual-replay-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:4px 0 10px;color:var(--muted);font-size:12px}.visual-replay-meta code{font-family:var(--font-mono);color:var(--text);overflow:hidden;text-overflow:ellipsis;max-width:100%}.visual-replay-live{display:inline-flex;align-items:center;gap:6px;font-weight:760;color:var(--green)}.visual-replay-live svg{width:15px;height:15px}.visual-pin b{line-height:1}.visual-pin span{display:none}.visual-pin.tone-coral{border-color:color-mix(in oklch,var(--coral),var(--line) 20%);color:var(--coral)}.visual-pin.tone-violet{border-color:color-mix(in oklch,var(--violet),var(--line) 20%);color:var(--violet)}.visual-pin.tone-green{border-color:color-mix(in oklch,var(--green),var(--line) 20%);color:var(--green)}.visual-pin.tone-blue{border-color:color-mix(in oklch,var(--blue),var(--line) 20%);color:var(--blue)}.visual-pin.tone-violet.is-active{background:var(--violet);color:#fefbf9}.visual-pin.tone-green.is-active{background:var(--green);color:#fefbf9}.visual-pin.tone-blue.is-active{background:var(--blue);color:#fefbf9}.visual-mirror-canvas{padding:18px 18px 66px;overflow:hidden;background:radial-gradient(circle at 16px 16px,color-mix(in oklch,var(--line),transparent 48%) 1px,transparent 1.5px),color-mix(in oklch,var(--bg),var(--surface) 16%);background-size:20px 20px,auto}.review-workspace.is-fullscreen-review .visual-mirror-canvas{padding:14px;background:#020201;background-image:none}.mirror-browser-shell{position:absolute;top:18px;right:18px;bottom:34px;left:18px;min-width:0;min-height:0;display:grid;grid-template-rows:42px minmax(0,1fr);overflow:hidden;border:1px solid color-mix(in oklch,var(--line),var(--ink) 7%);border-radius:12px;background:var(--surface);box-shadow:var(--shadow-soft)}.review-workspace.is-fullscreen-review .mirror-browser-shell{top:14px;right:14px;bottom:14px;left:14px;border-radius:10px;box-shadow:0 24px 70px #00000057}.mirror-browser-chrome{min-width:0;display:grid;grid-template-columns:auto minmax(130px,240px) minmax(0,1fr);align-items:end;gap:10px;padding:8px 12px 0;border-bottom:1px solid color-mix(in oklch,var(--line),transparent 16%);background:linear-gradient(180deg,color-mix(in oklch,var(--surface-2),var(--surface) 26%),color-mix(in oklch,var(--surface),var(--bg) 8%))}.mirror-window-controls{align-self:center;display:inline-flex;align-items:center;gap:6px;padding-bottom:8px}.mirror-window-controls span{width:10px;height:10px;border-radius:999px;background:var(--line-strong)}.mirror-window-controls span:nth-child(1){background:#ff5f57}.mirror-window-controls span:nth-child(2){background:#febc2e}.mirror-window-controls span:nth-child(3){background:#28c840}.mirror-browser-tab{min-width:0;height:34px;display:inline-flex;align-items:center;gap:8px;padding:0 12px;border:1px solid color-mix(in oklch,var(--line),transparent 10%);border-bottom:0;border-radius:10px 10px 0 0;background:var(--surface);color:var(--ink);font-size:12px;font-weight:760}.mirror-browser-tab .icon{width:15px;height:15px;flex:none}.mirror-browser-tab span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mirror-browser-viewport{position:relative;min-width:0;min-height:0;overflow:hidden;background:radial-gradient(circle at 16px 16px,color-mix(in oklch,var(--line),transparent 52%) 1px,transparent 1.5px),color-mix(in oklch,var(--surface),var(--bg) 8%);background-size:20px 20px,auto;color:var(--ink)}.visual-mirror-canvas.has-live-frame .mirror-browser-viewport,.visual-mirror-canvas.has-snapshot .mirror-browser-viewport{background:#010502;background-image:none}.mirror-snapshot-stage{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-start;justify-content:center;overflow:hidden;background:#010502}.mirror-snapshot-fit{position:relative;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;background:#010502}.canvas-cold-start{color:var(--ink);background:radial-gradient(circle at 16px 16px,color-mix(in oklch,var(--line),transparent 48%) 1px,transparent 1.5px),color-mix(in oklch,var(--surface),var(--bg) 10%);background-size:20px 20px,auto}.canvas-cold-start h3{color:var(--ink)}.canvas-cold-start p{color:var(--ink-2)}.mirror-snapshot{display:block;width:100%;height:100%;object-fit:contain}.mirror-meta-strip{display:none}.mirror-chip{min-width:0;height:28px;display:inline-flex;align-items:center;gap:6px;padding:0 9px;border:1px solid var(--line);border-radius:var(--radius-xs);background:color-mix(in oklch,var(--surface),transparent 2%);color:var(--muted);box-shadow:var(--shadow-tight);font-size:11px;font-weight:780;white-space:nowrap}.mirror-chip .icon{width:15px;height:15px;min-width:15px}.mirror-chip.is-primary{border-color:color-mix(in oklch,var(--coral),var(--line) 32%);background:var(--coral-soft);color:var(--coral)}.mirror-chip.is-ready{border-color:color-mix(in oklch,var(--green),var(--line) 35%);color:var(--green)}.mirror-chip.is-syncing{border-color:color-mix(in oklch,var(--blue),var(--line) 35%);color:var(--blue)}.mirror-chip.is-degraded{border-color:color-mix(in oklch,var(--danger),var(--line) 35%);color:var(--danger)}.visual-mirror-page{top:18px;right:18px;bottom:34px;left:18px;overflow:hidden;border-color:color-mix(in oklch,var(--line),transparent 12%);box-shadow:0 10px 34px #1e1a1314}.visual-mirror-page .react-preview-copy{padding-top:0}.visual-mirror-page .react-preview-copy h1{max-width:720px}.visual-mirror-page .react-preview-copy p{max-width:58ch}.visual-dashboard-card{position:relative;min-height:340px;align-content:end;overflow:hidden}.visual-dashboard-card:before{content:"";position:absolute;inset:34px 34px auto;height:96px;border:2px solid color-mix(in oklch,var(--blue),transparent 16%);border-radius:var(--radius-xs);background:color-mix(in oklch,var(--blue-soft),transparent 44%);box-shadow:0 0 0 4px color-mix(in oklch,var(--surface),transparent 60%) inset,0 8px 18px color-mix(in oklch,var(--blue),transparent 78%)}.mirror-page-lower{position:absolute;left:clamp(42px,6vw,86px);right:clamp(42px,6vw,86px);bottom:22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;color:var(--muted);font-size:12px}.mirror-page-lower span{min-height:48px;display:grid;align-items:center;padding:0 12px;border:1px solid var(--line);border-radius:var(--radius-xs);background:color-mix(in oklch,var(--surface-2),transparent 10%);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.visual-mirror-overlay{top:18px;right:18px;bottom:34px;left:18px;z-index:8}.visual-mirror-canvas.is-overlay-clean .visual-mirror-overlay{pointer-events:none}.mirror-region-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.mirror-region{position:absolute;border:1px dashed color-mix(in oklch,var(--line-strong),transparent 10%);border-radius:var(--radius-sm);background:color-mix(in oklch,var(--surface),transparent 94%)}.mirror-region span{position:absolute;left:10px;top:-27px;max-width:190px;overflow:hidden;padding:3px 8px;border:1px solid var(--line);border-radius:5px;background:var(--surface);box-shadow:var(--shadow-tight);font-size:11px;font-weight:780;text-overflow:ellipsis;white-space:nowrap}.mirror-region.tone-green{border-color:color-mix(in oklch,var(--green),transparent 15%);background:color-mix(in oklch,var(--green-soft),transparent 70%)}.mirror-region.tone-green span{color:var(--green)}.mirror-region.tone-coral{border-color:color-mix(in oklch,var(--coral),transparent 15%);background:color-mix(in oklch,var(--coral-soft),transparent 70%)}.mirror-region.tone-coral span{color:var(--coral)}.mirror-region.tone-blue{border-color:color-mix(in oklch,var(--blue),transparent 15%);background:color-mix(in oklch,var(--blue-soft),transparent 68%)}.mirror-region.tone-blue span{color:var(--blue)}.mirror-target-label{z-index:12;min-width:104px;background:color-mix(in oklch,var(--surface),transparent 4%)}.mirror-feedback-pin{transform:translate(-50%,-50%)}.mirror-readouts{position:absolute;left:30px;right:30px;bottom:18px;z-index:14;grid-template-columns:repeat(4,minmax(0,1fr));pointer-events:none}.mirror-readouts .visual-readout{background:color-mix(in oklch,var(--surface),transparent 2%);box-shadow:var(--shadow-tight)}.fallback-composer-slot{position:relative;min-height:0}.fallback-composer-slot .annotation-bubble{position:static;width:100%;max-width:460px;height:auto;max-height:none}.review-workspace.is-fullscreen-review .feedback-drawer{top:16px;right:18px}.review-workspace.is-fullscreen-review .feedback-drawer-panel{max-height:min(620px,calc(100vh - 130px))}.review-workspace.is-fullscreen-review .runtime-confirm{bottom:96px}.frame-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:grid;place-content:center;gap:12px;background:var(--surface);color:var(--muted);transition:opacity var(--fast) var(--ease)}.example-canvas.is-ready .frame-loading{opacity:0;pointer-events:none}.spinner.small{width:26px;height:26px}.review-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:auto}.review-overlay.is-feedback-mode{cursor:crosshair}.review-overlay.is-inline-editing{pointer-events:none}.inspector-panel{min-width:0;width:0;overflow:hidden;border-left:1px solid var(--line);background:var(--surface);opacity:0;pointer-events:none;transition:opacity var(--fast) var(--ease)}.inspector-panel.is-open{width:auto;min-width:300px;display:grid;grid-template-rows:auto minmax(0,1fr);align-content:start;gap:10px;padding:12px;opacity:1;pointer-events:auto;overflow:auto}.inspector-panel header{display:flex;align-items:start;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--line)}.inspector-panel header h2{max-width:230px;margin:2px 0 0;overflow:hidden;color:var(--ink);font-size:18px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.inspector-section{display:grid;gap:8px;padding:10px;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface-2)}.inspector-section h3{margin:0;color:var(--ink);font-size:12px;font-weight:800}.inspector-primary-row{display:flex;justify-content:space-between;gap:10px}.inspector-primary-row span,.inspector-section p,.inspector-empty span{color:var(--muted);font-size:12px;line-height:1.45}.inspector-primary-row strong{color:var(--blue);font-size:12px;white-space:nowrap}.inspector-section code{display:block;min-width:0;overflow:hidden;color:var(--blue);font-family:var(--font-mono);font-size:11px;line-height:1.5;text-overflow:ellipsis;white-space:nowrap}.evidence-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.evidence-grid div,.runtime-row{min-width:0;display:grid;gap:4px;padding:8px;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface)}.evidence-grid span,.runtime-row span{color:var(--muted);font-size:11px;font-weight:760}.evidence-grid strong,.runtime-row strong{min-width:0;overflow:hidden;color:var(--ink);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.runtime-row{grid-template-columns:18px minmax(0,1fr);align-items:center;gap:4px 8px}.runtime-row strong{grid-column:2}.inspector-actions{display:flex;flex-wrap:wrap;gap:8px}.inspector-empty{display:grid;place-items:start;gap:8px;padding:14px;border:1px dashed var(--line-strong);border-radius:var(--radius-xs);background:var(--surface-2)}.inspector-empty .icon{color:var(--coral)}.review-overlay.is-inline-editing .annotation-bubble,.review-overlay.is-inline-editing .pin,.review-overlay.is-inline-editing .feedback-drawer,.review-overlay.is-inline-editing .feedback-drawer-trigger{pointer-events:auto}.target-outline{position:absolute;z-index:7;display:none;min-width:22px;min-height:22px;border:1.5px solid color-mix(in oklch,var(--blue),oklch(100% 0 0) 8%);border-radius:6px;background:color-mix(in oklch,var(--blue-soft),transparent 88%);box-shadow:0 0 0 1px color-mix(in oklch,var(--blue),transparent 52%),0 0 0 4px color-mix(in oklch,var(--blue),transparent 92%);pointer-events:none}.hover-outline{position:absolute;z-index:6;display:none;min-width:16px;min-height:16px;border:1px solid color-mix(in oklch,var(--coral),transparent 8%);border-radius:6px;background:color-mix(in oklch,var(--coral-soft),transparent 76%);box-shadow:0 0 0 4px color-mix(in oklch,var(--coral),transparent 92%);pointer-events:none}.hover-outline.is-visible{display:block}.hover-outline span{position:absolute;left:6px;bottom:calc(100% + 6px);max-width:220px;overflow:hidden;padding:3px 7px;border:1px solid color-mix(in oklch,var(--coral),var(--line) 48%);border-radius:5px;background:var(--surface);color:var(--coral);box-shadow:var(--shadow-tight);font-size:11px;font-weight:760;text-overflow:ellipsis;white-space:nowrap}.target-outline.is-visible{display:block}.target-outline span{position:absolute;left:10px;top:-30px;max-width:240px;overflow:hidden;padding:4px 8px;border:1px solid color-mix(in oklch,var(--blue),var(--line) 36%);border-radius:6px;background:color-mix(in oklch,var(--surface),var(--blue-soft) 18%);color:var(--blue);box-shadow:var(--shadow-tight);font-size:11px;font-weight:780;text-overflow:ellipsis;white-space:nowrap}.inline-copy-editor{position:absolute;z-index:11;display:inline-flex;align-items:center;gap:6px;min-width:0;min-height:28px;padding:0 8px;border:1px solid color-mix(in oklch,var(--blue),var(--line) 36%);border-radius:6px;background:color-mix(in oklch,var(--surface),transparent 3%);color:var(--blue);box-shadow:var(--shadow-tight);font-size:11px;font-weight:760;white-space:nowrap;pointer-events:none}.presence-layer,.pin-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4}.remote-cursor{position:absolute;display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:var(--radius-xs);background:var(--surface);box-shadow:var(--shadow-tight);font-size:12px;font-weight:720}.remote-cursor.designer{color:var(--violet)}.remote-cursor.marketing{color:var(--green)}.viewport-frame{position:absolute;border:1px dashed var(--blue);border-radius:var(--radius-sm);background:color-mix(in oklch,var(--blue-soft),transparent 60%)}.viewport-frame span{position:absolute;top:-26px;left:8px;padding:3px 7px;border-radius:5px;background:var(--blue);color:#fdfbf9;font-size:11px}.pin{position:absolute;z-index:8;width:26px;height:26px;border:2px solid var(--surface);border-radius:999px;background:var(--coral);color:#fdfbf9;font-weight:780;box-shadow:var(--shadow-tight);pointer-events:auto}.pin.pin-draft{border-color:color-mix(in oklch,var(--coral),var(--surface) 18%);background:var(--surface);color:var(--coral);box-shadow:var(--shadow-tight),0 0 0 5px color-mix(in oklch,var(--coral),transparent 86%);pointer-events:none}.runtime-confirm{position:absolute;z-index:9;display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 9px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink-2);box-shadow:var(--shadow-tight);font-size:12px;font-weight:700;pointer-events:none}.runtime-confirm{right:clamp(28px,3.4vw,58px);bottom:112px;color:var(--green);background:var(--green-soft)}.measure-ruler{position:absolute;z-index:8;background:#f24822;pointer-events:none}.measure-ruler:before,.measure-ruler:after{content:"";position:absolute;left:-18px;width:38px;height:1px;background:#f24822}.measure-ruler.axis-horizontal{height:1px}.measure-ruler.axis-horizontal:before,.measure-ruler.axis-horizontal:after{top:-18px;width:1px;height:38px}.measure-ruler.axis-horizontal:before{left:0}.measure-ruler.axis-horizontal:after{left:auto;right:0}.measure-ruler.axis-horizontal span{left:50%;top:10px;transform:translate(-50%)}.measure-ruler.mode-bounds,.measure-ruler.mode-dimensions{border:1px dashed #f24822;background:#f2482214}.measure-ruler.mode-bounds:before,.measure-ruler.mode-bounds:after,.measure-ruler.mode-dimensions:before,.measure-ruler.mode-dimensions:after{display:none}.measure-ruler.mode-bounds span,.measure-ruler.mode-dimensions span{left:8px;top:-28px}.measure-ruler:before{top:0}.measure-ruler:after{bottom:0}.measure-ruler span{position:absolute;left:10px;top:14px;padding:3px 7px;border-radius:5px;background:#f24822;color:#fdfbf9;font-family:var(--font-mono);font-size:11px}.annotation-bubble{position:absolute;z-index:12;top:var(--bubble-top, 52px);left:var(--bubble-left, clamp(260px, 31vw, 540px));width:var(--bubble-width, 384px);height:var(--bubble-max-height, auto);max-height:var(--bubble-max-height, min(720px, calc(100% - 132px) ));display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:9px;padding:12px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-pop);overflow:hidden;pointer-events:auto;transform-origin:50% 100%;animation:bubbleIn .15s var(--ease) both}.annotation-bubble.composer-style{width:min(var(--bubble-width, 548px),calc(100vw - 220px))}.annotation-bubble.composer-copy{width:min(var(--bubble-width, 466px),calc(100vw - 220px))}.annotation-bubble.composer-measure{width:min(var(--bubble-width, 432px),calc(100vw - 220px))}.annotation-bubble.composer-screenshot,.annotation-bubble.composer-command{width:min(var(--bubble-width, 430px),calc(100vw - 220px))}.review-workspace.is-fullscreen-review .annotation-bubble{max-height:min(800px,calc(100vh - 130px))}.annotation-bubble.is-saving{border-color:color-mix(in oklch,var(--coral),var(--line) 34%);box-shadow:var(--shadow-pop),0 0 0 3px color-mix(in oklch,var(--coral),transparent 84%)}.bubble-head{display:flex;align-items:start;justify-content:space-between;gap:10px}.composer-head>div{min-width:0;display:grid;gap:4px}.mode-kicker{display:inline-flex;align-items:center;gap:6px;color:var(--coral);font-size:11px;font-weight:760}.bubble-head strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.type-row{display:flex;gap:6px}.type-row button{flex:1;min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface-2);color:var(--muted);cursor:pointer;font-size:12px}.type-row button.is-active{border-color:color-mix(in oklch,var(--coral),var(--line) 30%);background:var(--coral-soft);color:var(--coral)}.annotation-bubble textarea{min-height:86px;resize:none;padding:10px;line-height:1.55}.composer-body{min-height:0;display:grid;align-content:start;gap:8px;overflow-y:auto;overscroll-behavior:contain;padding:1px 2px 2px 0;scrollbar-width:thin;scrollbar-color:color-mix(in oklch,var(--line-strong),transparent 8%) transparent}.composer-body::-webkit-scrollbar{width:8px}.composer-body::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:color-mix(in oklch,var(--line-strong),transparent 12%);background-clip:content-box}.axis-options,.typography-row,.object-meta{display:flex;flex-wrap:wrap;gap:6px}.axis-options button,.typography-row span,.object-meta span{display:inline-flex;align-items:center;gap:5px;min-height:28px;padding:0 9px;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface-2);color:var(--ink-2);font-size:12px;font-weight:680}.axis-options button{cursor:pointer}.axis-options button.is-active{border-color:color-mix(in oklch,var(--coral),var(--line) 35%);background:var(--coral-soft);color:var(--coral)}.composer-textarea.compact{min-height:64px}.measure-grid,.measure-readout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metric-card,.measure-readout>div{min-width:0;display:grid;gap:5px;padding:9px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2)}.metric-card span,.measure-readout span,.style-property-grid button span{color:var(--muted);font-size:11px;font-weight:720}.metric-card strong,.measure-readout strong,.style-property-grid button strong{min-width:0;overflow:hidden;color:var(--ink);font-size:13px;font-weight:760;text-overflow:ellipsis;white-space:nowrap}.measure-readout .is-primary{border-color:color-mix(in oklch,#f24822,var(--line) 30%);background:color-mix(in oklch,var(--surface),var(--coral-soft) 34%)}.measure-readout .is-primary strong{color:#f24822;font-family:var(--font-mono);font-size:18px}.measure-hint{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface-2);color:var(--muted);font-size:12px;line-height:1.45}.screenshot-preview,.command-context{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2)}.screenshot-preview>.icon,.command-context>.icon{width:38px;height:38px;display:grid;place-items:center;border-radius:var(--radius-xs);background:var(--coral-soft);color:var(--coral)}.screenshot-preview>.icon .vfs-hugeicon,.command-context>.icon .vfs-hugeicon{width:21px;height:21px}.screenshot-preview div,.command-context div{min-width:0;display:grid;gap:3px}.screenshot-preview strong,.command-context strong{min-width:0;overflow:hidden;color:var(--ink);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.screenshot-preview span,.command-context span{min-width:0;overflow:hidden;color:var(--muted);font-family:var(--font-mono);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.command-suggestions{display:grid;gap:6px}.command-suggestions button{min-height:34px;display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;padding:0 9px;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface-2);color:var(--ink-2);cursor:pointer;text-align:left}.command-suggestions button:hover{border-color:var(--line-strong);color:var(--ink)}.command-suggestions span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.measure-evidence{display:grid;gap:5px;padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface-2)}.measure-evidence code{min-width:0;overflow:hidden;color:var(--blue);font-family:var(--font-mono);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.measure-evidence span{color:var(--muted);font-size:11px;font-weight:680}.inline-copy-summary{min-width:0;display:grid;gap:6px;padding:10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2)}.inline-copy-summary span{color:var(--muted);font-size:11px;font-weight:760}.inline-copy-summary strong{min-width:0;overflow:hidden;color:var(--ink);font-size:13px;font-weight:780;text-overflow:ellipsis;white-space:nowrap}.inline-copy-summary small{color:var(--muted);line-height:1.45}.copy-typography-module{display:grid;gap:8px;padding:10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:color-mix(in oklch,var(--surface-2),var(--ink) 2%)}.copy-module-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.copy-module-head h3{margin:0;color:var(--ink);font-size:13px;font-weight:800}.copy-module-head span{color:var(--muted);font-size:11px;font-weight:760}.copy-type-wide{grid-column:1 / -1}.copy-type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.copy-type-grid.compact{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.copy-type-select,.copy-type-field{min-width:0;display:grid;grid-template-columns:20px minmax(54px,auto) minmax(0,1fr);align-items:center;gap:7px;min-height:40px;padding:6px 8px;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface)}.copy-type-select{grid-template-columns:58px minmax(0,1fr)}.copy-type-select span,.copy-type-field span{color:var(--muted);font-size:11px;font-weight:760}.copy-type-select select,.copy-type-field input{min-width:0;width:100%;height:28px;border:0;background:transparent;color:var(--ink);font:inherit;font-weight:720}.copy-type-field input[type=color]{width:34px;padding:0}.copy-type-field.is-changed,.copy-type-select:focus-within,.copy-type-field:focus-within{border-color:color-mix(in oklch,var(--blue),var(--line) 28%);box-shadow:0 0 0 3px color-mix(in oklch,var(--blue),transparent 90%)}.copy-segment-row{display:grid;grid-template-columns:repeat(3,42px);gap:4px}.copy-segment-row button{width:42px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface);color:var(--ink-2);cursor:pointer}.copy-segment-row button:hover{border-color:var(--line-strong);color:var(--ink)}.copy-segment-row button.is-active{border-color:color-mix(in oklch,var(--blue),var(--line) 28%);background:var(--blue-soft);color:var(--blue)}.style-property-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.style-property-grid button{min-width:0;display:grid;gap:5px;min-height:58px;padding:9px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--ink-2);text-align:left;cursor:pointer}.style-property-grid button:hover{border-color:var(--line-strong);background:var(--surface)}.style-property-grid button.is-active{border-color:color-mix(in oklch,var(--coral),var(--line) 34%);background:var(--coral-soft)}.style-context{display:grid;grid-template-columns:minmax(0,1fr) max-content;align-items:start;gap:10px;padding:7px 9px;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface-2)}.style-context>div{min-width:0;display:grid;gap:3px}.style-context strong,.style-context small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.style-context small{color:var(--muted)}.style-section{display:grid;gap:6px}.style-section h3{margin:0;color:var(--ink);font-size:13px;font-weight:800}.style-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.style-field{min-width:0;min-height:44px;display:grid;grid-template-columns:68px minmax(0,1fr) auto auto;align-items:center;gap:7px;padding:6px 8px;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface-2)}.style-field.wide{grid-column:1 / -1}.style-field.is-changed{border-color:color-mix(in oklch,var(--coral),var(--line) 28%);background:color-mix(in oklch,var(--coral-soft),var(--surface-2) 58%)}.style-field label,.style-field span{color:var(--muted);font-size:12px;font-weight:760}.style-field input{min-width:0;height:30px;padding:0 8px;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface);color:var(--ink);font-family:var(--font-mono);font-size:12px}.style-field input[type=color]{width:44px;padding:3px}.style-field em,.box-input em{color:var(--faint);font-style:normal;font-family:var(--font-mono);font-size:11px}.style-reset{min-height:26px;padding:0 7px;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface);color:var(--muted);cursor:pointer;font-size:11px;font-weight:720}.style-reset:hover{border-color:var(--line-strong);color:var(--ink)}.box-model-editor{position:relative;display:grid;grid-template-columns:64px repeat(4,minmax(0,1fr));align-items:center;gap:6px;min-height:0;padding:10px;border:1px dashed color-mix(in oklch,var(--coral),var(--line) 38%);border-radius:var(--radius-xs);background:color-mix(in oklch,var(--surface-2),transparent 8%)}.box-row-title{color:var(--muted);font-size:11px;font-weight:760}.box-row-title.padding{color:var(--blue)}.box-center{grid-column:1 / -1;min-height:42px;display:grid;place-items:center;align-content:center;gap:2px;border:1px solid color-mix(in oklch,var(--line),var(--blue) 28%);border-radius:var(--radius-xs);background:var(--surface);color:var(--ink);font-family:var(--font-mono);font-size:12px}.box-input{align-self:center;min-width:0;display:grid;grid-template-columns:16px minmax(0,1fr);align-items:center;gap:5px;min-height:32px;padding:4px 5px;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface)}.box-input.is-changed{border-color:color-mix(in oklch,var(--coral),var(--line) 28%);background:var(--coral-soft)}.box-input span{color:var(--muted);font-weight:780}.box-input input{min-width:0;height:23px;padding:0 5px;border:0;background:transparent;color:var(--ink);font-family:var(--font-mono);font-size:12px;font-weight:760}.box-input em{display:none}.style-inspect-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;padding:6px 9px;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface-2)}.style-inspect-row code{color:var(--coral);font-family:var(--font-mono);font-size:11px}.style-inspect-row span{min-width:0;overflow:hidden;color:var(--ink-2);font-family:var(--font-mono);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.inline-control{display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:680}.inline-control input{height:36px;min-width:0;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface-2);color:var(--ink);padding:0 10px}.bubble-actions,.style-tools{display:flex;flex-wrap:wrap;gap:6px}.style-tools button{min-height:32px;padding:0 10px;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface-2);color:var(--ink-2);cursor:pointer;font-size:12px;font-weight:680}.style-tools button:hover{border-color:var(--line-strong);color:var(--ink)}.bubble-foot{position:static;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 -2px;padding:10px 2px 0;border-top:1px solid var(--line);background:var(--surface)}.tool-dock{position:absolute;z-index:20;left:50%;bottom:22px;transform:translate(-50%);gap:4px;padding:5px;border:1px solid var(--line);border-radius:12px;background:color-mix(in oklch,var(--surface),transparent 1%);box-shadow:var(--shadow-pop)}.tool-dock.is-collapsed{width:40px;height:40px;display:grid;place-items:center;gap:0;padding:3px;border-radius:var(--radius-sm)}.tool-dock-toggle{width:32px;height:32px;display:grid;place-items:center;padding:0;border:1px solid color-mix(in oklch,var(--coral),var(--line) 34%);border-radius:var(--radius-xs);background:var(--coral-soft);color:var(--coral);cursor:pointer;transition:transform var(--fast) var(--ease),background var(--fast) var(--ease),border-color var(--fast) var(--ease),box-shadow var(--fast) var(--ease)}.tool-dock-toggle:hover{border-color:color-mix(in oklch,var(--coral),var(--line) 18%);background:color-mix(in oklch,var(--coral-soft),var(--surface) 22%);box-shadow:0 0 0 3px color-mix(in oklch,var(--coral),transparent 88%)}.tool-dock-toggle:active{transform:translateY(1px)}.review-workspace.is-fullscreen-review .tool-dock{bottom:18px;background:color-mix(in oklch,var(--surface),transparent 0%)}.tool-dock.is-pending-target{border-color:color-mix(in oklch,var(--coral),var(--line) 50%);box-shadow:var(--shadow-pop),0 0 0 4px color-mix(in oklch,var(--coral),transparent 90%)}.dock-tool{min-width:64px;height:46px;display:grid;place-items:center;gap:2px;padding:4px 8px;color:var(--muted);font-size:10.5px}.dock-collapse{min-width:52px;color:var(--muted)}.dock-collapse .icon{transform:rotate(180deg)}.dock-tool.is-active{border-color:color-mix(in oklch,var(--coral),var(--line) 28%);background:var(--coral-soft);color:var(--coral);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--coral),transparent 68%)}.dock-tool.is-active .icon{transform:translateY(-1px)}.dock-tool .vfs-hugeicon{width:19px;height:19px}.page-panel{min-width:0;min-height:0;overflow:auto;padding:28px clamp(28px,4vw,58px);background:var(--bg)}.panel-title{max-width:840px;margin-bottom:22px}.panel-title-with-action{max-width:none;display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.panel-title-with-action>div{max-width:840px}.manual-import-action{flex:none;display:grid;justify-items:end;gap:6px}.manual-import-action small{color:var(--muted);font-size:11px;font-weight:680;text-align:right}.sr-only-file{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.settings-panel{padding-top:24px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:1180px}.settings-section{min-width:0;display:grid;align-content:start;gap:10px;padding:14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow-tight)}.settings-section h3{margin:0 0 2px;font-size:14px;font-weight:820}.settings-section label{display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:760}.settings-section input{min-width:0;height:38px;padding:0 10px;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface-2);color:var(--ink)}.settings-row{min-height:34px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:7px 9px;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface-2)}.settings-row span{min-width:0;overflow:hidden;color:var(--muted);font-weight:680;text-overflow:ellipsis;white-space:nowrap}.settings-row strong{color:var(--ink);font-weight:780;white-space:nowrap}.settings-row.is-error{border-color:color-mix(in oklch,var(--danger),var(--line) 24%);background:color-mix(in oklch,var(--danger),transparent 90%)}.settings-row.is-error strong{max-width:240px;overflow:hidden;color:var(--danger);text-overflow:ellipsis}.settings-actions{display:flex;flex-wrap:wrap;gap:8px}.api-settings .segmented{width:fit-content}.api-mode-toggle button{min-width:62px}.settings-role-list{display:grid;gap:6px}.settings-role-list button{min-height:38px;display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 9px;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface-2);color:var(--ink-2);cursor:pointer;text-align:left}.settings-role-list small{color:var(--muted)}.settings-role-list button.is-active{border-color:color-mix(in oklch,var(--coral),var(--line) 30%);background:var(--coral-soft);color:var(--coral)}.token-section{grid-column:span 2}.token-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.token-list article{min-width:0;display:grid;gap:4px;padding:10px;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface-2)}.token-list strong,.token-list span,.token-list small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.token-list span,.token-list small{color:var(--muted);font-size:12px}.inbox-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.feedback-filter-bar{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px;padding:8px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface)}.feedback-filter-chip{min-width:0;min-height:38px;display:inline-grid;grid-template-columns:auto minmax(0,auto) auto;align-items:center;gap:8px;padding:5px 9px;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface-2);color:var(--ink-2);font-size:12px;font-weight:760}.feedback-filter-chip:hover,.feedback-filter-chip.is-active{border-color:color-mix(in oklch,var(--coral),var(--line) 34%);background:var(--coral-soft);color:var(--coral)}.feedback-filter-chip .avatar{box-shadow:none}.feedback-filter-all{min-width:34px;text-align:center}.feedback-filter-copy{min-width:0;display:grid;gap:1px;text-align:left}.feedback-filter-copy strong,.feedback-filter-copy small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feedback-filter-copy small{color:var(--muted);font-size:10px;font-weight:680}.feedback-filter-chip b{min-width:20px;height:20px;display:grid;place-items:center;border-radius:999px;background:var(--surface);color:var(--ink);font-size:11px;font-weight:820}.inbox-group,.claim-column,.decision-panel,.finalized-item,.empty-state,.report-summary{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-tight)}.inbox-group{overflow:hidden}.inbox-group header{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line);background:var(--surface-2)}.inbox-group header div{min-width:0;display:grid;gap:3px}.inbox-group header small{min-width:0;overflow:hidden;color:var(--muted);font-family:var(--font-mono);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.inbox-group-badges{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px}.group-meta-row{display:flex;flex-wrap:wrap;gap:7px;padding:9px 14px 4px}.group-meta-row>span:not(.status){min-height:24px;padding:3px 7px;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface-2);color:var(--muted);font-size:11px;font-weight:760}.feedback-item{width:calc(100% - 16px);display:grid;grid-template-columns:76px minmax(0,1fr) minmax(96px,auto);align-items:center;gap:10px;min-height:96px;margin:8px;padding:10px;text-align:left}.feedback-snapshot-thumb{width:76px;height:58px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-xs);background:radial-gradient(circle at 10px 10px,color-mix(in oklch,var(--line),transparent 44%) 1px,transparent 1.5px),var(--surface-2);background-size:12px 12px,auto;color:var(--muted)}.feedback-snapshot-thumb img{width:100%;height:100%;object-fit:cover}.feedback-snapshot-thumb.is-empty .vfs-hugeicon{width:18px;height:18px}.feedback-copy{display:grid;gap:4px;min-width:0}.feedback-author{min-width:0;display:inline-flex;align-items:center;gap:7px}.feedback-author span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feedback-copy small{overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.feedback-copy em{min-width:0;overflow:hidden;color:var(--ink-2);font-style:normal;text-overflow:ellipsis;white-space:nowrap}.feedback-status-stack{display:grid;justify-items:end;gap:4px}.status.open{color:var(--blue);background:var(--blue-soft)}.status.conflict{color:var(--danger);background:var(--danger-soft)}.status.accepted,.status.synced,.status.finalized,.status.agent-eligible,.status.source-ready{color:var(--green);background:var(--green-soft)}.status.deferred,.status.duplicate,.status.skipped,.status.needs-review,.status.needs-reanchor{color:var(--coral);background:var(--coral-soft)}.status.unresolved,.status.local,.status.degraded,.status.visual{color:var(--muted);background:var(--surface-3)}.conflict-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}.conflict-claims{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.claim-column,.decision-panel{padding:18px}.conflict-kind-note,.handoff-boundary-note{display:flex;align-items:flex-start;gap:8px;margin-top:10px;padding:10px 11px;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface-2)}.conflict-kind-note .status{flex:none}.conflict-kind-note small,.handoff-boundary-note span{min-width:0;color:var(--muted);font-size:12px;line-height:1.5}.handoff-boundary-note .vfs-hugeicon{flex:none;margin-top:1px}.claim-column h3,.decision-panel h3{margin:0 0 12px;font-size:15px}.claim-column p{margin:0 0 14px;font-size:22px;font-weight:740;line-height:1.2}.claim-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.claim-meta span:not(.status){max-width:100%;overflow:hidden;padding:4px 7px;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface-2);color:var(--muted);font-family:var(--font-mono);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.claim-column small{color:var(--muted);line-height:1.6}.decision-panel{display:grid;gap:10px}.decision-target-summary,.merge-draft-box,.decision-summary,.handoff-pack{display:grid;gap:5px;padding:11px;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface-2)}.decision-target-summary span,.merge-draft-box span,.decision-summary span,.handoff-pack span{color:var(--muted);font-size:11px;font-weight:780}.decision-target-summary strong,.decision-target-summary small,.merge-draft-box p,.handoff-pack pre{min-width:0;overflow:hidden;margin:0;text-overflow:ellipsis}.decision-target-summary strong{font-family:var(--font-mono)}.decision-target-summary small,.merge-draft-box p{color:var(--ink-2);line-height:1.55}.decision-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.decision-summary div{display:grid;gap:3px;padding:9px 10px;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface)}.decision-summary strong{font-size:20px}.handoff-pack{gap:8px;margin-top:12px}.handoff-pack-head{display:flex;align-items:center;gap:8px;justify-content:space-between}.handoff-pack-head small{min-width:0;color:var(--muted);font-size:12px;line-height:1.5}.handoff-pack pre{overflow:auto;padding:12px;border-radius:var(--radius-xs);background:color-mix(in oklch,var(--ink),transparent 92%);color:var(--ink);font-family:var(--font-mono);font-size:11px;line-height:1.55;white-space:pre-wrap}.decision-log{display:grid;gap:7px;margin-top:8px;padding:12px;border-radius:var(--radius-xs);background:var(--surface-2);color:var(--ink-2)}.decision-log strong{color:var(--ink)}.handoff-ready{padding:10px;border-radius:var(--radius-xs);background:var(--surface-2);color:var(--muted);font-weight:700}.handoff-ready.is-ready{background:var(--green-soft);color:var(--green)}.handoff-code{display:grid;gap:8px;margin:18px 0}.handoff-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px}.handoff-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}.handoff-summary div{display:grid;gap:4px;padding:13px;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface)}.handoff-summary strong{font-size:22px}.handoff-summary span{color:var(--muted);font-size:11px}.handoff-dev-board{display:grid;gap:12px;margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-tight)}.handoff-dev-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.handoff-dev-head h3{margin:2px 0 0;font-size:17px}.handoff-dev-metrics{display:inline-flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.handoff-dev-metrics span{min-width:92px;display:grid;gap:2px;padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface-2);color:var(--muted);font-size:11px;font-weight:760}.handoff-dev-metrics b{color:var(--ink);font-size:18px;line-height:1}.handoff-dev-list{display:grid;gap:8px}.handoff-dev-item{display:grid;grid-template-columns:30px minmax(0,1fr) minmax(130px,auto);gap:10px;align-items:start;padding:12px;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface-2)}.handoff-dev-item.is-agent-ready{border-color:color-mix(in oklch,var(--green),var(--line) 44%)}.handoff-dev-order{width:26px;height:26px;display:grid;place-items:center;border-radius:999px;background:var(--ink);color:var(--surface);font-size:12px;font-weight:840}.handoff-dev-copy{min-width:0;display:grid;gap:6px}.handoff-dev-copy strong{color:var(--ink);font-size:14px}.handoff-dev-copy p{margin:0;color:var(--ink-2);line-height:1.55}.handoff-dev-copy code{min-width:0;overflow:hidden;width:fit-content;max-width:100%;padding:4px 7px;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface);color:var(--muted);font-family:var(--font-mono);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.handoff-dev-tags{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.handoff-dev-tags small{width:100%;color:var(--muted);font-size:11px;text-align:right}.handoff-code code{display:block;overflow-x:auto;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius-xs);background:color-mix(in oklch,var(--ink),transparent 91%);color:var(--ink);font-family:var(--font-mono);font-size:12px}.finalized-list{display:grid;gap:12px}.finalized-item,.empty-state{padding:16px}.finalized-item strong{display:block;margin:10px 0 6px;font-size:16px}.finalized-item p{margin:0 0 12px;color:var(--ink-2)}.finalized-item div{display:flex;flex-wrap:wrap;gap:8px}.finalized-item div span{padding:4px 7px;border:1px solid var(--line);border-radius:5px;background:var(--surface-2);color:var(--muted);font-family:var(--font-mono);font-size:11px}.handoff-bucket{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface-2)}.handoff-bucket h3{flex:1 0 100%;margin:0;font-size:12px;text-transform:lowercase}.report-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.report-metrics div{display:grid;gap:4px;padding:18px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface)}.report-metrics strong{font-size:36px;line-height:1}.report-metrics span{color:var(--muted)}.report-summary{max-width:900px;padding:20px}.report-coverage{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px;padding:14px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface)}.report-coverage h3{flex:1 0 100%;margin:0 0 2px}.report-coverage span{display:grid;gap:2px;min-width:150px;padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface-2)}.report-coverage em{color:var(--muted);font-size:12px;font-style:normal}.report-summary h3{margin:0 0 8px}.report-summary p,.report-summary li{color:var(--ink-2);line-height:1.7}.feedback-drawer{position:absolute;top:62px;right:clamp(18px,2.6vw,42px);z-index:45;width:min(368px,calc(100% - 36px));display:grid;justify-items:end;gap:8px;pointer-events:none}.feedback-drawer-trigger{pointer-events:auto;height:36px;display:inline-grid;grid-template-columns:18px auto minmax(20px,auto);align-items:center;gap:8px;padding:0 10px;border:1px solid var(--line);border-radius:var(--radius-xs);background:color-mix(in oklch,var(--surface),transparent 3%);color:var(--ink-2);box-shadow:var(--shadow-tight)}.feedback-drawer-trigger b{min-width:20px;height:20px;display:grid;place-items:center;border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:11px}.feedback-drawer-trigger:hover,.feedback-drawer.is-open .feedback-drawer-trigger{border-color:var(--line-strong);background:var(--surface);color:var(--ink)}.feedback-drawer.is-open .feedback-drawer-trigger b{background:var(--coral-soft);color:var(--coral)}.feedback-drawer-panel{width:100%;max-height:min(560px,calc(100vh - 220px));overflow:auto;border:1px solid var(--line);border-radius:var(--radius-md);background:color-mix(in oklch,var(--surface),transparent 0%);box-shadow:var(--shadow-pop);opacity:0;pointer-events:none;transform:translateY(-8px) scale(.985);transform-origin:top right;transition:opacity var(--fast) var(--ease),transform var(--fast) var(--ease)}.feedback-drawer.is-open .feedback-drawer-panel{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.feedback-drawer-panel header{display:flex;justify-content:space-between;gap:10px;padding:14px;border-bottom:1px solid var(--line);background:var(--surface)}.feedback-drawer-panel header h2{margin:2px 0 0;font-size:18px;line-height:1.15}.sidebar-section{display:grid;gap:9px;padding:12px 14px;border-bottom:1px solid var(--line)}.sidebar-section:last-child{border-bottom:0}.sidebar-section h3{margin:0;color:var(--ink-2);font-size:12px}.target-summary{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3px 10px;padding:10px;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface-2);color:var(--ink);text-align:left}.target-summary strong,.target-summary span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.target-summary span{color:var(--muted);font-size:12px}.target-summary em{grid-row:1 / 3;grid-column:2;color:var(--blue);font-family:var(--font-mono);font-size:12px;font-style:normal}.sidebar-feedback-list{display:grid;gap:6px}.sidebar-feedback-item{width:100%;display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:58px;padding:8px;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface);color:var(--ink);text-align:left}.sidebar-feedback-item:hover{border-color:var(--line-strong);background:var(--surface-2)}.sidebar-feedback-item.is-active{border-color:color-mix(in oklch,var(--coral),var(--line) 36%);background:var(--coral-soft)}.kv{display:flex;justify-content:space-between;gap:10px;padding:9px 10px;border-radius:var(--radius-xs);background:var(--surface-2)}.kv span{color:var(--muted)}details{padding:10px;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface-2)}details summary{cursor:pointer;color:var(--ink-2);font-weight:700}details code{display:block;margin-top:9px;color:var(--blue);font-family:var(--font-mono);font-size:12px;line-height:1.6}.mini-feedback{padding:10px;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface-2)}.change-card{display:grid;grid-template-columns:18px minmax(0,1fr);gap:9px;align-items:start;padding:10px;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface-2)}.change-card strong,.change-card small{display:block;min-width:0}.change-card small{overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.mini-feedback div{display:flex;justify-content:space-between;gap:8px}.mini-feedback p{margin:8px 0 0;color:var(--ink-2);line-height:1.55}.presence-list{display:grid;gap:8px}.presence-list>div{gap:8px}.presence-list small{color:var(--muted)}.presence-popover{position:fixed;z-index:80;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-pop);opacity:0;pointer-events:none;transform:translateY(-8px);transition:opacity var(--fast) var(--ease),transform var(--fast) var(--ease)}.presence-popover.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.presence-popover{top:64px;right:188px;width:340px;padding:12px}.presence-popover header{display:flex;justify-content:space-between;margin-bottom:10px}.presence-popover header span,.activity-row em{color:var(--muted);font-size:12px}.activity-row{gap:10px;min-height:48px;border-top:1px solid var(--line)}.activity-row div{flex:1;display:grid;min-width:0}.activity-row small{overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.toast-region{position:fixed;top:58px;left:50%;z-index:120;display:grid;gap:8px;pointer-events:none;width:min(330px,calc(100vw - 420px));justify-items:center;transform:translate(-50%)}.toast{display:flex;align-items:center;gap:8px;min-height:40px;padding:0 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);box-shadow:var(--shadow-pop);animation:toastIn .18s var(--ease) both}.toast span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toast-warning{color:var(--danger)}.toast.is-leaving{animation:toastOut .2s var(--ease) both}.empty-list,.empty-state{color:var(--muted)}@media (min-width: 1728px){.workspace-shell{grid-template-columns:76px minmax(0,1fr)}.left-rail{padding-left:12px;padding-right:12px}.rail-btn{width:52px}}@media (min-width: 2200px){.workspace-shell{grid-template-columns:84px minmax(0,1fr)}.browser-canvas{padding-left:90px;padding-right:90px}.review-workspace.is-fullscreen-review .browser-canvas{padding-left:14px;padding-right:14px}}@media (max-width: 1279px){body{overflow:hidden}.product-root{display:none}.desktop-guard{display:grid;place-items:center;width:100vw;height:100vh;padding:24px}.guard-card{width:min(560px,100%);display:grid;gap:14px;justify-items:start;padding:24px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-pop)}.guard-card h1{margin:0;font-size:24px}.guard-card p{margin:0;color:var(--ink-2);line-height:1.7}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;scroll-behavior:auto!important;transition-duration:1ms!important}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes toastIn{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bubbleIn{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastOut{to{opacity:0;transform:translateY(6px) scale(.98)}}.owner-menu-anchor{display:contents}.owner-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:31;background:transparent}.owner-section-label{display:flex;align-items:center;justify-content:space-between;padding:2px 2px 0;font-size:12px;font-weight:760;color:var(--muted)}.owner-section-label b{font-size:11px;color:var(--ink-2)}.owner-member-list{display:grid;gap:6px}.owner-member-row{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;padding:5px 7px;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface-2)}.owner-member-row strong{display:flex;align-items:center;gap:6px;min-width:0;font-size:13px;font-weight:720;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.owner-member-row .you-badge{flex:none;font-style:normal;font-size:10px;font-weight:720;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:0 6px}.member-role-static{font-size:12px;font-weight:680;color:var(--muted)}.member-role-select{font:inherit;font-size:12px;padding:3px 6px;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface);color:var(--ink);cursor:pointer}.owner-foot{margin-top:2px;padding-top:8px;border-top:1px solid var(--line);font-size:11px;line-height:1.4;color:var(--muted)}.settings-stack{display:grid;gap:14px;max-width:940px}.settings-card{display:grid;gap:12px;padding:16px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface)}.settings-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-card-head h3{font-size:14px;font-weight:760;color:var(--ink)}.settings-card-head p{margin-top:2px;font-size:12px;color:var(--muted)}.settings-badge{flex:none;font-size:12px;font-weight:720;color:var(--ink-2);border:1px solid var(--line);border-radius:999px;padding:2px 10px}.settings-kv{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.settings-kv .kv{display:grid;gap:3px;min-width:0;padding:9px 11px;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface-2)}.settings-kv .kv.wide{grid-column:1 / -1}.settings-kv .kv span{font-size:11px;font-weight:680;color:var(--muted)}.settings-kv .kv strong{font-size:13px;font-weight:720;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-kv .kv.is-error{border-color:var(--coral)}.settings-kv .kv.is-error strong{color:var(--coral)}.settings-hero{position:relative;display:grid;gap:14px;max-width:940px;padding:18px 20px 18px 22px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface)}.settings-hero:before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:3px;border-radius:0 3px 3px 0;background:var(--muted)}.settings-hero.tone-ok:before{background:#2f9e5f}.settings-hero.tone-warn:before{background:var(--coral)}.settings-hero.tone-busy:before{background:#4a7cf0}.settings-hero-main{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.settings-hero-conn{display:flex;align-items:center;gap:12px}.conn-dot{width:11px;height:11px;flex:none;border-radius:999px;background:var(--muted);box-shadow:0 0 0 4px #7878782e}.conn-dot.ok{background:#2f9e5f;box-shadow:0 0 0 4px #2f9e5f33}.conn-dot.warn{background:var(--coral);box-shadow:0 0 0 4px #e5770833}.conn-dot.busy{background:#4a7cf0;box-shadow:0 0 0 4px #4a7cf033;animation:conn-pulse 1.2s ease-in-out infinite}.conn-dot.err{background:var(--danger);box-shadow:0 0 0 4px color-mix(in oklch,var(--danger),transparent 78%)}@keyframes conn-pulse{50%{opacity:.45}}.settings-hero-conn strong{display:block;font-size:15px;font-weight:760;color:var(--ink)}.settings-hero-conn small{display:block;margin-top:1px;font-size:12px;color:var(--muted)}.settings-hero-round{display:flex;align-items:flex-end;gap:28px;flex-wrap:wrap;padding-top:14px;border-top:1px solid var(--line)}.hero-round-item{display:grid;gap:3px;min-width:0}.hero-round-item span{font-size:11px;font-weight:680;color:var(--muted)}.hero-round-item strong{font-size:13px;font-weight:720;color:var(--ink);font-variant-numeric:tabular-nums}.settings-hero-actions{margin-left:auto;display:flex;gap:8px}.settings-hero-error{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--coral);border-radius:var(--radius-xs);background:var(--surface-2);color:var(--coral);font-size:12px}.settings-hero-error .icon{width:14px;height:14px;flex:none}.settings-tabs{display:flex;gap:2px;max-width:940px;margin-top:20px;border-bottom:1px solid var(--line)}.settings-tabs button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;padding:9px 14px;font-size:13px;font-weight:680;color:var(--muted);cursor:pointer;transition:color .15s,border-color .15s}.settings-tabs button:hover{color:var(--ink)}.settings-tabs button.is-active{color:var(--ink);border-bottom-color:var(--ink)}.settings-tab-body{max-width:940px;margin-top:14px}.settings-session{display:grid;gap:12px}.settings-breadcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14px;font-weight:720;color:var(--ink)}.settings-breadcrumb i{color:var(--muted);font-style:normal}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 13px;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface-2)}.settings-row span{flex:none;font-size:12px;font-weight:680;color:var(--muted)}.settings-row strong{font-size:13px;font-weight:700;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-row strong.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:600}.settings-row-group{display:grid;grid-template-columns:1fr 1fr;gap:10px}.settings-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.settings-stats .stat{display:grid;gap:5px;padding:14px;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface-2)}.settings-stats .stat b{font-size:18px;font-weight:760;line-height:1.1;color:var(--ink);font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-stats .stat span{font-size:12px;font-weight:640;color:var(--muted)}.settings-design{display:grid;gap:14px}.settings-design-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-design-head strong{font-size:14px;font-weight:760;color:var(--ink)}.settings-design-head small{display:block;margin-top:2px;font-size:12px;color:var(--muted)}.parity-bar{height:8px;border-radius:999px;background:var(--surface-2);overflow:hidden}.parity-bar i{display:block;height:100%;border-radius:999px;background:#2f9e5f;transition:width .4s ease}.review-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:8px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);margin-bottom:10px}.review-actor{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:var(--muted)}.review-actor select{font:inherit;font-size:12px;font-weight:700;color:var(--ink);padding:5px 8px;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface-2);cursor:pointer}.current-member{display:inline-flex;align-items:center;gap:8px;min-width:0;font-size:12px;font-weight:700;color:var(--muted)}.current-member span{white-space:nowrap}.current-member strong{max-width:210px;font-size:12px;font-weight:740;color:var(--ink);padding:5px 8px;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.current-member.compact strong{max-width:150px;height:31px}.permission-notice{display:flex;align-items:flex-start;gap:8px;padding:9px 10px;border:1px solid color-mix(in oklch,var(--coral),var(--line) 42%);border-radius:var(--radius-xs);background:color-mix(in oklch,var(--surface),var(--coral-soft) 30%);color:var(--coral);font-size:12px;font-weight:700;line-height:1.45}.permission-notice.plain{margin-bottom:12px;border-color:var(--line);background:var(--surface-2);color:var(--muted)}.permission-notice .vfs-hugeicon{width:16px;height:16px;margin-top:1px}.access-flow-note{display:flex;align-items:flex-start;gap:8px;margin-top:12px;padding:10px 11px;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface-2);color:var(--muted);font-size:12px;font-weight:680;line-height:1.45}.access-flow-note .vfs-hugeicon{width:16px;height:16px;margin-top:1px;color:var(--coral)}.segmented.review-tools button{font-size:12px;font-weight:700}.review-hint{margin-left:auto;font-size:12px;color:var(--muted)}.visual-mirror-canvas{position:relative}.review-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none}.review-overlay.has-active-pin{pointer-events:auto;cursor:default}.vfs-target-pin{position:absolute;transform:translate(-50%,-50%);width:26px;height:26px;display:grid;place-items:center;border:1px solid color-mix(in oklch,var(--blue),var(--line) 18%);border-radius:999px;background:var(--surface);color:var(--blue);font-size:12px;font-weight:820;cursor:pointer;box-shadow:var(--shadow-tight);pointer-events:auto;transition:transform .12s var(--ease)}.vfs-target-pin:hover{transform:translate(-50%,-50%) scale(1.12)}.vfs-target-pin.has-feedback{border-color:var(--green);color:var(--green)}.vfs-target-pin.is-conflict{border-color:var(--coral);color:var(--coral)}.vfs-target-pin.needs-reanchor{border-style:dashed;color:var(--coral);background:var(--coral-soft)}.vfs-target-pin.is-active{background:var(--accent, var(--blue));color:#fefbf9;box-shadow:var(--shadow-pop)}.pin-popover{z-index:30;width:min(300px,80%);transform:translate(-50%,calc(-100% - 16px));padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);box-shadow:0 14px 34px #00000047;text-align:left;pointer-events:auto;cursor:default}.pin-popover:after{content:"";position:absolute;left:50%;bottom:-7px;width:12px;height:12px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface);transform:translate(-50%) rotate(45deg)}.pin-popover-head{display:flex;align-items:center;gap:8px;margin-bottom:6px}.pin-popover-head strong{min-width:0;overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.pin-popover-head .ghost-icon{margin-left:auto}.pin-popover p{margin:0;font-size:13px;line-height:1.55;white-space:pre-wrap}.pin-popover-actions{margin-top:8px}.target-composer{position:absolute;z-index:7;width:300px;max-width:78%;display:grid;gap:9px;padding:12px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow-pop);pointer-events:auto;animation:bubbleIn .14s var(--ease) both}.target-composer header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.target-composer header strong{font-size:13px;font-weight:760;color:var(--ink)}.target-composer header small{display:block;margin-top:2px;font-size:11px;color:var(--muted)}.composer-actor{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--ink-2)}.composer-existing{display:grid;gap:4px;max-height:86px;overflow:auto}.composer-existing .mini-chip{font-size:11px;color:var(--muted);padding:4px 7px;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer-existing .mini-chip.conflict{border-color:var(--coral);color:var(--coral)}.target-composer textarea{font:inherit;font-size:13px;min-height:64px;resize:vertical;padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface-2);color:var(--ink)}.composer-actions{display:flex;justify-content:flex-end;gap:8px}.preview-control{display:grid;align-items:center}.control-divider{flex:none;width:1px;align-self:center;height:26px;margin:0 4px;background:var(--line)}.fullscreen-toggle.is-active{border-color:color-mix(in oklch,var(--coral),var(--line) 30%);background:var(--coral-soft);color:var(--coral)}.companion-package-download,.preview-control .review-actor{flex:none}.preview-control .review-actor select{max-width:200px}.review-tools-menu{position:relative;flex:none;display:inline-flex;align-items:center;margin-left:auto}.review-tools-menu summary{list-style:none}.review-tools-menu summary::-webkit-details-marker{display:none}.review-tools-toggle{min-width:0;height:30px;padding:0 10px;box-shadow:none}.review-tools-toggle .icon:last-child{transition:transform var(--fast) var(--ease)}.review-tools-menu[open] .review-tools-toggle .icon:last-child{transform:rotate(180deg)}.review-tools-popover{position:absolute;top:calc(100% + 8px);right:0;z-index:45;display:grid;gap:6px;min-width:160px;padding:8px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow-pop)}.review-tools-popover button{justify-content:flex-start;width:100%;min-height:34px;padding:0 10px;border:1px solid transparent;border-radius:var(--radius-xs);background:transparent;color:var(--muted);font-size:12px;font-weight:700;white-space:nowrap}.review-tools-popover button:hover,.review-tools-popover button.is-active{border-color:color-mix(in oklch,var(--coral),var(--line) 32%);background:var(--coral-soft);color:var(--coral)}.review-tools-popover button .icon{width:16px;height:16px}.notif-menu-anchor{display:contents}.icon-btn.has-unread b{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;padding:0 4px;display:grid;place-items:center;border-radius:999px;background:var(--coral);color:#fefbf9;font-size:10px;font-weight:800;box-shadow:0 0 0 2px var(--surface)}.icon-btn{position:relative}.notif-popover{width:364px;padding:0;overflow:hidden}.notif-popover.is-open{gap:0}.notif-popover .notif-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 14px;border-bottom:1px solid var(--line)}.notif-popover .notif-title{display:inline-flex;align-items:center;gap:8px;min-width:0}.notif-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 14px;border-bottom:1px solid var(--line)}.notif-title{display:inline-flex;align-items:center;gap:8px;min-width:0}.notif-title strong{font-size:15px;font-weight:780;color:var(--ink)}.notif-count{font-style:normal;min-width:18px;height:18px;padding:0 6px;display:grid;place-items:center;border-radius:999px;background:var(--coral);color:#fefbf9;font-size:11px;font-weight:800}.notif-clear{flex:none;font-size:12px;font-weight:700;color:var(--muted);background:transparent;border:0;cursor:pointer;padding:4px 8px;border-radius:var(--radius-xs)}.notif-clear:hover{color:var(--coral);background:var(--coral-soft)}.notif-list{display:grid;gap:2px;max-height:380px;overflow:auto;padding:6px}.notif-item{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:start;gap:11px;padding:10px 11px 11px;text-align:left;border:0;border-radius:10px;background:transparent;cursor:pointer;transition:background .14s var(--ease)}.notif-item:hover{background:var(--surface-2)}.notif-item.is-unread{background:color-mix(in oklch,var(--surface),var(--coral-soft) 26%)}.notif-item.is-unread:before{content:"";position:absolute;left:4px;top:14px;width:5px;height:5px;border-radius:999px;background:var(--coral)}.notif-dot{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--surface-2);color:var(--muted)}.notif-dot .vfs-hugeicon{width:17px;height:17px}.notif-dot.ok{color:var(--green);background:color-mix(in oklch,var(--green),transparent 86%)}.notif-dot.info{color:var(--blue);background:color-mix(in oklch,var(--blue),transparent 86%)}.notif-dot.warn{color:var(--coral);background:color-mix(in oklch,var(--coral),transparent 86%)}.notif-dot.err{color:var(--coral);background:color-mix(in oklch,var(--coral),transparent 82%)}.notif-copy{display:grid;gap:3px;min-width:0}.notif-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-width:0}.notif-copy strong{font-size:13px;font-weight:720;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-row time{flex:none;font-size:11px;color:var(--muted)}.notif-copy small{font-size:12px;line-height:1.45;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notif-kind{justify-self:start;margin-top:1px;font-size:10px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;color:var(--muted)}.notif-kind.err,.notif-kind.warn{color:var(--coral)}.notif-kind.ok{color:var(--green)}.notif-kind.info{color:var(--blue)}.notif-empty{display:grid;justify-items:center;gap:6px;padding:34px 18px;text-align:center}.notif-empty-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:var(--surface-2);color:var(--muted)}.notif-empty strong{font-size:14px;font-weight:720;color:var(--ink)}.notif-empty small{font-size:12px;color:var(--muted);line-height:1.5;max-width:230px}.notif-foot{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:11px;border:0;border-top:1px solid var(--line);background:transparent;color:var(--ink-2);font-size:12px;font-weight:720;cursor:pointer}.notif-foot:hover{color:var(--coral);background:var(--surface-2)}.notif-foot .vfs-hugeicon{width:15px;height:15px}.picker-search{padding:10px}.picker-search input{border:0;background:transparent;height:32px;padding:0}.picker-item{min-height:50px;border-color:transparent;background:transparent}.picker-item:hover{background:var(--surface-2);border-color:var(--line)}.picker-item.is-selected{border-color:color-mix(in oklch,var(--coral),transparent 58%);background:color-mix(in oklch,var(--surface),var(--coral-soft) 22%);box-shadow:none}.picker-create{background:var(--surface-2);border-color:var(--line)}.picker-create:hover{border-color:color-mix(in oklch,var(--coral),var(--line) 40%);background:color-mix(in oklch,var(--surface-2),var(--coral-soft) 24%)}.picker-panel{transform:translateY(-8px) scale(.985)}.picker.is-open .picker-panel,.top-picker .picker-panel{transform:translateY(0) scale(1)}.report-panel .report-metrics,.report-panel .report-coverage,.report-panel .report-summary{display:none}.report-layout{display:grid;gap:16px;max-width:1040px}.report-hero{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--line);overflow:hidden}.report-hero .stat{padding:18px;background:var(--surface);display:grid;gap:4px}.report-hero .stat strong{font-size:30px;font-weight:800;letter-spacing:-.02em;color:var(--ink);line-height:1.05}.report-hero .stat span{font-size:12px;font-weight:650;color:var(--muted)}.report-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:16px;align-items:start}@media (max-width: 1080px){.report-grid{grid-template-columns:minmax(0,1fr)}}.report-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);padding:18px;display:grid;gap:14px}.report-card>h3{font-size:14px;font-weight:760;color:var(--ink)}.report-decisions{display:grid;gap:10px}.decision-row{display:grid;grid-template-columns:84px minmax(0,1fr) 40px;align-items:center;gap:12px;font-size:13px}.decision-row>span:first-child{color:var(--muted);font-weight:650}.decision-row b{text-align:right;font-weight:800;color:var(--ink)}.decision-bar{height:8px;border-radius:999px;background:var(--surface-2);overflow:hidden}.decision-bar i{display:block;height:100%;border-radius:999px}.decision-bar i.accept{background:var(--green)}.decision-bar i.reject{background:var(--coral)}.decision-bar i.defer{background:var(--blue)}.report-coverage-list{display:grid;gap:8px}.coverage-row{display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:10px}.coverage-row .item-meta{font-weight:800;color:var(--ink)}.report-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.report-meta-grid .kv{display:grid;gap:3px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface-2)}.report-meta-grid .kv span{font-size:11px;font-weight:680;color:var(--muted)}.report-meta-grid .kv strong{font-size:14px;font-weight:760;color:var(--ink)}.report-conclusion{display:grid;gap:8px;font-size:13px;line-height:1.55;color:var(--ink-2)}.report-conclusion .verify-line{padding:10px 12px;border-radius:var(--radius-xs);background:var(--surface-2);border:1px solid var(--line);color:var(--muted);font-size:12px}.report-evidence{display:grid;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface-2);color:var(--ink-2);font-size:12px}.report-evidence summary{cursor:pointer;font-size:11px;font-weight:700;color:var(--ink);list-style:none}.report-evidence summary::-webkit-details-marker{display:none}.report-evidence p{margin:0;line-height:1.5}.members-panel{padding:22px clamp(24px,3.2vw,46px)}.members-hero{display:grid;grid-template-columns:minmax(0,1fr) max-content;align-items:start;gap:18px;max-width:1480px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--line)}.members-hero-main{min-width:0;display:grid;gap:14px}.members-title{margin-bottom:0;max-width:780px}.members-title h2{font-size:28px}.members-title p{max-width:760px;font-size:13px;line-height:1.58}.members-hero-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0;padding-top:38px}.members-panel .members-hint{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 11px;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface-2);color:var(--muted);font-size:12px;font-weight:720;white-space:nowrap}.members-panel .members-hint .icon{width:15px;height:15px}.members-signal-row{display:flex;align-items:stretch;gap:1px;width:min(100%,820px);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--line);overflow:hidden}.members-signal-row span{flex:1;min-width:0;display:grid;align-content:center;gap:3px;min-height:58px;padding:9px 13px;background:color-mix(in oklch,var(--surface),var(--bg) 10%)}.members-signal-row small{overflow:hidden;color:var(--muted);font-size:11px;font-weight:760;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap}.members-signal-row b{overflow:hidden;color:var(--ink);font-size:18px;font-weight:780;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.members-signal-row em{overflow:hidden;color:var(--muted);font-size:12px;font-style:normal;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.members-workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:16px;max-width:1480px}.members-directory,.members-inspector,.role-legend{min-width:0}.members-directory{display:grid;gap:10px}.members-section-head,.role-legend-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;min-width:0}.members-section-head h3,.role-legend-head h3{margin:0;color:var(--ink);font-size:15px;font-weight:780}.members-section-head p,.role-legend-head p{margin:3px 0 0;color:var(--muted);font-size:12px;line-height:1.45}.members-count-pill{flex:none;display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink-2);font-size:12px;font-weight:760;white-space:nowrap}.members-table-head{display:grid;grid-template-columns:minmax(184px,1.7fr) minmax(112px,.8fr) minmax(128px,.9fr) minmax(118px,.82fr) minmax(76px,.55fr) 64px;gap:12px;align-items:center;min-height:30px;padding:0 11px 0 45px;border-bottom:1px solid var(--line);color:var(--muted);font-size:11px;font-weight:760;text-transform:uppercase}.members-list{display:grid;gap:0;border-bottom:1px solid var(--line)}.member-row{display:grid;grid-template-columns:34px minmax(138px,1.7fr) minmax(112px,.8fr) minmax(128px,.9fr) minmax(118px,.82fr) minmax(76px,.55fr) 64px;align-items:center;gap:12px;min-height:62px;padding:8px 11px;border:0;border-top:1px solid var(--line);border-radius:0;background:color-mix(in oklch,var(--surface),var(--bg) 7%)}.member-row:hover{background:var(--surface)}.member-row.is-pending{background:color-mix(in oklch,var(--surface),var(--bg-alt) 30%)}.member-row .avatar{width:34px;height:34px}.member-id,.member-function,.member-meta{min-width:0}.member-id strong{display:inline-flex;align-items:center;gap:6px;max-width:100%;color:var(--ink);font-size:13px;font-weight:760;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-id small,.member-function span,.member-meta small{display:block;min-width:0;margin-top:2px;overflow:hidden;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.member-function strong{display:block;margin-top:2px;color:var(--ink-2);font-size:12px;font-weight:720;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-role{min-width:0}.member-role select{width:100%;height:30px;padding:0 8px;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface-2);color:var(--ink);cursor:pointer;font-size:12px;font-weight:720}.member-meta{display:grid;gap:1px;color:var(--muted);font-size:12px}.member-meta span{overflow:hidden;color:var(--ink-2);font-weight:720;text-overflow:ellipsis;white-space:nowrap}.member-status{justify-self:stretch;min-width:64px;justify-content:center}.member-actions{display:flex;justify-content:flex-end;min-width:58px}.member-actions:empty{min-width:0}.role-chip{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:3px 11px;border-radius:999px;font-size:12px;font-weight:740;background:var(--bg-alt);color:var(--ink);white-space:nowrap}.role-chip.role-owner{background:var(--coral-soft);color:var(--coral)}.role-chip.role-admin{background:var(--violet-soft);color:var(--violet)}.role-chip.role-developer{background:var(--blue-soft);color:var(--blue)}.role-chip.role-reviewer{background:var(--green-soft);color:var(--green)}.role-chip.role-viewer{background:var(--bg-alt);color:var(--muted)}.role-chip.role-guest{background:var(--bg-alt);color:var(--faint)}.you-badge{flex:none;display:inline-flex;align-items:center;min-height:18px;padding:0 6px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:10px;font-style:normal;font-weight:760}.members-inspector{display:grid;gap:0;position:sticky;top:12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:color-mix(in oklch,var(--surface),var(--bg) 7%);overflow:hidden}.members-inspector-head{display:grid;gap:5px;padding:13px 14px;border-bottom:1px solid var(--line)}.members-inspector-head span,.members-invite-inline span{color:var(--muted);font-size:11px;font-weight:780;text-transform:uppercase}.members-inspector-head strong{color:var(--ink);font-size:18px;font-weight:780}.members-access-person{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:13px 14px;border-bottom:1px solid var(--line)}.members-access-id{min-width:0;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px}.members-access-person strong{display:block;color:var(--ink);font-size:13px;font-weight:760}.members-access-person small,.members-invite-inline small{display:block;min-width:0;margin-top:2px;overflow:hidden;color:var(--muted);font-size:12px;line-height:1.45;text-overflow:ellipsis}.members-cap-list{display:grid;gap:1px;padding:6px;border-bottom:1px solid var(--line);background:color-mix(in oklch,var(--surface),var(--bg) 18%)}.members-cap-list span{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:7px;min-height:32px;padding:0 9px;border-radius:var(--radius-xs);color:var(--muted);font-size:12px;font-weight:700}.members-cap-list .icon{width:15px;height:15px}.members-cap-list .is-allowed{background:color-mix(in oklch,var(--surface),var(--green-soft) 14%);color:var(--green)}.members-cap-list .is-blocked{background:transparent;color:var(--faint)}.members-invite-inline{display:grid;gap:6px;padding:13px 14px 14px}.members-invite-inline strong{color:var(--ink);font-size:14px;font-weight:780}.role-legend{display:grid;gap:10px;max-width:1480px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}.role-note-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px}.role-legend-row{display:grid;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:10px;min-width:0;padding:4px 0}.role-legend-row .role-chip{width:100%}.role-legend-row small{min-width:0;overflow:hidden;color:var(--muted);font-size:12px;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.role-cap-grid{display:grid;gap:1px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--line);overflow:hidden}.role-cap-row{display:grid;grid-template-columns:minmax(112px,.95fr) repeat(6,minmax(74px,.74fr));align-items:center;gap:1px;background:var(--line)}.role-cap-row>span{min-height:32px;display:flex;align-items:center;justify-content:center;padding:6px 8px;background:var(--surface);font-size:12px}.role-cap-row>span:first-child{justify-content:flex-start}.role-cap-head>span{min-height:30px;background:var(--surface-2);color:var(--muted);font-size:11px;font-weight:780}.cap-cell{font-weight:760}.cap-cell .icon{width:15px;height:15px}.cap-cell.allowed{color:var(--green)}.cap-cell.blocked{color:var(--faint)}@media (max-width: 1500px){.members-workspace{grid-template-columns:minmax(0,1fr)}.members-inspector{position:static}}@media (max-width: 1280px){.panel-title-with-action{align-items:flex-start;flex-direction:column}.manual-import-action{justify-items:start}.manual-import-action small{text-align:left}.members-hero,.role-note-grid{grid-template-columns:1fr}.members-hero-actions{padding-top:0;justify-content:flex-start}.members-signal-row{width:100%}.members-table-head{display:none}.member-row{grid-template-columns:34px minmax(0,1fr) minmax(118px,.55fr) auto;border:1px solid var(--line);border-radius:var(--radius-sm)}.member-function,.member-meta{display:none}.role-cap-grid{overflow-x:auto}.role-cap-row{min-width:720px}}.members-invite{background:var(--surface);border:.5px solid var(--line);border-radius:var(--radius-sm);padding:16px 18px;margin-bottom:16px;display:grid;gap:12px}.invite-form{display:flex;gap:8px;flex-wrap:wrap}.invite-email{flex:1 1 220px;min-width:0;min-height:38px;padding:0 11px;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface);color:var(--ink);font-size:13px;outline:none}.invite-email:focus{border-color:var(--coral);box-shadow:0 0 0 3px var(--coral-soft)}.invite-role{flex:0 0 auto;min-height:38px;padding:0 10px;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface);color:var(--ink);font-size:13px}.invite-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.invite-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;border:.5px solid var(--line);border-radius:var(--radius-xs);background:var(--surface-2)}.invite-row.is-inactive{opacity:.6}.invite-row-main{display:grid;gap:2px;min-width:0}.invite-row-main strong{font-size:13px;font-weight:600;color:var(--ink)}.invite-row-main small{font-size:12px;color:var(--muted)}.invite-row-actions{display:flex;gap:6px;flex:none}.ghost-btn{background:transparent;border:1px solid var(--line);border-radius:var(--radius-xs);color:var(--ink-2);font-size:12px;font-weight:600;padding:5px 10px;cursor:pointer}.ghost-btn:hover{background:var(--surface-3);color:var(--ink)}.ghost-btn.danger{color:var(--coral);border-color:color-mix(in oklch,var(--coral),transparent 60%)}.ghost-btn.danger:hover{background:var(--coral-soft)}@media (max-width: 1280px){.preview-control{grid-template-columns:minmax(0,1fr);align-items:stretch;height:auto}.preview-control-url-group,.preview-primary-actions,.preview-utility-actions{width:100%}.preview-primary-actions{justify-content:flex-start}.preview-utility-actions{justify-content:flex-start;padding-left:0;border-left:0}.review-more-popover,.companion-status-popover{left:0;right:auto}.inbox-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width: 860px){.feedback-item{grid-template-columns:72px minmax(0,1fr)}.feedback-status-stack{grid-column:2;justify-items:start;display:flex;flex-wrap:wrap}.handoff-dev-head,.handoff-dev-item{grid-template-columns:minmax(0,1fr)}.handoff-dev-head{display:grid}.handoff-dev-tags{justify-content:flex-start}.handoff-dev-tags small{text-align:left}.handoff-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}