:root{color-scheme:dark;--surface-canvas: #100F0E;--surface-sunken: #161512;--surface-panel: #1B1A17;--surface-raised: #21201C;--surface-overlay: #282622;--surface-press: #322F2A;--border-subtle: #2A2823;--border-default: #38352E;--border-strong: #4C483E;--fg-primary: #EDE9E2;--fg-secondary: #A8A299;--fg-tertiary: #736D63;--fg-disabled: #524E47;--scrim-strong: rgb(10 8 6 / 56%);--scrim-light: rgb(10 8 6 / 40%);--accent-solid: #3FAF9A;--accent-hover: #52C3AE;--accent-pressed: #359C88;--accent-fg: #6FCEBA;--accent-subtle: rgb(63 175 154 / 14%);--accent-border: rgb(63 175 154 / 45%);--on-accent: #06251F;--time-solid: #EF6653;--danger-solid: #D94E3F;--danger-fg: #EC8074;--danger-subtle: rgb(217 78 63 / 15%);--danger-border: color-mix(in srgb, var(--danger-solid) 40%, transparent);--on-danger: #2A0E0A;--success-fg: #8FCC84;--success-solid: #6FA863;--success-subtle: color-mix(in srgb, var(--success-solid) 14%, transparent);--success-border: color-mix(in srgb, var(--success-solid) 40%, transparent);--warning-fg: #D9A94E;--warning-solid: #C29237;--warning-subtle: color-mix(in srgb, var(--warning-solid) 14%, transparent);--warning-border: color-mix(in srgb, var(--warning-solid) 40%, transparent);--orange-fg: #E08A3C;--orange-solid: #C9722C;--orange-subtle: color-mix(in srgb, var(--orange-solid) 14%, transparent);--orange-border: color-mix(in srgb, var(--orange-solid) 40%, transparent);--info-fg: #7C9BD9;--info-solid: #5F7FC2;--info-subtle: color-mix(in srgb, var(--info-solid) 14%, transparent);--info-border: color-mix(in srgb, var(--info-solid) 40%, transparent);--violet-fg: #A98FD9;--violet-solid: #8B6FC2;--violet-subtle: color-mix(in srgb, var(--violet-solid) 14%, transparent);--violet-border: color-mix(in srgb, var(--violet-solid) 40%, transparent);--font-ui: "Inter", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", system-ui, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", ui-monospace, Menlo, Consolas, monospace;--text-2xs: 11px;--text-xs: 12px;--text-sm: 13px;--text-md: 14px;--text-lg: 16px;--text-xl: 20px;--text-2xl: 28px;--space-1: 2px;--space-2: 4px;--space-3: 6px;--space-4: 8px;--space-5: 12px;--space-6: 16px;--space-7: 20px;--space-8: 24px;--space-9: 32px;--space-10: 40px;--space-11: 48px;--space-12: 64px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-sheet: 14px;--radius-full: 999px;--shadow-1: 0 1px 2px rgb(16 12 8 / 40%);--shadow-2: 0 4px 16px rgb(16 12 8 / 45%);--shadow-3: 0 8px 32px rgb(16 12 8 / 50%);--shadow-4: 0 16px 48px rgb(16 12 8 / 55%);--z-sticky: 10;--z-header: 20;--z-drawer: 40;--z-sheet: 50;--z-popover: 60;--z-toast: 70;--z-tooltip: 80;--ease-standard: cubic-bezier(.25, .1, .25, 1);--ease-emphasized: cubic-bezier(.32, .72, 0, 1);--wave-gradient: linear-gradient(180deg, var(--accent-solid), var(--info-solid));--studio-canvas: #0A0908;--studio-primary: #EDE9E2;--studio-outline: #100F0E;--studio-shadow: #100F0E;--header-height: 48px;--sidebar-width: 248px;--sidebar-collapsed-width: 64px;--drawer-default-width: 480px;--drawer-min-width: 360px;--drawer-max-width: 720px;--control-height: 32px;--control-sm-height: 26px;--touch-target: 40px;--row-height: 36px;--event-row-height: 32px;--kanban-column-width: 300px;--border-width: 1px;--focus-width: 2px;--avatar-size: 24px;--avatar-large-size: 28px;--icon-size: 16px;--scrim-opacity: 0}[data-theme=light]{color-scheme:light;--surface-canvas: #FAF8F4;--surface-sunken: #F2EFE9;--surface-panel: #FFFFFF;--surface-raised: #FFFFFF;--surface-overlay: #F5F2EC;--surface-press: #EAE6DD;--border-subtle: #E4E0D6;--border-default: #D2CCC0;--border-strong: #B8B0A0;--fg-primary: #1E1B16;--fg-secondary: #4A463D;--fg-tertiary: #767066;--fg-disabled: #A8A296;--scrim-strong: rgb(30 24 18 / 44%);--scrim-light: rgb(30 24 18 / 28%);--accent-solid: #27816F;--accent-hover: #226A5B;--accent-pressed: #1D5C4E;--accent-fg: #1F6E5E;--accent-subtle: rgb(39 129 111 / 12%);--accent-border: rgb(39 129 111 / 40%);--on-accent: #FFFFFF;--time-solid: #C2432F;--danger-solid: #C2432F;--danger-fg: #B03A2C;--danger-subtle: rgb(194 67 47 / 10%);--danger-border: color-mix(in srgb, var(--danger-solid) 32%, transparent);--on-danger: #FFFFFF;--studio-canvas: #0A0908;--studio-primary: #1E1B16;--studio-outline: #FAF8F4;--studio-shadow: #FAF8F4;--success-fg: #4E7D45;--success-solid: #4E7D45;--warning-fg: #8F6B1E;--warning-solid: #8F6B1E;--orange-fg: #A85A1F;--orange-solid: #A85A1F;--info-fg: #3E5FA8;--info-solid: #3E5FA8;--violet-fg: #6D4FA8;--violet-solid: #6D4FA8;--shadow-1: 0 1px 2px rgb(60 50 40 / 10%);--shadow-2: 0 4px 16px rgb(60 50 40 / 12%);--shadow-3: 0 8px 32px rgb(60 50 40 / 14%);--shadow-4: 0 16px 48px rgb(60 50 40 / 16%)}[data-motion=reduced] *{animation-duration:.12s!important;animation-iteration-count:1!important;transition-duration:.12s!important}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--surface-canvas);color:var(--fg-primary);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:400;line-height:1.5}button,input,select,textarea{color:inherit;font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:var(--focus-width) solid var(--accent-fg);outline-offset:var(--space-2)}h1,h2,h3,p{margin:0}h1{font-size:var(--text-xl);font-weight:600;letter-spacing:-.02em;line-height:1.35}h2{font-size:var(--text-lg);font-weight:500;line-height:1.4}h3{font-size:var(--text-md);font-weight:500}small{color:var(--fg-secondary);font-size:var(--text-xs)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mono,kbd,.timecode{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.eyebrow{color:var(--fg-tertiary);font-size:var(--text-2xs);font-weight:500;letter-spacing:.04em;text-transform:uppercase}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);min-height:100vh}.main-area{min-width:0;background:var(--surface-canvas)}.sidebar{display:flex;position:relative;z-index:var(--z-header);flex-direction:column;width:var(--sidebar-width);min-height:100vh;padding:var(--space-6) var(--space-4) var(--space-5);background:var(--surface-sunken);border-right:var(--border-width) solid var(--border-subtle);transition:width var(--ease-emphasized) .18s}.sidebar.collapsed{width:var(--sidebar-collapsed-width);padding-inline:var(--space-3)}.brand{display:flex;align-items:center;min-height:var(--control-height);gap:var(--space-3);padding:0 var(--space-2)}.brand-mark{display:grid;position:relative;place-items:center;width:24px;height:24px;border:var(--border-width) solid var(--accent-border);border-radius:var(--radius-full);color:var(--accent-fg)}.brand-mark:before,.brand-mark:after,.brand-mark span{position:absolute;width:8px;height:12px;border:var(--border-width) solid currentColor;border-radius:8px 8px 2px;content:"";transform:rotate(45deg)}.brand-mark:after{transform:rotate(-45deg)}.brand-mark span{width:2px;height:16px;border:0;border-left:var(--border-width) solid currentColor;border-radius:0;transform:rotate(0)}.brand-copy{display:grid;flex:1;line-height:1.05}.brand-copy strong{font-size:var(--text-sm);font-weight:600}.brand-copy small{color:var(--fg-tertiary);font-size:var(--text-2xs)}.sidebar-toggle{flex:0 0 auto}.collapsed .brand-copy,.collapsed .workspace-copy,.collapsed .sidebar nav button span,.collapsed .sidebar nav button em,.collapsed .sidebar nav button small,.collapsed .sidebar-bottom span{display:none}.collapsed .brand{justify-content:center;padding:0}.collapsed .sidebar-toggle{position:absolute;top:var(--space-6);right:calc(var(--space-2) * -1);background:var(--surface-raised)}.workspace-switcher{display:flex;align-items:center;min-height:48px;gap:var(--space-3);margin-top:var(--space-8);padding:var(--space-3);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-panel)}.collapsed .workspace-switcher{justify-content:center;padding-inline:0}.workspace-avatar{display:grid;flex:0 0 auto;place-items:center;width:var(--avatar-size);height:var(--avatar-size);border-radius:var(--radius-sm);background:var(--accent-subtle);color:var(--accent-fg);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500}.workspace-copy{display:grid;flex:1;line-height:1.2}.workspace-copy strong{font-size:var(--text-xs);font-weight:500}.workspace-copy small{color:var(--fg-tertiary);font-size:var(--text-2xs)}.primary-nav,.secondary-nav{display:grid;gap:var(--space-1);margin-top:var(--space-8)}.secondary-nav{margin-top:var(--space-4)}.sidebar nav button{display:flex;align-items:center;min-height:var(--touch-target);gap:var(--space-4);padding:0 var(--space-3);border-radius:var(--radius-md);background:transparent;color:var(--fg-secondary);text-align:left;transition:background .12s var(--ease-standard),color .12s var(--ease-standard)}.sidebar nav button:hover{background:var(--surface-raised);color:var(--fg-primary)}.sidebar nav button:active{background:var(--surface-press);transform:scale(.97)}.sidebar nav button.active{background:var(--accent-subtle);color:var(--accent-fg)}.sidebar nav button span{flex:1}.sidebar nav button em{min-width:20px;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);background:var(--danger-subtle);color:var(--danger-fg);font-size:var(--text-2xs);font-style:normal;text-align:center}.sidebar nav button small{margin-left:auto;color:var(--fg-tertiary);font-size:var(--text-2xs)}.collapsed .sidebar nav button{justify-content:center;padding-inline:0}.sidebar-divider{height:var(--border-width);margin:var(--space-6) var(--space-3) 0;background:var(--border-subtle)}.sidebar-bottom{display:grid;gap:var(--space-5);margin-top:auto}.sync-state,.profile{display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-3)}.sync-state span:nth-child(2),.profile>span{display:grid;flex:1;line-height:1.2}.sync-state strong,.profile strong{font-size:var(--text-xs);font-weight:500}.sync-state small,.profile small{font-size:var(--text-2xs)}.sync-dot{width:6px;height:6px;border-radius:var(--radius-full);background:var(--success-fg);box-shadow:0 0 0 3px var(--success-subtle)}.topbar{display:flex;align-items:center;height:var(--header-height);padding:0 var(--space-8);border-bottom:var(--border-width) solid var(--border-subtle);background:color-mix(in srgb,var(--surface-canvas) 92%,transparent)}.mobile-menu{display:none}.topbar-context{display:flex;align-items:center;min-width:0;gap:var(--space-3);color:var(--fg-secondary)}.topbar-context strong{color:var(--fg-primary);font-weight:500}.topbar-project{display:flex;align-items:center;max-width:320px;gap:var(--space-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-xs)}.project-dot{width:7px;height:7px;border-radius:var(--radius-full);background:var(--accent-solid)}.view-switcher{display:flex;align-items:center;height:28px;gap:var(--space-1);margin:auto;padding:var(--space-1);border-radius:var(--radius-full);background:var(--surface-sunken)}.view-switcher button{display:flex;align-items:center;height:24px;gap:var(--space-2);padding:0 var(--space-4);border-radius:var(--radius-full);background:transparent;color:var(--fg-tertiary);font-size:var(--text-xs);transition:background .12s var(--ease-standard),color .12s var(--ease-standard)}.view-switcher button:hover{color:var(--fg-secondary)}.view-switcher button:active{transform:scale(.97)}.view-switcher button.active{background:var(--surface-press);box-shadow:var(--shadow-1);color:var(--fg-primary);font-weight:500}.topbar-actions{display:flex;align-items:center;gap:var(--space-3)}.command-button{display:flex;align-items:center;height:var(--control-height);gap:var(--space-2);padding:0 var(--space-3);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-panel);color:var(--fg-secondary);font-size:var(--text-xs)}.command-button:hover{border-color:var(--border-strong);color:var(--fg-primary)}.command-button kbd,.search-box kbd{padding:var(--space-1) var(--space-2);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-sm);color:var(--fg-tertiary);font-size:var(--text-2xs)}.filter-row{display:flex;align-items:center;min-height:56px;gap:var(--space-6);padding:0 var(--space-8);border-bottom:var(--border-width) solid var(--border-subtle)}.filter-bar{display:flex;flex:1;align-items:center;min-width:0;gap:var(--space-3)}.search-box{display:flex;align-items:center;min-width:220px;max-width:300px;height:var(--control-height);gap:var(--space-2);padding:0 var(--space-3);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-sunken);color:var(--fg-tertiary)}.search-box:focus-within{border-color:var(--accent-fg);box-shadow:0 0 0 var(--space-2) var(--accent-subtle)}.search-box input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--fg-primary);font-size:var(--text-xs)}.search-box input::placeholder{color:var(--fg-tertiary)}.filter-selects{display:flex;align-items:center;gap:var(--space-2)}.select-wrap{display:flex;position:relative;align-items:center;height:var(--control-height)}.select-wrap select{height:100%;padding:0 var(--space-8) 0 var(--space-3);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:var(--border-width) solid transparent;border-radius:var(--radius-md);background:var(--surface-canvas);color:var(--fg-secondary);font-size:var(--text-xs);cursor:pointer}.select-wrap select:hover{border-color:var(--border-default);background:var(--surface-panel);color:var(--fg-primary)}.select-wrap svg{position:absolute;right:var(--space-3);pointer-events:none;color:var(--fg-tertiary)}.filter-trigger{border:var(--border-width) solid var(--border-default)!important}.filter-row-actions{display:flex;align-items:center;gap:var(--space-3)}.motion-toggle{display:flex;align-items:center;gap:var(--space-2);color:var(--fg-tertiary);font-size:var(--text-2xs);white-space:nowrap}.motion-toggle input{accent-color:var(--accent-solid)}.page-body{padding:var(--space-8)}.overview-page{max-width:1600px;margin:0 auto}.page-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-6);margin-bottom:var(--space-8)}.breadcrumb{display:flex;align-items:center;min-width:0;gap:var(--space-2);margin-bottom:var(--space-3);color:var(--fg-tertiary);font-size:var(--text-xs)}.breadcrumb .current{overflow:hidden;color:var(--fg-secondary);text-overflow:ellipsis;white-space:nowrap}.page-intro p,.subpage-intro p,.studio-head p{margin-top:var(--space-2);color:var(--fg-secondary)}.intro-actions,.panel-actions,.studio-actions{display:flex;align-items:center;gap:var(--space-3)}.button{display:inline-flex;align-items:center;justify-content:center;min-width:var(--touch-target);height:var(--control-height);gap:var(--space-2);padding:0 var(--space-5);border:var(--border-width) solid transparent;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;transition:transform .12s var(--ease-standard),background .12s var(--ease-standard),border-color .12s var(--ease-standard),color .12s var(--ease-standard)}.button.sm{height:var(--control-sm-height);padding-inline:var(--space-3);font-size:var(--text-xs)}.button:hover{transform:translateY(-1px)}.button:active{transform:scale(.97)}.button.primary{background:var(--accent-solid);color:var(--on-accent)}.button.primary:hover{background:var(--accent-hover)}.button.primary:active{background:var(--accent-pressed)}.button.secondary{border-color:var(--border-default);background:var(--surface-panel);color:var(--fg-primary)}.button.secondary:hover{border-color:var(--border-strong);background:var(--surface-raised)}.button.ghost{background:transparent;color:var(--fg-secondary)}.button.ghost:hover{background:var(--surface-raised);color:var(--fg-primary)}.button.danger{background:var(--danger-subtle);color:var(--danger-fg)}.button.danger:hover{background:var(--danger-solid);color:var(--on-danger)}.button:disabled{opacity:.5;transform:none}.spinner{width:13px;height:13px;border:2px solid currentColor;border-right-color:transparent;border-radius:var(--radius-full)}.icon-button{display:inline-grid;place-items:center;width:var(--control-height);height:var(--control-height);padding:0;border-radius:var(--radius-md);background:transparent;color:var(--fg-tertiary);transition:background .12s var(--ease-standard),color .12s var(--ease-standard),transform .12s var(--ease-standard)}.icon-button:hover{background:var(--surface-raised);color:var(--fg-primary)}.icon-button:active{background:var(--surface-press);transform:scale(.97)}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.metric-card{min-height:128px;padding:var(--space-6);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-panel)}.metric-top{display:flex;align-items:center;justify-content:space-between}.metric-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:var(--radius-md)}.metric-icon.info{background:var(--info-subtle);color:var(--info-fg)}.metric-icon.violet{background:var(--violet-subtle);color:var(--violet-fg)}.metric-icon.warning{background:var(--warning-subtle);color:var(--warning-fg)}.metric-icon.success{background:var(--success-subtle);color:var(--success-fg)}.metric-value{display:block;margin-top:var(--space-4);color:var(--fg-primary);font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:600;letter-spacing:-.02em;line-height:1}.metric-detail{display:block;margin-top:var(--space-3);font-size:var(--text-xs)}.metric-detail.info{color:var(--info-fg)}.metric-detail.violet{color:var(--violet-fg)}.metric-detail.warning{color:var(--warning-fg)}.metric-detail.success{color:var(--success-fg)}.overview-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:var(--space-6);margin-bottom:var(--space-6)}.panel{border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-panel)}.panel-header{display:flex;align-items:center;justify-content:space-between;min-height:70px;padding:var(--space-5) var(--space-6);border-bottom:var(--border-width) solid var(--border-subtle)}.panel-header h2{margin-top:var(--space-1)}.panel-note{color:var(--fg-tertiary);font-size:var(--text-xs)}.alert-list{padding:var(--space-2) 0}.alert-row{display:flex;align-items:center;width:100%;min-height:64px;gap:var(--space-4);padding:0 var(--space-6);background:transparent;color:var(--fg-primary);text-align:left}.alert-row:hover{background:var(--surface-raised)}.alert-row:active{background:var(--surface-press)}.alert-mark{display:grid;flex:0 0 auto;place-items:center;width:28px;height:28px;border-radius:var(--radius-md)}.alert-mark.warning{background:var(--warning-subtle);color:var(--warning-fg)}.alert-mark.danger{background:var(--danger-subtle);color:var(--danger-fg)}.alert-copy{display:grid;flex:1;min-width:0;gap:var(--space-1)}.alert-copy strong{overflow:hidden;font-size:var(--text-sm);font-weight:500;text-overflow:ellipsis;white-space:nowrap}.alert-copy small{font-size:var(--text-xs)}.pipeline{display:grid;gap:var(--space-5);padding:var(--space-6)}.pipeline-step{display:grid;gap:var(--space-2)}.pipeline-count{display:flex;align-items:baseline;gap:var(--space-3)}.pipeline-count strong{min-width:24px;color:var(--fg-primary);font-family:var(--font-mono);font-size:var(--text-lg);font-weight:500}.pipeline-count span{color:var(--fg-secondary);font-size:var(--text-xs)}.pipeline-track{height:6px;overflow:hidden;border-radius:var(--radius-full);background:var(--surface-raised)}.pipeline-track span{display:block;height:100%;border-radius:inherit;background:var(--accent-solid)}.pipeline-step:nth-child(2) .pipeline-track span{background:var(--info-solid)}.pipeline-step:nth-child(3) .pipeline-track span{background:var(--violet-solid)}.pipeline-step:nth-child(4) .pipeline-track span{background:var(--success-solid)}.pipeline-step:nth-child(5) .pipeline-track span{background:var(--border-strong)}.pipeline-foot{display:flex;flex-wrap:wrap;gap:var(--space-5);padding:0 var(--space-6) var(--space-5);color:var(--fg-tertiary);font-size:var(--text-2xs)}.pipeline-foot>span{display:inline-flex;align-items:center;gap:var(--space-2)}.dot{width:6px;height:6px;border-radius:var(--radius-full)}.dot.info{background:var(--info-fg)}.dot.danger{background:var(--danger-fg)}.dot.success{background:var(--success-fg)}.table-panel{overflow:hidden}.table-heading{min-height:70px}.status-legend{display:flex;gap:var(--space-3)}.status-legend .status-pill{border:0;padding-inline:0}.table-shell{overflow-x:auto}.progress-table{width:100%;border-collapse:collapse;table-layout:auto}.progress-table th{height:36px;padding:0 var(--space-5);color:var(--fg-tertiary);font-size:var(--text-2xs);font-weight:500;letter-spacing:.04em;text-align:left;text-transform:uppercase;white-space:nowrap}.progress-table td{height:var(--row-height);padding:0 var(--space-5);border-top:var(--border-width) solid var(--border-subtle);color:var(--fg-secondary);white-space:nowrap}.progress-table tbody tr{cursor:pointer;transition:background .12s var(--ease-standard)}.progress-table tbody tr:hover{background:var(--surface-raised)}.progress-table tbody tr:active{background:var(--surface-press)}.package-cell{display:flex;align-items:center;min-width:300px;gap:var(--space-4)}.package-cell>span:nth-child(2){display:grid;gap:var(--space-1)}.package-cell strong{overflow:hidden;max-width:320px;color:var(--fg-primary);font-size:var(--text-sm);font-weight:500;text-overflow:ellipsis}.package-cell small{font-family:var(--font-mono);font-size:var(--text-2xs)}.row-index{color:var(--fg-tertiary);font-family:var(--font-mono);font-size:var(--text-2xs)}.person{display:inline-flex;align-items:center;gap:var(--space-2)}.person span:last-child{font-size:var(--text-xs)}.avatar{display:inline-grid;flex:0 0 auto;place-items:center;width:var(--avatar-size);height:var(--avatar-size);border-radius:var(--radius-full);font-family:var(--font-ui);font-size:var(--text-2xs);font-weight:500}.avatar.large{width:var(--avatar-large-size);height:var(--avatar-large-size);font-size:var(--text-xs)}.avatar-a{background:color-mix(in srgb,var(--success-solid) 24%,transparent);color:var(--success-solid)}.avatar-b{background:color-mix(in srgb,var(--warning-solid) 24%,transparent);color:var(--warning-solid)}.avatar-c{background:color-mix(in srgb,var(--orange-solid) 24%,transparent);color:var(--orange-solid)}.avatar-d{background:color-mix(in srgb,var(--info-solid) 24%,transparent);color:var(--info-solid)}.avatar-e{background:color-mix(in srgb,var(--violet-solid) 24%,transparent);color:var(--violet-solid)}.avatar-f{background:color-mix(in srgb,var(--danger-fg) 24%,transparent);color:var(--danger-fg)}.avatar-g{background:color-mix(in srgb,var(--warning-fg) 24%,transparent);color:var(--warning-fg)}.avatar-h{background:color-mix(in srgb,var(--info-fg) 24%,transparent);color:var(--info-fg)}.status-pill{display:inline-flex;align-items:center;height:22px;gap:var(--space-2);padding:0 var(--space-2);border:var(--border-width) solid currentColor;border-radius:var(--radius-full);font-size:var(--text-xs);white-space:nowrap}.status-pill.subtle{border-color:transparent}.status-pill.neutral{color:var(--fg-tertiary)}.status-pill.info{color:var(--info-fg)}.status-pill.violet{color:var(--violet-fg)}.status-pill.success{color:var(--success-fg)}.status-pill.danger{color:var(--danger-fg);background:var(--danger-subtle);border-color:transparent}.status-pill.orange{color:var(--orange-fg)}.status-pill.skipped span:last-child{text-decoration:line-through}.stage-chip{display:inline-flex;align-items:center;gap:var(--space-2)}.stage-chip>span:first-child{color:var(--fg-secondary);font-size:var(--text-xs)}.stage-chip .status-pill{border:0;padding:0}.priority{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs)}.priority.neutral{color:var(--fg-tertiary)}.priority.info{color:var(--info-fg)}.priority.orange{color:var(--orange-fg)}.priority.danger{color:var(--danger-fg)}.due-date{display:grid;gap:0}.due-date small{font-size:var(--text-2xs)}.due-date.overdue,.due-date.overdue small{color:var(--danger-fg)}.issue-count{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--warning-fg);font-family:var(--font-mono);font-size:var(--text-xs)}.muted-check{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--success-fg);font-size:var(--text-xs)}.row-menu{visibility:hidden}.progress-table tr:hover .row-menu,.progress-table tr:focus-within .row-menu{visibility:visible}.empty-state{display:grid;place-items:center;gap:var(--space-4);min-height:240px;padding:var(--space-8);color:var(--fg-tertiary);text-align:center}.empty-state.compact{display:flex;justify-content:center;min-height:100px;padding:var(--space-5);font-size:var(--text-xs)}.subpage{max-width:1600px;margin:0 auto}.subpage-intro{align-items:center}.subpage-intro h1{font-size:var(--text-xl)}.text-button{display:inline-flex;align-items:center;gap:var(--space-2);background:transparent;color:var(--accent-fg);font-size:var(--text-xs)}.kanban-board{display:grid;grid-template-columns:repeat(4,minmax(var(--kanban-column-width),1fr));align-items:start;gap:var(--space-5);overflow-x:auto;padding-bottom:var(--space-4)}.kanban-column{min-width:var(--kanban-column-width);padding:var(--space-3);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-sunken)}.kanban-column-head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);color:var(--fg-secondary);font-size:var(--text-sm);font-weight:500}.count-badge{display:grid;place-items:center;min-width:22px;height:22px;border-radius:var(--radius-full);background:var(--surface-press);color:var(--fg-tertiary);font-family:var(--font-mono);font-size:var(--text-2xs)}.kanban-cards{display:grid;gap:var(--space-3)}.kanban-card{display:grid;position:relative;gap:var(--space-4);min-height:150px;padding:var(--space-5);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-panel);text-align:left;box-shadow:var(--shadow-1);transition:background .12s var(--ease-standard),border-color .12s var(--ease-standard),box-shadow .12s var(--ease-standard)}.kanban-card:hover{border-color:var(--border-strong);background:var(--surface-raised);box-shadow:var(--shadow-2)}.kanban-title{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.kanban-title strong{display:-webkit-box;overflow:hidden;color:var(--fg-primary);font-size:var(--text-sm);font-weight:500;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}.kanban-meta{display:flex;align-items:center;justify-content:space-between;font-size:var(--text-2xs)}.kanban-meta>span:first-child{display:inline-flex;align-items:center;gap:var(--space-2)}.blocked-badge{display:inline-flex;align-items:center;width:fit-content;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--danger-subtle);color:var(--danger-fg);font-size:var(--text-2xs)}.zoom-control{display:flex;align-items:center;height:var(--control-height);gap:var(--space-2);padding:0 var(--space-2);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-panel);color:var(--fg-secondary);font-size:var(--text-xs)}.zoom-control .icon-button{width:24px;height:24px}.gantt-shell{position:relative;overflow:auto;border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-panel)}.gantt-header,.gantt-row{display:grid;grid-template-columns:280px minmax(720px,1fr)}.gantt-header{min-height:40px;border-bottom:var(--border-width) solid var(--border-subtle)}.gantt-label{display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-5);border-right:var(--border-width) solid var(--border-subtle)}.gantt-header .gantt-label{color:var(--fg-tertiary);font-size:var(--text-2xs);letter-spacing:.04em;text-transform:uppercase}.gantt-calendar{display:grid;grid-template-columns:repeat(18,1fr);align-items:center;color:var(--fg-tertiary);font-family:var(--font-mono);font-size:var(--text-2xs);text-align:center}.gantt-calendar span{height:100%;padding-top:var(--space-3);border-right:var(--border-width) solid var(--border-subtle)}.gantt-calendar .today-label{color:var(--time-solid)}.gantt-row{position:relative;width:100%;min-height:var(--row-height);border-bottom:var(--border-width) solid var(--border-subtle);background:transparent;text-align:left}.gantt-row:hover{background:var(--surface-raised)}.gantt-row>.gantt-label{display:flex;min-width:0}.gantt-label>span:last-child{display:grid;min-width:0}.gantt-label strong{overflow:hidden;color:var(--fg-primary);font-size:var(--text-xs);font-weight:500;text-overflow:ellipsis;white-space:nowrap}.gantt-label small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gantt-track{position:relative;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(5.555% - var(--border-width)),var(--border-subtle) 5.555%)}.gantt-bar{display:flex;position:absolute;top:var(--space-3);align-items:center;height:18px;min-width:50px;padding:0 var(--space-2);border:var(--border-width) solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--fg-secondary);font-family:var(--font-mono);font-size:var(--text-2xs);white-space:nowrap}.gantt-bar span{overflow:hidden;text-overflow:ellipsis}.dependency{position:absolute;top:22px;width:22px;height:var(--border-width);background:var(--border-strong)}.dependency:after{position:absolute;right:0;top:-3px;width:6px;height:6px;border-right:var(--border-width) solid var(--border-strong);border-top:var(--border-width) solid var(--border-strong);content:"";transform:rotate(45deg)}.today-line{position:absolute;top:0;bottom:0;left:calc(280px + (100% - 280px)*.666);width:var(--border-width);pointer-events:none;background:var(--time-solid)}.today-line span{display:inline-flex;position:absolute;top:var(--space-2);left:var(--space-2);align-items:center;gap:var(--space-1);color:var(--time-solid);font-size:var(--text-2xs);white-space:nowrap}.review-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:var(--space-6)}.review-list{display:grid;gap:var(--space-3)}.issue-card{display:flex;position:relative;min-height:150px;overflow:hidden;padding:0;border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-panel);text-align:left}.issue-card:hover{border-color:var(--border-strong);background:var(--surface-raised)}.severity-bar{flex:0 0 var(--space-1);background:var(--info-solid)}.severity-bar.normal,.severity-dot.normal{background:var(--warning-solid)}.severity-bar.major,.severity-dot.major{background:var(--orange-solid)}.severity-bar.critical,.severity-dot.critical{background:var(--danger-solid)}.issue-card-body{display:grid;flex:1;gap:var(--space-3);padding:var(--space-5) var(--space-6)}.issue-card-top,.issue-card-foot{display:flex;align-items:center;gap:var(--space-3)}.issue-type{color:var(--fg-tertiary);font-size:var(--text-xs)}.issue-status{margin-left:auto;color:var(--fg-tertiary);font-size:var(--text-xs)}.severity-pill{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs)}.severity-pill.hint{color:var(--info-fg)}.severity-pill.normal{color:var(--warning-fg)}.severity-pill.major{color:var(--orange-fg)}.severity-pill.critical{color:var(--danger-fg)}.severity-dot{display:inline-block;width:7px;height:7px;border-radius:var(--radius-full);background:var(--info-solid)}.issue-card-body>strong{color:var(--fg-primary);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:400}.issue-card-body p{color:var(--fg-secondary);font-size:var(--text-sm)}.issue-card-foot{color:var(--fg-tertiary);font-size:var(--text-2xs)}.issue-card-foot>span:first-child{display:inline-flex;align-items:center;gap:var(--space-2)}.issue-card-foot .mono{margin-left:auto}.review-summary{height:fit-content;padding:var(--space-6)}.review-number{display:block;margin-top:var(--space-5);font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:600}.summary-rule{height:var(--border-width);margin:var(--space-6) 0;background:var(--border-subtle)}.severity-summary{display:grid;gap:var(--space-4)}.severity-summary span{display:flex;align-items:center;gap:var(--space-2);color:var(--fg-secondary);font-size:var(--text-xs)}.severity-summary b{margin-left:auto;color:var(--fg-primary);font-family:var(--font-mono);font-weight:500}.activity-panel{background:transparent;border:0}.activity-panel .panel-header{padding-inline:0}.activity-list{display:grid;gap:var(--space-5);padding:var(--space-5) 0}.activity-row{display:flex;align-items:flex-start;gap:var(--space-3)}.activity-icon{display:grid;flex:0 0 auto;place-items:center;width:24px;height:24px;border-radius:var(--radius-full)}.activity-icon.success{background:var(--success-subtle);color:var(--success-fg)}.activity-icon.info{background:var(--info-subtle);color:var(--info-fg)}.activity-icon.warning{background:var(--warning-subtle);color:var(--warning-fg)}.activity-icon.danger{background:var(--danger-subtle);color:var(--danger-fg)}.activity-row>div{min-width:0;flex:1}.activity-row p{color:var(--fg-secondary);font-size:var(--text-xs)}.activity-row p strong{color:var(--fg-primary);font-weight:500}.activity-row>div>span{display:block;overflow:hidden;margin-top:var(--space-1);color:var(--fg-tertiary);font-family:var(--font-mono);font-size:var(--text-2xs);text-overflow:ellipsis;white-space:nowrap}.activity-row time{color:var(--fg-tertiary);font-size:var(--text-2xs);white-space:nowrap}.drawer-layer{position:fixed;z-index:var(--z-drawer);top:0;right:0;bottom:0;left:0}.drawer-scrim{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:var(--scrim-light)}.detail-drawer{display:flex;position:absolute;top:0;right:0;flex-direction:column;height:100%;min-width:var(--drawer-min-width);max-width:var(--drawer-max-width);border-left:var(--border-width) solid var(--border-default);background:var(--surface-panel);box-shadow:var(--shadow-3)}.drawer-resize{position:absolute;z-index:1;top:0;bottom:0;left:calc(var(--space-2) * -1);width:var(--space-4);cursor:ew-resize}.drawer-resize:hover:after{background:var(--accent-fg)}.drawer-resize:after{display:block;width:var(--border-width);height:100%;margin:0 auto;background:transparent;content:""}.drawer-head{position:relative;padding:var(--space-8) var(--space-8) var(--space-6);border-bottom:var(--border-width) solid var(--border-subtle)}.drawer-head>.icon-button{position:absolute;top:var(--space-7);right:var(--space-6)}.drawer-head h2{max-width:calc(100% - 32px);margin-top:var(--space-5);font-size:var(--text-lg)}.drawer-subhead{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-4)}.version-tag{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--fg-secondary);font-family:var(--font-mono);font-size:var(--text-2xs)}.tabs{display:flex;height:44px;gap:var(--space-5);padding:0 var(--space-8);border-bottom:var(--border-width) solid var(--border-subtle)}.tabs button,.inspector-tabs button{position:relative;padding:0;background:transparent;color:var(--fg-tertiary);font-size:var(--text-xs)}.tabs button:hover,.inspector-tabs button:hover{color:var(--fg-primary)}.tabs button.active,.inspector-tabs button.active{color:var(--fg-primary);font-weight:500}.tabs button.active:after,.inspector-tabs button.active:after{position:absolute;right:0;bottom:0;left:0;height:var(--space-1);background:var(--accent-solid);content:""}.drawer-content{flex:1;overflow:auto;padding:var(--space-6) var(--space-8) 88px}.drawer-overview{display:grid;gap:var(--space-7)}.detail-status,.deadline-card,.assignee-line,.drawer-section-title,.stage-progress{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.detail-status>div,.assignee-line>span{display:grid;gap:var(--space-1)}.detail-status strong{margin-top:var(--space-2);font-size:var(--text-md);font-weight:500}.deadline-card{padding:var(--space-5);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-sunken)}.deadline-card strong{display:block;margin-top:var(--space-2);color:var(--fg-primary);font-size:var(--text-sm);font-weight:500}.deadline-card>span{color:var(--success-fg);font-size:var(--text-xs)}.deadline-card.overdue{border-color:var(--danger-border)}.deadline-card.overdue>span{color:var(--danger-fg)}.detail-section{display:grid;gap:var(--space-4)}.assignee-line{justify-content:flex-start}.assignee-line>span{flex:1}.assignee-line strong{font-size:var(--text-sm);font-weight:500}.detail-note{color:var(--fg-secondary);font-size:var(--text-sm)}.drawer-workflow{display:grid;gap:0}.workflow-line{display:grid;position:relative;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;min-height:36px;gap:var(--space-3)}.workflow-node{display:grid;position:relative;z-index:1;place-items:center;width:20px;height:20px;border-radius:var(--radius-full);background:var(--surface-raised);color:var(--fg-tertiary)}.workflow-node.info{color:var(--info-fg)}.workflow-node.violet{color:var(--violet-fg)}.workflow-node.success{color:var(--success-fg)}.workflow-node.danger{background:var(--danger-subtle);color:var(--danger-fg)}.workflow-node.orange{color:var(--orange-fg)}.workflow-line i{position:absolute;top:28px;bottom:-8px;left:9px;width:var(--border-width);background:var(--border-subtle)}.workflow-line span:nth-child(2){color:var(--fg-secondary);font-size:var(--text-xs)}.workflow-line small{font-size:var(--text-2xs)}.drawer-footer{display:flex;position:absolute;right:0;bottom:0;left:0;align-items:center;justify-content:flex-end;gap:var(--space-3);min-height:72px;padding:var(--space-4) var(--space-8);border-top:var(--border-width) solid var(--border-subtle);background:var(--surface-panel)}.drawer-footer>div{flex:1}.save-state{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--success-fg);font-size:var(--text-xs)}.drawer-section-title{align-items:end}.drawer-section-title h3{margin-top:var(--space-1)}.stage-progress{min-height:54px;border-bottom:var(--border-width) solid var(--border-subtle)}.stage-progress>div{display:grid;gap:var(--space-1)}.stage-progress strong{color:var(--fg-primary);font-size:var(--text-xs);font-weight:500}.stage-progress small{font-family:var(--font-mono);font-size:var(--text-2xs)}.transition-actions{display:flex;gap:var(--space-3)}.file-row{display:flex;align-items:center;min-height:56px;gap:var(--space-3);border-bottom:var(--border-width) solid var(--border-subtle)}.file-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:var(--radius-md);background:var(--surface-raised);color:var(--accent-fg)}.file-row>span:nth-child(2){display:grid;flex:1;gap:var(--space-1)}.file-row strong{overflow:hidden;color:var(--fg-primary);font-size:var(--text-xs);font-weight:500;text-overflow:ellipsis;white-space:nowrap}.file-row small{font-size:var(--text-2xs)}.asset-state{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--success-fg);font-size:var(--text-2xs)}.import-callout{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-5);padding:var(--space-4);border:var(--border-width) dashed var(--accent-border);border-radius:var(--radius-md);background:var(--accent-subtle);color:var(--accent-fg)}.import-callout div{display:grid;flex:1;gap:var(--space-1)}.import-callout strong{color:var(--fg-primary);font-size:var(--text-xs);font-weight:500}.import-callout small{font-size:var(--text-2xs)}.studio{min-height:100vh;padding:var(--space-7);background:var(--surface-canvas)}.studio-head{display:flex;align-items:center;justify-content:space-between;min-height:48px;margin-bottom:var(--space-5)}.studio-head h1{font-size:var(--text-lg)}.studio-grid{display:grid;grid-template-columns:minmax(520px,1fr) minmax(420px,.9fr);grid-template-rows:minmax(0,1fr) 260px;gap:var(--space-4);min-height:calc(100vh - 120px)}.studio-screen,.studio-events,.studio-inspector{overflow:hidden;border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-sunken)}.studio-screen{display:grid;grid-template-rows:minmax(300px,1fr) 150px;grid-row:span 2}.video-stage{display:flex;position:relative;flex-direction:column;justify-content:space-between;min-height:300px;padding:var(--space-5);background:#0a0908}.video-meta,.video-controls{display:flex;align-items:center;gap:var(--space-3);color:var(--fg-tertiary);font-size:var(--text-2xs)}.video-meta{justify-content:space-between}.live-dot{display:inline-block;width:6px;height:6px;margin-right:var(--space-2);border-radius:var(--radius-full);background:var(--time-solid)}.video-subtitle{align-self:center;margin-top:auto;margin-bottom:auto;color:var(--fg-primary);font-size:var(--text-lg);font-weight:500;line-height:1.5;text-align:center;text-shadow:0 var(--space-2) var(--space-4) var(--surface-canvas)}.video-subtitle small{color:var(--fg-secondary);font-size:var(--text-sm)}.video-controls{padding-top:var(--space-4)}.video-controls .icon-button{color:var(--fg-secondary)}.pause-symbol{font-family:var(--font-mono);font-size:var(--text-xs)}.timecode{display:inline-flex;color:var(--fg-primary);font-size:var(--text-xs)}.timecode i{color:var(--fg-tertiary);font-style:normal}.video-scrub{flex:1;height:var(--space-1);overflow:hidden;border-radius:var(--radius-full);background:var(--surface-press)}.video-scrub span{display:block;height:100%;border-radius:inherit;background:var(--accent-solid)}.wave-track{padding:var(--space-4) var(--space-5);border-top:var(--border-width) solid var(--border-subtle);background:#0a0908}.track-head{display:flex;justify-content:space-between;margin-bottom:var(--space-3)}.wave-canvas{position:relative;height:76px;overflow:hidden;background:var(--surface-sunken)}.wave-shape{display:block;position:absolute;top:18px;right:0;bottom:18px;left:0;background:var(--wave-gradient);clip-path:polygon(0 56%,2% 38%,3% 65%,4% 25%,5% 75%,6% 48%,8% 68%,9% 12%,10% 54%,11% 42%,12% 80%,13% 35%,15% 62%,16% 24%,17% 68%,18% 45%,19% 84%,20% 30%,22% 63%,23% 18%,24% 55%,25% 40%,26% 78%,27% 34%,29% 69%,30% 20%,31% 52%,33% 75%,34% 30%,36% 59%,37% 14%,38% 66%,40% 44%,41% 82%,42% 26%,43% 60%,45% 36%,46% 70%,47% 20%,48% 64%,50% 40%,52% 72%,53% 18%,54% 55%,55% 36%,57% 80%,58% 28%,59% 64%,60% 42%,62% 70%,63% 22%,64% 60%,66% 34%,67% 82%,68% 28%,69% 64%,70% 44%,72% 73%,73% 20%,75% 60%,76% 30%,78% 78%,80% 35%,82% 68%,84% 24%,86% 60%,88% 40%,90% 74%,92% 28%,94% 60%,96% 32%,98% 70%,100% 45%);opacity:.72}.wave-shape.second{top:28px;right:0;bottom:8px;left:0;opacity:.28}.playhead{position:absolute;top:0;bottom:0;left:42%;width:var(--border-width);background:var(--time-solid)}.playhead i{display:block;position:absolute;top:0;left:calc(var(--space-2) * -1);width:0;height:0;border-right:var(--space-2) solid transparent;border-left:var(--space-2) solid transparent;border-top:var(--space-3) solid var(--time-solid)}.selection{position:absolute;top:0;bottom:0;left:35%;width:14%;border-left:var(--border-width) solid var(--accent-border);border-right:var(--border-width) solid var(--accent-border);background:var(--accent-subtle)}.ruler{display:flex;justify-content:space-between;padding-top:var(--space-2);color:var(--fg-tertiary);font-family:var(--font-mono);font-size:var(--text-2xs)}.studio-panel-head{display:flex;align-items:center;justify-content:space-between;height:58px;padding:0 var(--space-5);border-bottom:var(--border-width) solid var(--border-subtle)}.studio-panel-head h2{margin-top:var(--space-1);font-size:var(--text-md)}.event-tools{display:flex;gap:var(--space-1)}.event-table{overflow:auto;height:calc(100% - 58px)}.event-row{display:grid;position:relative;grid-template-columns:28px 98px 98px 64px minmax(0,1fr);align-items:center;width:100%;min-height:var(--event-row-height);gap:var(--space-2);padding:0 var(--space-5);border-bottom:var(--border-width) solid var(--border-subtle);background:transparent;color:var(--fg-secondary);text-align:left}.event-row:hover{background:var(--surface-raised)}.event-row.active{background:var(--accent-subtle);box-shadow:inset var(--space-1) 0 var(--accent-solid)}.event-row.has-issue:after{position:absolute;right:var(--space-3);width:6px;height:6px;border-radius:var(--radius-full);background:var(--warning-solid);content:""}.event-head{position:sticky;top:0;z-index:var(--z-sticky);min-height:28px;background:var(--surface-sunken);color:var(--fg-tertiary);font-size:var(--text-2xs)}.event-row .timecode{font-size:var(--text-2xs)}.row-number{color:var(--fg-tertiary);font-family:var(--font-mono);font-size:var(--text-2xs)}.event-style{color:var(--fg-tertiary);font-size:var(--text-2xs)}.event-text{overflow:hidden;color:var(--fg-primary);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap}.studio-inspector{grid-column:2}.inspector-tabs{display:flex;height:44px;gap:var(--space-5);padding:0 var(--space-5);border-bottom:var(--border-width) solid var(--border-subtle)}.inspector-tabs button span{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:var(--space-1);border-radius:var(--radius-full);background:var(--danger-subtle);color:var(--danger-fg);font-size:var(--text-2xs)}.inspector-body{display:grid;gap:var(--space-5);padding:var(--space-5)}.inspector-title{display:flex;align-items:center;justify-content:space-between}.inspector-title h3{margin-top:var(--space-1)}.inspector-title>svg,.inspector-title>span+svg{color:var(--accent-fg)}.field-label{display:grid;gap:var(--space-2);color:var(--fg-secondary);font-size:var(--text-xs)}.field-label input,.field-label select{width:100%;height:var(--control-height);padding:0 var(--space-3);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-md);outline:0;background:var(--surface-sunken);color:var(--fg-primary)}.field-label input:focus,.field-label select:focus{border-color:var(--accent-fg);box-shadow:0 0 0 var(--space-2) var(--accent-subtle)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.color-fields{display:grid;gap:var(--space-2)}.color-field{display:flex;align-items:center;justify-content:space-between;color:var(--fg-secondary);font-size:var(--text-xs)}.color-field>span:last-child{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--fg-tertiary);font-family:var(--font-mono);font-size:var(--text-2xs)}.color-field i{width:14px;height:14px;border:var(--border-width) solid var(--border-default);border-radius:var(--radius-sm)}.align-grid{display:grid;grid-template-columns:repeat(3,28px);gap:var(--space-2)}.align-grid button{display:grid;place-items:center;width:28px;height:28px;border:var(--border-width) solid var(--border-default);border-radius:var(--radius-sm);background:var(--surface-sunken)}.align-grid button:hover{border-color:var(--border-strong);background:var(--surface-raised)}.align-grid button.active{border-color:var(--accent-border);background:var(--accent-subtle)}.align-grid button span{width:8px;height:8px;border:var(--border-width) solid var(--fg-tertiary);border-radius:var(--radius-full)}.inspector-footer{display:flex;align-items:center;justify-content:space-between}@media(min-width:1536px){.detail-drawer{max-width:var(--drawer-max-width)}}@media(max-width:1279px){.app-shell{grid-template-columns:var(--sidebar-collapsed-width) minmax(0,1fr)}.sidebar{width:var(--sidebar-collapsed-width);padding-inline:var(--space-3)}.brand-copy,.workspace-copy,.sidebar nav button span,.sidebar nav button em,.sidebar nav button small,.sidebar-bottom span{display:none}.brand{justify-content:center;padding:0}.sidebar-toggle{position:absolute;top:var(--space-6);right:calc(var(--space-2) * -1);background:var(--surface-raised)}.workspace-switcher{justify-content:center;padding-inline:0}.sidebar nav button{justify-content:center;padding-inline:0}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-grid{grid-template-columns:1fr}.topbar,.filter-row{padding-inline:var(--space-6)}.page-body{padding:var(--space-6)}}@media(max-width:1023px){.app-shell{display:block}.sidebar{display:none}.topbar{padding-inline:var(--space-4)}.mobile-menu{display:inline-grid;margin-right:var(--space-3)}.filter-row{padding-inline:var(--space-4)}.filter-bar{overflow-x:auto}.page-body{padding:var(--space-5)}.view-switcher{margin-left:auto}.topbar-context,.command-button span{display:none}.studio-grid{grid-template-columns:1fr;grid-template-rows:minmax(400px,1fr) 300px 260px}.studio-screen{grid-row:auto}.studio-inspector{grid-column:auto}}@media(max-width:767px){.topbar{height:44px}.topbar-actions .command-button,.topbar-actions .icon-button:first-child{display:none}.view-switcher button{padding-inline:var(--space-3)}.filter-row{display:grid;gap:var(--space-2);padding-block:var(--space-3)}.filter-row-actions{display:none}.search-box{max-width:none}.filter-selects,.filter-selects .select-wrap{flex:1}.filter-selects select{width:100%}.filter-bar{display:grid;gap:var(--space-2)}.metrics-grid{grid-template-columns:1fr 1fr;gap:var(--space-3)}.metric-card{min-height:112px;padding:var(--space-4)}.metric-value{font-size:var(--text-xl)}.page-intro{align-items:flex-start;flex-direction:column;margin-bottom:var(--space-6)}.intro-actions{width:100%}.intro-actions .button{flex:1}.table-heading .panel-actions{display:none}.progress-table th,.progress-table td{padding-inline:var(--space-3)}.package-cell{min-width:240px}.package-cell strong{max-width:220px}.review-layout{grid-template-columns:1fr}.review-summary{display:none}.detail-drawer{top:auto;bottom:0;width:100%!important;max-width:none;height:92%;min-width:0;border-right:0;border-radius:var(--radius-sheet) var(--radius-sheet) 0 0}.drawer-resize{display:none}.drawer-head{padding:var(--space-6)}.tabs,.drawer-content,.drawer-footer{padding-inline:var(--space-6)}.studio-shell .sidebar,.studio-shell{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.12s!important;transition-duration:.12s!important}}.video-stage,.wave-track{background:var(--studio-canvas)}.mobile-nav-scrim{display:none}.document-page{max-width:1400px;margin:0 auto}.document-toolbar{display:flex;align-items:center;justify-content:space-between;min-height:44px;margin-bottom:var(--space-5);padding:0 var(--space-4);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-panel)}.document-tabs{display:flex;height:100%;gap:var(--space-5)}.document-tabs button{display:inline-flex;align-items:center;position:relative;gap:var(--space-2);background:transparent;color:var(--fg-tertiary);font-size:var(--text-xs)}.document-tabs button.active{color:var(--fg-primary)}.document-tabs button.active:after{position:absolute;right:0;bottom:0;left:0;height:var(--space-1);background:var(--accent-solid);content:""}.document-tabs span{min-width:18px;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);background:var(--accent-subtle);color:var(--accent-fg);text-align:center}.document-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:var(--space-6)}.document-editor{overflow:hidden}.document-editor-head{display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:0 var(--space-6);border-bottom:var(--border-width) solid var(--border-subtle)}.document-blocks{padding:var(--space-3) 0}.document-block{display:grid;grid-template-columns:44px minmax(0,1fr);position:relative;gap:var(--space-4);padding:var(--space-4) var(--space-6);border-left:var(--space-1) solid transparent}.document-block.changed{border-left-color:var(--warning-solid);background:var(--warning-subtle)}.block-index{padding-top:var(--space-2);color:var(--fg-tertiary);font-family:var(--font-mono);font-size:var(--text-xs)}.document-block textarea{width:100%;min-height:58px;resize:vertical;padding:var(--space-3);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-md);outline:0;background:var(--surface-sunken);color:var(--fg-primary);font-size:var(--text-md);line-height:1.7}.document-block textarea:focus{border-color:var(--accent-fg);box-shadow:0 0 0 var(--space-2) var(--accent-subtle)}.diff-block{display:grid;gap:var(--space-2)}.diff-before,.diff-after{display:grid;grid-template-columns:48px minmax(0,1fr);gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-md);line-height:1.7}.diff-before{background:var(--danger-subtle)}.diff-after{background:var(--success-subtle)}.diff-before span,.diff-after span{color:var(--fg-tertiary);font-family:var(--font-mono);font-size:var(--text-2xs)}.diff-before del{color:var(--danger-fg)}.diff-after ins{color:var(--success-fg);text-decoration:none}.document-aside{height:fit-content;overflow:hidden}.document-summary{display:grid;gap:var(--space-4);padding:var(--space-6)}.document-summary>div{display:flex;align-items:center;justify-content:space-between;color:var(--fg-secondary);font-size:var(--text-xs)}.document-summary strong{color:var(--fg-primary);font-weight:500}.warning-text{color:var(--warning-fg)!important}.document-actions{display:grid;gap:var(--space-3);padding:0 var(--space-6) var(--space-6)}.document-history{display:grid;gap:var(--space-4);padding:var(--space-6);border-top:var(--border-width) solid var(--border-subtle)}.history-row{display:flex;align-items:center;gap:var(--space-3)}.history-row>span:nth-child(2){display:grid;flex:1;gap:var(--space-1)}.history-row strong{color:var(--fg-primary);font-size:var(--text-xs);font-weight:500}.history-row small{font-size:var(--text-2xs)}.history-dot{display:grid;place-items:center;width:22px;height:22px;border-radius:var(--radius-full);background:var(--surface-raised);color:var(--fg-tertiary)}.history-dot.current{background:var(--success-subtle);color:var(--success-fg)}@media(max-width:1023px){.sidebar{display:flex;position:fixed;z-index:var(--z-drawer);top:0;bottom:0;left:0;width:var(--sidebar-width);padding-inline:var(--space-4);transform:translate(-100%);transition:transform .18s var(--ease-emphasized)}.sidebar .brand-copy,.sidebar .workspace-copy,.sidebar nav button span,.sidebar nav button em,.sidebar nav button small,.sidebar-bottom span{display:initial}.sidebar .brand{justify-content:initial;padding-inline:var(--space-2)}.sidebar .workspace-switcher{justify-content:initial;padding-inline:var(--space-3)}.sidebar nav button{justify-content:initial;padding-inline:var(--space-3)}.sidebar.mobile-open{transform:translate(0)}.mobile-nav-scrim{display:block;position:fixed;z-index:calc(var(--z-drawer) - 1);top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:var(--scrim-light)}}.brand-mark:before,.brand-mark:after,.brand-mark span{display:none}.sidebar.collapsed .brand-copy,.sidebar.collapsed .workspace-copy,.sidebar.collapsed nav button span,.sidebar.collapsed nav button em,.sidebar.collapsed nav button small,.sidebar.collapsed .sidebar-bottom>*>span:not(.sync-dot){display:none!important}.sidebar.collapsed .brand,.sidebar.collapsed .workspace-switcher{justify-content:center;padding-inline:0}.sidebar.collapsed nav button{justify-content:center;padding-inline:0}.sidebar.collapsed .brand-mark{width:32px;height:32px}.workspace-copy strong{font-size:0}.workspace-copy strong:after{content:"Roselia";font-size:var(--text-xs)}.gantt-header{min-height:48px}.gantt-calendar span{padding-top:var(--space-8)}.today-line span{top:var(--space-2)}.status-pill.danger{min-width:60px;justify-content:center}.status-pill.danger svg{fill:currentColor}.ios-select{position:relative}.ios-select-trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-width:104px;height:var(--control-height);padding:0 var(--space-3);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-full);background:var(--surface-panel);color:var(--fg-secondary);cursor:pointer}.ios-select-menu{display:none;position:absolute;z-index:var(--z-popover);top:calc(100% + var(--space-2));left:0;min-width:100%;padding:var(--space-2);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-raised);box-shadow:var(--shadow-3)}.ios-select-menu.open{display:grid;gap:var(--space-1)}.ios-select-menu button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:transparent;color:var(--fg-secondary);white-space:nowrap}.ios-select-menu button.selected,.ios-select-menu button:hover{background:var(--accent-subtle);color:var(--accent-fg)}.progress-table th{height:44px;padding-block:var(--space-3)}.progress-table td{height:52px;padding-block:var(--space-3)}.gantt-header{min-height:52px}.gantt-calendar{align-items:flex-end}.gantt-calendar span{display:flex;align-items:flex-end;justify-content:center;padding-top:0;padding-bottom:var(--space-3)}.today-line span{top:var(--space-2);z-index:2}.sidebar.collapsed .brand-copy,.sidebar.collapsed .workspace-copy,.sidebar.collapsed .workspace-switcher>svg,.sidebar.collapsed nav button>span,.sidebar.collapsed nav button>em,.sidebar.collapsed nav button>small,.sidebar.collapsed .sidebar-bottom .sync-state>span:not(.sync-dot),.sidebar.collapsed .sidebar-bottom .profile>span,.sidebar.collapsed .sidebar-bottom .profile>svg{display:none!important}.sidebar.collapsed .brand,.sidebar.collapsed .workspace-switcher,.sidebar.collapsed nav button{justify-content:center;padding-inline:0}.auth-screen{display:grid;min-height:100vh;place-items:center;padding:var(--space-8);background:var(--surface-canvas)}.auth-card{display:grid;gap:var(--space-5);width:min(420px,100%);padding:var(--space-9);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-xl);background:var(--surface-panel);box-shadow:var(--shadow-2)}.auth-mark{display:grid;place-items:center;width:var(--touch-target);height:var(--touch-target);border-radius:var(--radius-lg);background:var(--accent-subtle);color:var(--accent-fg)}.auth-card h1{font-size:var(--text-xl)}.auth-card p,.auth-card small{color:var(--fg-secondary)}.auth-submit{width:100%;justify-content:center}.auth-error{color:var(--danger-fg);font-size:var(--text-xs)}.knowledge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}.knowledge-card{display:grid;gap:var(--space-4);padding:var(--space-7)}.tag-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tag-list span{padding:var(--space-1) var(--space-3);border:var(--border-width) solid var(--accent-border);border-radius:var(--radius-full);color:var(--accent-fg);font-size:var(--text-xs)}.settings-list,.shortcut-list{display:grid;padding-inline:var(--space-6)}.setting-row,.shortcut-row{display:flex;align-items:center;justify-content:space-between;min-height:64px;padding-block:var(--space-4);border-bottom:var(--border-width) solid var(--border-subtle)}.setting-row span:first-child{display:grid;gap:var(--space-1)}.setting-row small{color:var(--fg-tertiary)}.shortcut-row kbd{min-width:64px;padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-sunken);color:var(--fg-secondary);text-align:center}.qq-email-field{display:flex;align-items:center;gap:12px;border:1px solid var(--border);border-radius:12px;padding:0 14px;background:var(--surface)}.qq-email-field input{flex:1;border:0;padding-left:0;background:transparent}.qq-email-field input:focus{outline:none}.qq-email-field span{color:var(--border-strong)}.qq-email-field em{color:var(--text-muted);font-style:normal;white-space:nowrap}