@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-B2xhLi22.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-CMZtQduZ.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-CGAr0uHJ.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CaVNZxsx.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-CFHvXkgd.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-C2S99t-D.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--p-neutral-0: #ffffff;--p-neutral-25: #fbfcfd;--p-neutral-50: #f7f8fb;--p-neutral-100: #eef1f6;--p-neutral-150: #e5e9f0;--p-neutral-200: #d9dee7;--p-neutral-300: #bfc6d3;--p-neutral-400: #99a1b2;--p-neutral-500: #747b8b;--p-neutral-600: #565d6d;--p-neutral-700: #3d4351;--p-neutral-800: #272c38;--p-neutral-850: #1e222c;--p-neutral-900: #171a22;--p-neutral-950: #101219;--p-accent-100: #e8e8fa;--p-accent-200: #c9c9f2;--p-accent-400: #8080e2;--p-accent-500: #5b5bd6;--p-accent-600: #4a4ac4;--p-accent-700: #3c3ca6;--p-success-100: #daf3e7;--p-success-500: #21a66a;--p-success-600: #178555;--p-warning-100: #fdeed4;--p-warning-500: #c98416;--p-warning-600: #a86c0f;--p-danger-100: #fbe0e3;--p-danger-500: #d84e5b;--p-danger-600: #b93c48;--p-client-500: #ff8a45;--p-client-600: #e5702c;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--font-sans: "Inter Variable", ui-sans-serif, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;--text-2xs: 11px;--text-xs: 12px;--text-sm: 13px;--text-md: 14px;--text-base: 15px;--text-lg: 17px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 30px;--text-4xl: 38px;--leading-tight: 1.2;--leading-snug: 1.35;--leading-normal: 1.55;--leading-reading: 1.62;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .08em;--measure: 62ch;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-full: 999px;--border-width: 1px;--border-width-strong: 2px;--focus-ring-width: 2px;--focus-ring-offset: 2px;--z-base: 1;--z-sticky: 20;--z-header: 30;--z-overlay: 60;--z-panel: 70;--z-modal: 100;--z-popover: 120;--z-toast: 200;--duration-instant: 90ms;--duration-fast: .13s;--duration-base: .17s;--duration-slow: .22s;--ease-out: cubic-bezier(.22, .8, .34, 1);--ease-in-out: cubic-bezier(.5, 0, .3, 1)}:root,:root[data-theme=light]{color-scheme:light;--bg-base: var(--p-neutral-100);--bg-surface: var(--p-neutral-0);--bg-elevated: var(--p-neutral-0);--bg-sunken: var(--p-neutral-50);--bg-inset: var(--p-neutral-100);--bg-hover: var(--p-neutral-50);--bg-active: var(--p-neutral-100);--bg-inverse: var(--p-neutral-900);--bg-canvas: #e9ecf2;--bg-canvas-grid: #dfe3ea;--text-primary: var(--p-neutral-900);--text-secondary: var(--p-neutral-600);--text-muted: var(--p-neutral-500);--text-faint: var(--p-neutral-400);--text-inverse: var(--p-neutral-0);--text-on-accent: #ffffff;--border-subtle: var(--p-neutral-150);--border-default: var(--p-neutral-200);--border-strong: var(--p-neutral-300);--accent: var(--p-accent-500);--accent-hover: var(--p-accent-600);--accent-active: var(--p-accent-700);--accent-subtle: var(--p-accent-100);--accent-text: var(--p-accent-600);--success: var(--p-success-500);--success-hover: var(--p-success-600);--success-subtle: var(--p-success-100);--success-text: var(--p-success-600);--warning: var(--p-warning-500);--warning-subtle: var(--p-warning-100);--warning-text: var(--p-warning-600);--danger: var(--p-danger-500);--danger-hover: var(--p-danger-600);--danger-subtle: var(--p-danger-100);--danger-text: var(--p-danger-600);--role-client: var(--p-client-500);--role-studio: var(--p-accent-500);--focus-ring: var(--p-accent-500);--shadow-xs: 0 1px 2px rgba(23, 26, 34, .06);--shadow-sm: 0 1px 3px rgba(23, 26, 34, .08), 0 1px 2px rgba(23, 26, 34, .04);--shadow-md: 0 4px 12px rgba(23, 26, 34, .08), 0 1px 3px rgba(23, 26, 34, .05);--shadow-lg: 0 12px 32px rgba(23, 26, 34, .12), 0 2px 8px rgba(23, 26, 34, .06);--shadow-panel: -8px 0 28px rgba(23, 26, 34, .08)}:root[data-theme=dark]{color-scheme:dark;--bg-base: var(--p-neutral-950);--bg-surface: var(--p-neutral-900);--bg-elevated: var(--p-neutral-850);--bg-sunken: var(--p-neutral-950);--bg-inset: var(--p-neutral-850);--bg-hover: var(--p-neutral-850);--bg-active: var(--p-neutral-800);--bg-inverse: var(--p-neutral-50);--bg-canvas: #0b0d13;--bg-canvas-grid: #14171f;--text-primary: #f2f4f8;--text-secondary: #b3bac8;--text-muted: #8b93a4;--text-faint: #6b7382;--text-inverse: var(--p-neutral-900);--text-on-accent: #ffffff;--border-subtle: #262b36;--border-default: #333947;--border-strong: #464e60;--accent: #7676e4;--accent-hover: #8a8aec;--accent-active: #6262d8;--accent-subtle: #23233c;--accent-text: #a3a3f0;--success: #34b87c;--success-hover: #45c78b;--success-subtle: #14291f;--success-text: #5cd19c;--warning: #dda23c;--warning-subtle: #2b2213;--warning-text: #e8b95f;--danger: #e4646f;--danger-hover: #ec7883;--danger-subtle: #2e1a1d;--danger-text: #f08c95;--role-client: #ff9a5e;--role-studio: #8484e8;--focus-ring: #8a8aec;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .5);--shadow-md: 0 4px 14px rgba(0, 0, 0, .5);--shadow-lg: 0 14px 36px rgba(0, 0, 0, .6);--shadow-panel: -8px 0 28px rgba(0, 0, 0, .45)}:root[data-brand-accent]{--accent: var(--accent-brand, var(--p-accent-500));--accent-hover: color-mix(in srgb, var(--accent) 82%, black);--accent-active: color-mix(in srgb, var(--accent) 68%, black);--accent-subtle: color-mix(in srgb, var(--accent) 12%, var(--bg-surface));--accent-text: color-mix(in srgb, var(--accent) 88%, var(--text-primary));--role-studio: var(--accent);--focus-ring: var(--accent)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4{font-weight:var(--weight-semibold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--accent-text);text-decoration:none}a:hover{text-decoration:underline}time,.tabular,td.numeric,.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}:focus{outline:none}:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset);border-radius:var(--radius-xs)}::selection{background:var(--accent-subtle);color:var(--text-primary)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-default);border:3px solid transparent;border-radius:var(--radius-full);background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--border-strong);background-clip:content-box}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.honeypot{position:absolute;left:-9999px;opacity:0;pointer-events:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:36px;padding:0 var(--space-4);border:var(--border-width) solid transparent;border-radius:var(--radius-md);font-size:var(--text-md);font-weight:var(--weight-medium);white-space:nowrap;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--accent);color:var(--text-on-accent)}.btn--primary:hover:not(:disabled){background:var(--accent-hover)}.btn--primary:active:not(:disabled){background:var(--accent-active)}.btn--secondary{background:var(--bg-surface);border-color:var(--border-default);color:var(--text-primary)}.btn--secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-strong)}.btn--ghost{background:transparent;color:var(--text-secondary)}.btn--ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.btn--danger{background:var(--danger);color:var(--text-on-accent)}.btn--danger:hover:not(:disabled){background:var(--danger-hover)}.btn--sm{height:30px;padding:0 var(--space-3);font-size:var(--text-sm)}.btn--lg{height:44px;padding:0 var(--space-6);font-size:var(--text-base)}.btn--block{width:100%}.btn__spinner{width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:var(--radius-full);animation:dp-spin .7s linear infinite}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:var(--border-width) solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.icon-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.icon-btn[data-active=true]{background:var(--accent-subtle);color:var(--accent-text)}.icon-btn:disabled{opacity:.45;cursor:not-allowed}.icon-btn--sm{width:26px;height:26px}.icon-btn--bordered{border-color:var(--border-default);background:var(--bg-surface)}.field{display:grid;gap:var(--space-2)}.field__label{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-secondary)}.field__hint{font-size:var(--text-xs);color:var(--text-muted)}.field__error{font-size:var(--text-xs);color:var(--danger-text)}.input,.textarea,.select{width:100%;padding:0 var(--space-3);height:36px;background:var(--bg-surface);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-md);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.textarea{height:auto;min-height:84px;padding:var(--space-3);line-height:var(--leading-reading);resize:vertical}.input::placeholder,.textarea::placeholder{color:var(--text-faint)}.input:hover:not(:disabled),.textarea:hover:not(:disabled),.select:hover:not(:disabled){border-color:var(--border-strong)}.input:focus-visible,.textarea:focus-visible,.select:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.input:disabled,.textarea:disabled,.select:disabled{background:var(--bg-inset);color:var(--text-muted);cursor:not-allowed}.input[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--danger)}.input[aria-invalid=true]:focus-visible,.textarea[aria-invalid=true]:focus-visible{box-shadow:0 0 0 3px var(--danger-subtle)}.checkbox,.radio{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-md);color:var(--text-primary);cursor:pointer}.checkbox input,.radio input{accent-color:var(--accent);width:16px;height:16px}.switch{position:relative;width:38px;height:22px;padding:0;border:none;border-radius:var(--radius-full);background:var(--border-strong);transition:background var(--duration-fast) var(--ease-out)}.switch[data-state=checked]{background:var(--accent)}.switch__thumb{display:block;width:18px;height:18px;border-radius:var(--radius-full);background:var(--bg-surface);box-shadow:var(--shadow-xs);transform:translate(2px);transition:transform var(--duration-fast) var(--ease-out)}.switch[data-state=checked] .switch__thumb{transform:translate(18px)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);height:22px;padding:0 var(--space-2);border-radius:var(--radius-xs);font-size:var(--text-2xs);font-weight:var(--weight-medium);background:var(--bg-inset);color:var(--text-secondary);white-space:nowrap}.badge--accent{background:var(--accent-subtle);color:var(--accent-text)}.badge--success{background:var(--success-subtle);color:var(--success-text)}.badge--warning{background:var(--warning-subtle);color:var(--warning-text)}.badge--danger{background:var(--danger-subtle);color:var(--danger-text)}.badge--outline{background:transparent;border:var(--border-width) solid var(--border-default)}.tag{display:inline-flex;align-items:center;gap:var(--space-1);height:24px;padding:0 var(--space-2);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-full);background:var(--bg-surface);font-size:var(--text-xs);color:var(--text-secondary)}.chip{height:28px;padding:0 var(--space-3);border:none;border-radius:var(--radius-full);background:var(--bg-inset);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--weight-medium);transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.chip:hover{background:var(--bg-active);color:var(--text-primary)}.chip__count{display:inline-flex;align-items:center;gap:3px;margin-left:var(--space-1);padding-left:var(--space-1);border-left:var(--border-width) solid currentColor;opacity:.75}.chip[data-active=true]{background:var(--bg-inverse);color:var(--text-inverse)}.avatar{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);background:var(--accent);color:var(--text-on-accent);font-size:var(--text-2xs);font-weight:var(--weight-semibold);flex:0 0 auto}.avatar--client{background:var(--role-client)}.avatar--studio{background:var(--role-studio)}.avatar--lg{width:36px;height:36px;font-size:var(--text-xs)}.avatar--round{border-radius:var(--radius-full)}.card{background:var(--bg-surface);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-lg)}.card--interactive{transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.card--interactive:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.panel{background:var(--bg-surface);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.panel__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:var(--border-width) solid var(--border-subtle)}.panel__title{font-size:var(--text-base);font-weight:var(--weight-semibold)}.panel__body{padding:var(--space-5)}.link-button{padding:0;border:0;background:none;color:var(--accent-text);font:inherit;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.link-button:hover{text-decoration-thickness:2px}.thread-popover{position:fixed;z-index:80;display:flex;flex-direction:column;max-height:min(70vh,560px);background:var(--bg-surface);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.thread-popover__head{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-3) var(--space-2);border-bottom:var(--border-width) solid var(--border-subtle)}.thread-popover__body{padding:var(--space-3);overflow-y:auto}.logo-preview{display:grid;place-items:center;width:44px;height:44px;flex:none;border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-inset);color:var(--text-faint);overflow:hidden}.logo-preview img{width:100%;height:100%;object-fit:contain}.project-description{max-width:var(--measure);color:var(--text-secondary);white-space:pre-line}.disclosure{border-top:var(--border-width) solid var(--border-subtle)}.disclosure__head{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-4) 0;background:transparent;border:0;color:var(--text-secondary);text-align:left;cursor:pointer}.disclosure__head:hover{color:var(--text-primary)}.disclosure__title{font-size:var(--text-sm);font-weight:var(--weight-medium)}.disclosure__chevron{flex:none;color:var(--text-faint);transition:transform var(--duration-fast) var(--ease-out)}.disclosure[data-open=true] .disclosure__chevron{transform:rotate(90deg)}.disclosure__body{padding-bottom:var(--space-5)}@media(prefers-reduced-motion:reduce){.disclosure__chevron{transition:none}}.list-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);border:var(--border-width) solid transparent;border-radius:var(--radius-md);background:transparent;text-align:left;transition:background var(--duration-fast) var(--ease-out)}.list-item:hover{background:var(--bg-hover)}.list-item[data-active=true]{background:var(--accent-subtle);border-color:var(--accent)}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.table th{padding:var(--space-2) var(--space-3);text-align:left;font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-muted);border-bottom:var(--border-width) solid var(--border-subtle);white-space:nowrap}.table td{padding:var(--space-3);border-bottom:var(--border-width) solid var(--border-subtle);color:var(--text-secondary)}.table tbody tr:hover td{background:var(--bg-hover)}.table td.numeric{text-align:right}.empty-state{display:grid;justify-items:center;gap:var(--space-3);padding:var(--space-12) var(--space-6);text-align:center}.empty-state__icon{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--radius-lg);background:var(--accent-subtle);color:var(--accent-text)}.empty-state__title{font-size:var(--text-base);font-weight:var(--weight-semibold)}.empty-state__text{max-width:34ch;font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-reading)}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--bg-inset) 25%,var(--bg-hover) 37%,var(--bg-inset) 63%);background-size:400% 100%;animation:dp-shimmer 1.3s ease-in-out infinite}.spinner{width:16px;height:16px;border:2px solid var(--border-strong);border-right-color:transparent;border-radius:var(--radius-full);animation:dp-spin .7s linear infinite}.spinner--lg{width:24px;height:24px;border-width:3px}.progress{height:4px;width:100%;border-radius:var(--radius-full);background:var(--bg-inset);overflow:hidden}.progress__bar{height:100%;border-radius:var(--radius-full);background:var(--accent);transition:width var(--duration-base) var(--ease-out)}.progress__bar--error{background:var(--danger)}.progress__bar--done{background:var(--success)}@keyframes dp-spin{to{transform:rotate(360deg)}}@keyframes dp-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.tabs{display:flex;gap:var(--space-1);border-bottom:var(--border-width) solid var(--border-subtle)}.tab{position:relative;height:34px;padding:0 var(--space-3);border:none;background:transparent;color:var(--text-muted);font-size:var(--text-md);font-weight:var(--weight-medium)}.tab:hover,.tab[data-state=active]{color:var(--text-primary)}.tab[data-state=active]:after{content:"";position:absolute;left:var(--space-2);right:var(--space-2);bottom:-1px;height:2px;border-radius:var(--radius-full);background:var(--accent)}.segmented{display:inline-flex;padding:3px;gap:2px;border-radius:var(--radius-md);background:var(--bg-inset)}.segmented__item{height:28px;padding:0 var(--space-3);border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--weight-medium);transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.segmented__item:hover{color:var(--text-primary)}.segmented__item[data-active=true]{background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-xs)}.breadcrumbs{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted)}.breadcrumbs a{color:var(--text-secondary)}.breadcrumbs__sep{color:var(--text-faint)}.pagination{display:flex;align-items:center;gap:var(--space-1)}.pagination__item{min-width:30px;height:30px;padding:0 var(--space-2);border:var(--border-width) solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.pagination__item:hover{background:var(--bg-hover)}.pagination__item[data-active=true]{background:var(--bg-surface);border-color:var(--border-default);color:var(--text-primary)}.overlay{position:fixed;inset:0;z-index:var(--z-overlay);background:#10121973;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:dp-fade var(--duration-base) var(--ease-out)}.modal{position:fixed;top:50%;left:50%;z-index:var(--z-modal);width:min(520px,calc(100vw - var(--space-8)));max-height:calc(100vh - var(--space-12));overflow:auto;transform:translate(-50%,-50%);background:var(--bg-elevated);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);animation:dp-pop var(--duration-base) var(--ease-out)}.modal--wide{width:min(760px,calc(100vw - var(--space-8)))}.modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-5) var(--space-4)}.modal__title{font-size:var(--text-lg);font-weight:var(--weight-semibold)}.modal__description{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--text-muted)}.modal__body{padding:0 var(--space-5) var(--space-5);display:grid;gap:var(--space-4)}.modal__footer{display:flex;justify-content:flex-end;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-top:var(--border-width) solid var(--border-subtle);background:var(--bg-sunken)}.side-panel{display:flex;flex-direction:column;min-width:0;background:var(--bg-surface);border-left:var(--border-width) solid var(--border-subtle)}.popover{z-index:var(--z-popover);padding:var(--space-2);background:var(--bg-elevated);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:dp-pop var(--duration-fast) var(--ease-out)}.menu{min-width:190px;padding:var(--space-1);background:var(--bg-elevated);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-popover)}.menu__item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-size:var(--text-md);text-align:left}.menu__item:hover,.menu__item[data-highlighted]{background:var(--bg-hover);color:var(--text-primary);outline:none}.menu__item--danger{color:var(--danger-text)}.menu__separator{height:1px;margin:var(--space-1) 0;background:var(--border-subtle)}.tooltip{z-index:var(--z-popover);padding:var(--space-1) var(--space-2);background:var(--bg-inverse);color:var(--text-inverse);border-radius:var(--radius-xs);font-size:var(--text-xs);box-shadow:var(--shadow-md);animation:dp-fade var(--duration-instant) var(--ease-out)}.toast-stack{position:fixed;left:50%;bottom:var(--space-6);z-index:var(--z-toast);display:grid;gap:var(--space-2);transform:translate(-50%)}.toast{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--bg-inverse);color:var(--text-inverse);font-size:var(--text-sm);box-shadow:var(--shadow-lg);animation:dp-rise var(--duration-base) var(--ease-out)}.toast--danger{background:var(--danger);color:var(--text-on-accent)}.toast--success{background:var(--success);color:var(--text-on-accent)}@keyframes dp-fade{0%{opacity:0}to{opacity:1}}@keyframes dp-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.97)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes dp-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.dropzone{display:grid;place-items:center;gap:var(--space-2);padding:var(--space-10) var(--space-6);border:var(--border-width-strong) dashed var(--border-default);border-radius:var(--radius-lg);background:var(--bg-sunken);color:var(--text-muted);text-align:center;transition:border-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.dropzone[data-over=true]{border-color:var(--accent);background:var(--accent-subtle);color:var(--accent-text)}.upload-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--bg-sunken)}.upload-row__name{font-size:var(--text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-row__meta{font-size:var(--text-xs);color:var(--text-muted)}.thread-card{display:grid;gap:var(--space-2);width:100%;padding:var(--space-3);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface);text-align:left;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.thread-card:hover{border-color:var(--border-strong)}.thread-card[data-active=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.thread-card[data-status=resolved],.thread-card[data-status=rejected]{background:var(--bg-sunken)}.thread-card__head{display:flex;align-items:center;gap:var(--space-2);min-width:0}.thread-card__author{flex:1;min-width:0;font-size:var(--text-sm);font-weight:var(--weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-card__meta{display:flex;align-items:center;gap:var(--space-2)}.thread-card__time{font-size:var(--text-2xs);color:var(--text-muted)}.thread-card__body{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-reading);max-width:var(--measure);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.thread-card__replies{display:grid;gap:var(--space-1);padding-left:var(--space-3);border-left:2px solid var(--border-subtle)}.thread-reply{display:flex;gap:var(--space-2);min-width:0;font-size:var(--text-xs)}.thread-reply__author{color:var(--text-muted);flex:none}.thread-reply__body{color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-reply__more{font-size:var(--text-2xs);color:var(--text-faint)}.thread-number{display:grid;place-items:center;width:22px;height:22px;flex:0 0 auto;border-radius:50% 50% 50% var(--radius-xs);color:var(--text-on-accent);font-size:var(--text-2xs);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}.thread-number--client{background:var(--role-client)}.thread-number--studio{background:var(--role-studio)}.thread-number--resolved{background:var(--text-faint)}.message{display:grid;grid-template-columns:28px 1fr;gap:var(--space-2)}.message__body{font-size:var(--text-sm);line-height:var(--leading-reading);max-width:var(--measure);white-space:pre-wrap;overflow-wrap:anywhere}.message__meta{display:flex;align-items:baseline;gap:var(--space-2)}.message__name{font-size:var(--text-xs);font-weight:var(--weight-medium)}.message__time{font-size:var(--text-2xs);color:var(--text-muted)}.pin{position:absolute;display:grid;place-items:center;width:26px;height:26px;transform:translate(-50%,-50%);border:2px solid var(--bg-surface);border-radius:50% 50% 50% var(--radius-xs);color:var(--text-on-accent);font-size:var(--text-2xs);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;box-shadow:0 0 0 1px #10121a47,var(--shadow-md);transition:transform var(--duration-fast) var(--ease-out);cursor:pointer}.pin--client{background:var(--role-client)}.pin--studio{background:var(--role-studio)}.pin--resolved{background:var(--text-faint)}.pin[data-active=true]{transform:translate(-50%,-50%) scale(1.16);z-index:var(--z-sticky)}.pin--rect[data-active=true],.pin--rect[data-flash=true]{transform:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 45%,transparent)}.pin--rect[data-flash=true]{animation:dp-rect-flash .55s var(--ease-out) 2}@keyframes dp-rect-flash{0%,to{box-shadow:0 0 0 1px #10121a40}50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 45%,transparent)}}@media(prefers-reduced-motion:reduce){.pin--rect[data-flash=true]{animation:none}}.pin--rect{width:auto;height:auto;transform:none;border-radius:var(--radius-xs);border-width:2px;border-color:var(--role-client);background:color-mix(in srgb,var(--role-client) 14%,transparent)}.pin--rect.pin--studio{border-color:var(--role-studio);background:color-mix(in srgb,var(--role-studio) 14%,transparent)}.pin--rect.pin--resolved{border-color:var(--text-faint);background:color-mix(in srgb,var(--text-faint) 14%,transparent)}.pin__badge{position:absolute;top:-11px;left:-11px;display:grid;place-items:center;min-width:22px;height:22px;padding:0 5px;color:var(--text-on-accent);background:var(--role-client);border:2px solid var(--bg-surface);border-radius:var(--radius-full);box-shadow:0 0 0 1px #10121a47,var(--shadow-sm)}.pin--studio .pin__badge{background:var(--role-studio)}.pin--resolved .pin__badge{background:var(--text-faint)}.canvas{position:relative;min-width:0;overflow:auto;background-color:var(--bg-canvas);background-image:linear-gradient(45deg,var(--bg-canvas-grid) 25%,transparent 25%),linear-gradient(-45deg,var(--bg-canvas-grid) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--bg-canvas-grid) 75%),linear-gradient(-45deg,transparent 75%,var(--bg-canvas-grid) 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.canvas[data-mode=point],.canvas[data-mode=rect]{cursor:crosshair}.stage{position:relative;display:flex;justify-content:center;align-items:flex-start;min-width:100%;padding:var(--space-8) var(--space-10) var(--space-20)}.mockup{position:relative;flex:0 0 auto;background:var(--bg-surface);box-shadow:var(--shadow-lg)}.mockup img{display:block;max-width:none;height:auto;-webkit-user-select:none;user-select:none}.mockup iframe{display:block;border:0;background:var(--bg-surface)}.pins-layer{position:absolute;inset:0;pointer-events:none}.pins-layer>*{pointer-events:auto}.cursors-layer{position:absolute;inset:0;pointer-events:none;z-index:var(--z-sticky)}.live-cursor{position:absolute;display:flex;align-items:center;gap:4px;transform:translate(-2px,-2px);color:var(--role-client);transition:left 90ms linear,top 90ms linear;will-change:left,top}.live-cursor--studio{color:var(--role-studio)}.live-cursor__name{padding:1px var(--space-2);border-radius:var(--radius-full);background:currentColor;color:var(--text-on-accent);font-size:var(--text-2xs);font-weight:var(--weight-medium);white-space:nowrap}@media(prefers-reduced-motion:reduce){.live-cursor{transition:none}}.message__edited{font-size:var(--text-2xs);color:var(--text-faint);cursor:help}.viewer-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--bg-surface);border-bottom:var(--border-width) solid var(--border-subtle);min-height:48px}.viewer-bar__tools{grid-column:2;display:flex;align-items:center;justify-content:center;gap:var(--space-2);flex-wrap:wrap;min-width:0}.viewer-bar__tools>*{flex:0 0 auto;white-space:nowrap}.viewer-bar__side{display:flex;align-items:center;gap:var(--space-2);min-width:0}.viewer-bar__side--end{grid-column:3;justify-content:flex-end}.notice{position:absolute;top:var(--space-3);left:50%;z-index:var(--z-sticky);display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);transform:translate(-50%);border-radius:var(--radius-full);background:var(--bg-inverse);color:var(--text-inverse);font-size:var(--text-xs);box-shadow:var(--shadow-md);white-space:nowrap}.presence{display:flex;align-items:center;gap:var(--space-2)}.presence__dot{width:7px;height:7px;border-radius:var(--radius-full);background:var(--success);box-shadow:0 0 0 3px color-mix(in srgb,var(--success) 20%,transparent)}.menu__item--disabled{color:var(--text-faint);cursor:not-allowed}.menu__item--disabled:hover,.menu__item--disabled[data-highlighted]{background:transparent;color:var(--text-faint)}@keyframes dp-pin-flash{0%,to{transform:translate(-50%,-50%) scale(1)}35%{transform:translate(-50%,-50%) scale(1.55)}70%{transform:translate(-50%,-50%) scale(1.15)}}.pin[data-flash=true]{animation:dp-pin-flash .55s var(--ease-out) 2;z-index:var(--z-sticky)}@media(prefers-reduced-motion:reduce){.pin[data-flash=true]{animation:none;outline:3px solid var(--accent);outline-offset:2px}}.app-shell{display:grid;grid-template-rows:auto 1fr;height:100%;min-height:0}.topbar{display:flex;align-items:center;gap:var(--space-4);height:56px;padding:0 var(--space-5);background:var(--bg-surface);border-bottom:var(--border-width) solid var(--border-subtle);z-index:var(--z-header)}.topbar__spacer{flex:1}.topbar__heading{display:flex;align-items:center;gap:var(--space-2);min-width:0}.topbar__heading-text{display:grid;min-width:0}.topbar__title{font-size:var(--text-sm);font-weight:var(--weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar__subtitle{font-size:var(--text-2xs);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand{display:flex;align-items:center;gap:var(--space-2);color:var(--text-primary);text-decoration:none}.brand:hover{text-decoration:none}.brand__name{white-space:nowrap}.brand__mark{display:grid;place-items:center;width:28px;height:28px;border-radius:var(--radius-sm);background:var(--accent);color:var(--text-on-accent);font-weight:var(--weight-semibold);font-size:var(--text-sm)}.brand__name{font-size:var(--text-md);font-weight:var(--weight-semibold)}.brand__sub{font-size:var(--text-2xs);color:var(--text-muted)}.user-chip{display:flex;align-items:center;gap:var(--space-2);height:34px;padding:0 var(--space-2) 0 var(--space-1);border:var(--border-width) solid transparent;border-radius:var(--radius-md);background:transparent;transition:background var(--duration-fast) var(--ease-out)}.user-chip:hover{background:var(--bg-hover)}.user-chip__name{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary)}@media(max-width:860px){.user-chip__name{display:none}}.page{min-height:0;overflow:auto;padding:var(--space-8) var(--space-5) var(--space-16)}.page__inner{max-width:1180px;margin:0 auto}.page__head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.page__title{font-size:var(--text-2xl)}.page__subtitle{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--text-muted)}.grid-cards{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.project-card{display:grid;overflow:hidden}.project-card__cover{aspect-ratio:16 / 10;background:var(--bg-inset);overflow:hidden}.project-card__cover img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}.project-card__body{display:grid;gap:var(--space-2);padding:var(--space-4)}.project-card__name{font-size:var(--text-base);font-weight:var(--weight-semibold)}.project-card__meta{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-muted)}.project-card__description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;font-size:var(--text-sm);color:var(--text-secondary)}.project-head{display:flex;align-items:flex-start;gap:var(--space-3)}.project-head__text{flex:1;min-width:0}.project-head__title{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-2);font-size:var(--text-xl);line-height:var(--leading-tight)}.project-head__client{font-size:var(--text-sm);font-weight:var(--weight-normal);color:var(--text-muted)}.project-head__description{margin-top:var(--space-1);max-width:var(--measure);font-size:var(--text-sm);color:var(--text-muted);white-space:pre-line}.activity{padding:var(--space-3) var(--space-4);background:var(--bg-surface);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-lg)}.activity__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.activity__title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary)}.activity__list{display:grid;gap:var(--space-2);margin-top:var(--space-3);list-style:none}.activity__list--full{max-height:60vh;overflow-y:auto}.activity__item{font-size:var(--text-sm)}.activity__link{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-1) var(--space-2);margin:0 calc(var(--space-2) * -1);border-radius:var(--radius-md);color:inherit;text-decoration:none}a.activity__link:hover{background:var(--bg-hover);text-decoration:none}.activity__link--flat{cursor:default}.activity__go{flex:none;margin-left:auto;color:var(--text-faint)}a.activity__link:hover .activity__go{color:var(--accent-text)}.activity__text{display:grid;gap:2px;min-width:0}.activity__meta{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-muted)}.activity__icon{display:inline-flex;color:var(--text-faint)}.search-field{position:relative;display:flex;align-items:center;min-width:260px}.search-field .input{padding-left:calc(var(--space-6) + var(--space-1))}.search-field__icon{position:absolute;left:var(--space-3);color:var(--text-faint);pointer-events:none}.search-field__clear{position:absolute;right:var(--space-1)}.search-field .input[type=search]::-webkit-search-cancel-button{display:none}.stack{display:grid;gap:var(--space-4)}.stack--tight{gap:var(--space-2)}.row{display:flex;align-items:center;gap:var(--space-2)}.row--between{justify-content:space-between}.row--wrap{flex-wrap:wrap}.auth-screen{display:grid;place-items:center;min-height:100%;padding:var(--space-6);background:var(--bg-base)}.auth-card{width:min(420px,100%);padding:var(--space-8);background:var(--bg-surface);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.auth-card__title{margin-bottom:var(--space-2);font-size:var(--text-xl)}.auth-card__text{margin-bottom:var(--space-6);font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-reading)}.viewer{display:grid;grid-template-rows:auto auto 1fr;height:100%;min-height:0}.viewer__body{display:grid;grid-template-columns:minmax(0,1fr) 344px;min-height:0}.viewer__body[data-panel=hidden]{grid-template-columns:minmax(0,1fr)}.viewer__body[data-panel=hidden]>.side-panel{display:none}.viewer--compact .topbar,.viewer--compact .screen-strip{display:none}.viewer--compact{grid-template-rows:auto 1fr}.viewer--clean .topbar,.viewer--clean .viewer-bar,.viewer--clean .screen-strip,.viewer--clean .viewer__body>.side-panel{display:none}.viewer--clean{grid-template-rows:1fr}.viewer--clean .viewer__body{grid-template-columns:minmax(0,1fr)}.screen-strip{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);overflow-x:auto;background:var(--bg-surface);border-bottom:var(--border-width) solid var(--border-subtle)}.screen-strip[data-collapsed=true]{padding:var(--space-1) var(--space-4)}.screen-strip__toggle{display:flex;align-items:center;gap:var(--space-1);flex:0 0 auto;height:28px;padding:0 var(--space-2);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-muted);font-size:var(--text-2xs);cursor:pointer}.screen-strip__toggle:hover{color:var(--text-primary);background:var(--bg-hover)}.screen-strip__current{font-size:var(--text-xs);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screen-thumb{position:relative;flex:0 0 auto;width:92px;padding:0;border:var(--border-width-strong) solid transparent;border-radius:var(--radius-sm);background:var(--bg-inset);overflow:hidden;transition:border-color var(--duration-fast) var(--ease-out)}.screen-thumb[data-active=true]{border-color:var(--accent)}.screen-thumb img{display:block;width:100%;height:58px;object-fit:cover;object-position:top center}.screen-thumb__label{display:block;padding:var(--space-1) var(--space-2);font-size:var(--text-2xs);color:var(--text-secondary);text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screen-thumb__badge{position:absolute;top:var(--space-1);right:var(--space-1);min-width:16px;height:16px;padding:0 var(--space-1);display:grid;place-items:center;border-radius:var(--radius-full);background:var(--role-client);color:var(--text-on-accent);font-size:10px;font-weight:var(--weight-semibold)}.comments-panel{display:grid;grid-template-rows:auto auto auto 1fr;min-height:0}.comments-panel__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-4) var(--space-4) var(--space-3)}.comments-panel__title{font-size:var(--text-base);font-weight:var(--weight-semibold)}.comments-panel__filters{display:flex;gap:var(--space-2);padding:0 var(--space-4) var(--space-3);border-bottom:var(--border-width) solid var(--border-subtle)}.comments-panel__list{min-height:0;overflow-y:auto;padding:var(--space-3);display:grid;gap:var(--space-2);align-content:start;background:var(--bg-sunken)}.thread-view-card{padding:var(--space-3);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface)}.thread-view,.thread-view__messages{display:grid;gap:var(--space-4)}.thread-quote{margin:0;padding:var(--space-2) var(--space-3);border-left:3px solid var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--bg-sunken);color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-reading);max-width:var(--measure)}.client-shell .topbar{height:64px}.client-shell .page{padding-top:var(--space-12)}@media(max-width:1100px){.viewer__body{grid-template-columns:minmax(0,1fr) 300px}}@media(max-width:860px){.viewer__body,.viewer__body[data-panel=hidden]{grid-template-columns:minmax(0,1fr)}.viewer__body>.side-panel,.viewer__body[data-panel=hidden]>.side-panel{display:flex;position:fixed;top:0;right:0;bottom:0;width:min(360px,92vw);z-index:var(--z-panel);transform:translate(101%);transition:transform var(--duration-base) var(--ease-out);box-shadow:var(--shadow-panel)}.viewer__body[data-panel=open]>.side-panel{transform:translate(0)}.stage{padding:var(--space-4) var(--space-3) var(--space-12);justify-content:flex-start}.page{padding:var(--space-6) var(--space-4) var(--space-12)}.topbar{padding:0 var(--space-3);gap:var(--space-2)}.viewer-bar{grid-template-columns:auto;grid-auto-flow:column;justify-content:flex-start;overflow-x:auto;padding:var(--space-2) var(--space-3);scrollbar-width:thin}.viewer-bar__tools,.viewer-bar__side--end{grid-column:auto;flex-wrap:nowrap}.viewer-bar__tools{justify-content:flex-start}}@media(max-width:560px){.topbar{height:52px;gap:var(--space-2)}.brand__name,.topbar__subtitle{display:none}.page{padding:var(--space-4) var(--space-3) var(--space-10)}.page__head{gap:var(--space-3);margin-bottom:var(--space-4)}.page__title{font-size:var(--text-lg)}.grid-cards{grid-template-columns:minmax(0,1fr)}.search-field{min-width:0;width:100%}.screen-thumb{width:72px}.screen-thumb__label{display:none}.viewer__body>.side-panel,.viewer__body[data-panel=hidden]>.side-panel{width:100vw}.comments-panel__list{padding:var(--space-2)}.thread-popover{left:0!important;right:0;top:auto!important;bottom:0;width:100%!important;max-height:72vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.project-head{flex-wrap:wrap}.modal{width:calc(100vw - var(--space-4))}.table{display:block;overflow-x:auto}}@media(max-width:380px){.topbar{padding:0 var(--space-2)}.page{padding:var(--space-3) var(--space-2) var(--space-8)}.viewer-bar,.screen-strip{padding:var(--space-1) var(--space-2)}}@media(min-width:1900px){.viewer__body{grid-template-columns:minmax(0,1fr) 420px}.page__inner{max-width:1440px}}.styleguide{display:grid;gap:var(--space-12)}.styleguide__section{display:grid;gap:var(--space-4)}.styleguide__heading{font-size:var(--text-lg);padding-bottom:var(--space-2);border-bottom:var(--border-width) solid var(--border-subtle)}.styleguide__row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.styleguide__grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.swatch{display:grid;gap:var(--space-2);padding:var(--space-3);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface)}.swatch__chip{height:40px;border-radius:var(--radius-sm);border:var(--border-width) solid var(--border-subtle)}.swatch__name{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-secondary)}.styleguide__note{font-size:var(--text-sm);color:var(--text-muted);max-width:var(--measure)}.source-link{display:inline-flex;align-items:center;gap:var(--space-1);max-width:100%;font-size:var(--text-xs);color:var(--text-muted);text-decoration:none}.source-link:hover{color:var(--accent-text);text-decoration:none}.source-link__url{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-tabs{display:flex;gap:var(--space-1);padding:var(--space-2) var(--space-3) 0;border-bottom:var(--border-width) solid var(--border-subtle)}.panel-tabs__item{position:relative;display:flex;align-items:center;gap:var(--space-2);height:34px;padding:0 var(--space-3);border:none;background:transparent;color:var(--text-muted);font-size:var(--text-md);font-weight:var(--weight-medium)}.panel-tabs__item:hover,.panel-tabs__item[data-active=true]{color:var(--text-primary)}.panel-tabs__item[data-active=true]:after{content:"";position:absolute;left:var(--space-2);right:var(--space-2);bottom:-1px;height:2px;border-radius:var(--radius-full);background:var(--accent)}.panel-tabs__count{min-width:18px;height:18px;padding:0 var(--space-1);display:grid;place-items:center;border-radius:var(--radius-full);background:var(--warning-subtle);color:var(--warning-text);font-size:var(--text-2xs)}.panel-tabs__dot{width:7px;height:7px;border-radius:var(--radius-full);background:var(--accent)}.chat{display:grid;grid-template-rows:1fr auto;min-height:0}.chat__list{min-height:0;overflow-y:auto;padding:var(--space-4);display:grid;gap:var(--space-4);align-content:start}.chat__message{display:grid;grid-template-columns:28px 1fr;gap:var(--space-2)}.chat__form{display:grid;gap:var(--space-2);padding:var(--space-3);border-top:var(--border-width) solid var(--border-subtle);background:var(--bg-sunken)}.notice--static{position:static;transform:none;margin:var(--space-2) auto 0;max-width:none;width:fit-content}.thread-group__title{padding:var(--space-3) var(--space-2) var(--space-1);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-muted)}.thread-card__width{justify-self:start;padding:0 var(--space-1);border-radius:var(--radius-xs);background:var(--bg-inset);font-size:var(--text-2xs);color:var(--text-muted)}.resize-handle{position:absolute;top:0;bottom:0;width:14px;display:grid;place-items:center;cursor:ew-resize;z-index:var(--z-sticky);touch-action:none}.resize-handle[data-side=left]{left:-14px}.resize-handle[data-side=right]{right:-14px}.resize-handle__grip{width:4px;height:44px;border-radius:var(--radius-full);background:var(--border-strong);transition:background var(--duration-fast) var(--ease-out),height var(--duration-fast) var(--ease-out)}.resize-handle:hover .resize-handle__grip,.resize-handle:focus-visible .resize-handle__grip,.resize-handle[data-dragging=true] .resize-handle__grip{background:var(--accent);height:72px}.resize-readout{position:fixed;top:var(--space-4);left:50%;transform:translate(-50%);z-index:var(--z-toast);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--bg-inverse);color:var(--text-inverse);font-size:var(--text-sm);font-weight:var(--weight-medium);box-shadow:var(--shadow-md);pointer-events:none}.howto{margin:0;padding-left:var(--space-5);display:grid;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-reading);max-width:var(--measure)}.howto strong{color:var(--text-primary)}.figma-frames{display:grid;gap:var(--space-1);max-height:320px;overflow-y:auto;padding:var(--space-1);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-md)}.figma-frame{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer}.figma-frame:hover{background:var(--bg-hover)}.figma-frame input{accent-color:var(--accent);width:16px;height:16px}.figma-frame__body{display:grid;gap:2px;min-width:0}.figma-frame__name{font-size:var(--text-md);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}