@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/inter-cyrillic-ext-wght-normal.460bdf14.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(/_next/static/media/inter-cyrillic-wght-normal.491cbc05.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(/_next/static/media/inter-greek-ext-wght-normal.23aae568.woff2) format("woff2-variations");unicode-range:u+1f??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/inter-greek-wght-normal.4449bf7a.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(/_next/static/media/inter-vietnamese-wght-normal.113a630f.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(/_next/static/media/inter-latin-ext-wght-normal.3835a68e.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(/_next/static/media/inter-latin-wght-normal.6c596dfc.woff2) format("woff2-variations");unicode-range:u+00??,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}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_next/static/media/manrope-cyrillic-ext-wght-normal.d1990364.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:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_next/static/media/manrope-cyrillic-wght-normal.2ffcac4f.woff2) format("woff2-variations");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_next/static/media/manrope-greek-wght-normal.6b69666c.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:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_next/static/media/manrope-vietnamese-wght-normal.383b32a0.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:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_next/static/media/manrope-latin-ext-wght-normal.f5cc7610.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:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_next/static/media/manrope-latin-wght-normal.fedf4c92.woff2) format("woff2-variations");unicode-range:u+00??,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}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_next/static/media/jetbrains-mono-cyrillic-ext-wght-normal.0d2c2f66.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:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_next/static/media/jetbrains-mono-cyrillic-wght-normal.23645aad.woff2) format("woff2-variations");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_next/static/media/jetbrains-mono-greek-wght-normal.c6c31cb1.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:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_next/static/media/jetbrains-mono-vietnamese-wght-normal.93fc40a8.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:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_next/static/media/jetbrains-mono-latin-ext-wght-normal.9c9751ca.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:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_next/static/media/jetbrains-mono-latin-wght-normal.a865edea.woff2) format("woff2-variations");unicode-range:u+00??,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}
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:host,:root{--spacing:.25rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-medium:500;--radius-md:.375rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1)}}@layer base,components;@layer utilities{.visible{visibility:visible}.mx-auto{margin-inline:auto}.my-5{margin-block:calc(var(--spacing) * 5)}.my-6{margin-block:calc(var(--spacing) * 6)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mr-4{margin-right:calc(var(--spacing) * 4)}.block{display:block}.contents{display:contents}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.size-11{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-12{min-height:calc(var(--spacing) * 12)}.max-w-7xl{max-width:var(--container-7xl)}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-\[var\(--border\)\],.border-input{border-color:var(--border)}.bg-background{background-color:var(--background)}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--surface-raised)}.p-4{padding:calc(var(--spacing) * 4)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-2{padding-block:calc(var(--spacing) * 2)}.pb-12{padding-bottom:calc(var(--spacing) * 12)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.whitespace-normal{white-space:normal}.text-foreground{color:var(--text)}.text-primary-foreground{color:var(--on-primary)}.text-secondary-foreground{color:var(--text)}.no-underline{text-decoration-line:none}.underline-offset-4{text-underline-offset:4px}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.\[no-new-privileges\:true\]{no-new-privileges:true}@media (hover:hover){.hover\:bg-secondary:hover{background-color:var(--surface-raised)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-90:hover{opacity:.9}}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-4:focus-visible{outline-offset:4px}.focus-visible\:outline-ring:focus-visible{outline-color:var(--focus)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:40rem){.sm\:p-8{padding:calc(var(--spacing) * 8)}.sm\:px-8{padding-inline:calc(var(--spacing) * 8)}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}:root,[data-theme=dark]{color-scheme:dark;--brand-background:#1E2732;--brand-surface:#29394B;--brand-primary:#438AC4;--brand-secondary:#8CD8FF;--brand-accent:#FFE35B;--brand-coral:#F0A18A;--brand-text:#F5F7FA;--brand-muted:#AAB9C9;--background:var(--brand-background);--surface:var(--brand-surface);--surface-raised:#31455B;--sidebar:#17212D;--text:var(--brand-text);--muted:var(--brand-muted);--border:#71869D;--primary:var(--brand-primary);--on-primary:#101923;--link:var(--brand-secondary);--attention:var(--brand-accent);--on-attention:#1E2732;--coral:var(--brand-coral);--on-coral:#17212D;--success:#9CD9BB;--danger:#FFADB4;--focus:#FFE35B;--waveform:#438AC4;--waveform-progress:#8CD8FF;--player-background:#17212D;--player-text:#F5F7FA;--shadow:0 12px 32px rgb(0 0 0/12%);--font-body:"Inter Variable",system-ui,sans-serif;--font-heading:"Manrope Variable","Inter Variable",system-ui,sans-serif;--font-audio:"JetBrains Mono Variable",ui-monospace,monospace;--radius-sm:6px;--radius-md:12px;--radius-lg:18px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px}[data-theme=light]{color-scheme:light;--background:#F3F6FA;--surface:#FFFFFF;--surface-raised:#E8EEF5;--sidebar:#E7EEF6;--text:#1E2732;--muted:#4A6076;--border:#7C8FA2;--primary:#28699F;--on-primary:#FFFFFF;--link:#225E91;--attention:#FFE35B;--on-attention:#1E2732;--coral:#A44732;--on-coral:#FFFFFF;--success:#216746;--danger:#A3233D;--focus:#225E91}@layer components{*{box-sizing:border-box}body{margin:0;font:16px/1.55 var(--font-body);color:var(--text);background:var(--background)}button,input,textarea{font:inherit}a,button{touch-action:manipulation;transition:background-color .15s,color .15s}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.65}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--focus);outline-offset:4px}a{color:var(--link)}.button,h1,h2,h3,nav{font-family:var(--font-heading)}h1{font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.2;letter-spacing:-.04em}h1,h2{margin:0 0 12px}h2{font-size:1.35rem;line-height:1.3;letter-spacing:-.025em}h3{font-size:1.1rem;margin:0}p{margin:6px 0 0;max-width:75ch}.muted,small{color:var(--muted)}.row{display:flex;align-items:center;gap:12px}.spread{justify-content:space-between}.shell{min-height:100vh;background:var(--background);color:var(--text)}.skip-link{position:fixed;left:12px;top:-70px;padding:10px;z-index:100;background:var(--attention);color:var(--on-attention)}.skip-link:focus{top:12px}.sidebar{width:254px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;background:var(--sidebar);border-right:1px solid var(--border);padding:30px 18px 24px;z-index:30;overflow-y:auto}.sidebar-brand{display:flex;align-items:center;gap:12px;margin-bottom:35px}.brand-logo{object-fit:contain;background:white;display:block;width:96px;height:96px;padding:6px;border-radius:9px}.sidebar-brand strong{font:700 15px var(--font-heading);letter-spacing:.06em}.sidebar-brand span{display:block;font:500 12px var(--font-heading);color:var(--muted);letter-spacing:.23em;margin-top:7px}.workspace-label{font-size:13px;margin:0 12px 14px;color:var(--coral)}nav{display:grid;gap:4px}.nav-item{display:flex;align-items:center;gap:12px;color:var(--muted);border:0;background:transparent;text-align:left;border-radius:6px;padding:12px;min-height:46px;font-size:14px}.nav-item.active,.nav-item:hover{background:var(--surface);color:var(--text)}.nav-item.active{box-shadow:inset 3px 0 var(--coral)}.nav-dot{width:6px;height:6px;background:var(--attention);border-radius:50%;margin-left:auto}.sidebar-bottom{display:flex;gap:11px;border-top:1px solid var(--border);padding-top:20px;margin-top:auto;color:var(--muted)}.sidebar-bottom p,.sidebar-bottom strong{font-size:12px}.shell-main{margin-left:254px}.app-header{height:82px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 40px;border-bottom:1px solid var(--border)}.header-actions,.header-title{display:flex;gap:12px;align-items:center;font-size:14px}.header-title>span{color:var(--muted)}.avatar{display:grid;place-items:center;border:1px solid var(--border);width:38px;height:38px;border-radius:50%;font-size:12px}.icon-button{display:inline-flex;align-items:center;justify-content:center;color:var(--text);background:transparent;border:1px solid transparent;min-width:44px;min-height:44px;border-radius:8px}.icon-button:hover{background:var(--surface-raised)}.preview-label{font-size:12px;padding:4px 9px;border:1px solid var(--border);border-radius:5px;color:var(--muted)}.notifications{position:relative}.notification-panel{position:absolute;top:54px;right:0;padding:20px;width:min(320px,80vw);background:var(--surface);box-shadow:var(--shadow);border:1px solid var(--border);border-radius:12px;z-index:40}.content{max-width:1600px;padding:34px 40px 60px;margin:auto}.preview-toolbar{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:34px}.preview-toolbar button{border:1px solid var(--border);background:transparent;color:var(--muted);padding:8px 13px;border-radius:7px;font-size:13px;min-height:44px}.preview-toolbar button[aria-pressed=true]{color:var(--text);background:var(--surface);border-color:var(--link)}.page-intro{display:flex;align-items:start;justify-content:space-between;gap:22px;margin-bottom:32px}.page-intro p{color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:7px;padding:10px 16px;border:1px solid transparent;font-size:14px;font-weight:700;text-decoration:none;white-space:normal}.button.primary{background:var(--primary);color:var(--on-primary)}.button.secondary{background:transparent;color:var(--text);border-color:var(--border)}.button.attention{background:var(--attention);color:var(--on-attention)}.text-button{display:inline-flex;gap:5px;align-items:center;border:0;background:transparent;color:var(--link);padding:10px 0;font-size:14px;min-height:44px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:34px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.metric{padding:22px;border-right:1px solid var(--border)}.metric:last-child{border:0}.metric-label{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--muted)}.metric strong{display:block;font:500 34px var(--font-heading);margin-top:8px}.metric small{font-size:12px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:28px 0 18px}.section-title h2{margin:0}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.project-card{display:flex;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:12px}.project-art{width:112px;flex:0 0 112px;color:var(--brand-secondary);background:#20364A;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.project-art span{font:600 13px var(--font-heading);letter-spacing:.12em}.project-card:nth-child(2n) .project-art{background:#283A42;color:var(--brand-accent)}.project-body{flex:1;min-width:0;padding:20px}.project-body .row{align-items:flex-start;flex-wrap:wrap;font-size:12px}.project-body h3{margin-top:13px}.project-body p{color:var(--muted);font-size:13px}.status{display:inline-flex;align-items:center;gap:6px;font-size:12px;line-height:1.4;padding:5px 8px;border:1px solid var(--border);border-radius:5px}.status.success{color:var(--success)}.status.attention{color:var(--on-attention);background:var(--attention);border-color:var(--attention)}.status.neutral{color:var(--muted)}.review-layout{grid-template-columns:minmax(0,1fr) 290px;gap:20px}.audio-player{color-scheme:dark;color:var(--player-text);background:var(--player-background);padding:28px;border:1px solid #71869d;border-top:3px solid var(--brand-coral);border-radius:14px}.audio-player h2{font-size:1.65rem;margin-top:8px}.audio-player p,.player-label{color:#AAB9C9;font-size:13px}.audio-player .button.secondary{color:#F5F7FA;border-color:#71869D}.versions{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.versions button{color:#AAB9C9;background:transparent;border:1px solid #71869d;padding:9px 12px;border-radius:6px;min-height:44px;font-size:12px;display:flex;align-items:center;gap:9px}.versions button b{font:600 14px var(--font-audio)}.versions button[aria-pressed=true]{color:#1E2732;background:#8CD8FF;border-color:#8CD8FF}.waveform{min-height:185px;display:grid;place-items:center;background:repeating-linear-gradient(90deg,transparent,transparent calc(25% - 1px),#31455B 25%);border-block:1px solid #71869D}.waveform svg{display:block;width:100%;height:150px}.waveform-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:24px 12px}.waveform-empty svg{width:34px;height:34px;color:#8CD8FF}.waveform-empty strong{font-size:14px}.waveform-empty span{color:#AAB9C9;max-width:36ch;font-size:12px}.timeline{display:flex;justify-content:space-between;font:12px var(--font-audio);color:#AAB9C9;margin-top:10px}.transport{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:23px;flex-wrap:wrap}.play-button{width:50px;height:50px;border:0;border-radius:50%;background:var(--brand-coral);color:#17212D;font-size:19px}.transport label{display:flex;align-items:center;gap:8px;font-size:12px;color:#AAB9C9}.transport input{width:80px;accent-color:#8CD8FF}.player-options{border-top:1px solid #71869d;margin-top:23px;padding-top:18px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.player-options span{font-size:12px;color:#AAB9C9}.player-options .button{min-height:36px;padding:5px 9px;font-size:12px}.comments{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:22px}.comments h2{font-size:16px}.comment{border-top:1px solid var(--border);margin-top:18px;padding-top:18px}.comment p{font-size:13px}.comment small{display:block;font-size:12px;margin-top:8px}.comment-marker{display:inline-grid;place-items:center;min-width:44px;height:44px;border-radius:6px;background:var(--attention);color:var(--on-attention);border:2px solid var(--attention)}.comment-marker.resolved{border-style:dashed;background:transparent;color:var(--text);border-color:var(--border)}.track-list{display:grid;gap:9px;margin-bottom:20px}.track-card{display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;text-align:left;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text)}.track-card.selected{border-color:var(--link);box-shadow:inset 3px 0 var(--link)}.track-card small{display:block;font-size:12px;margin-top:3px}.track-card>svg:last-child{margin-left:auto}.delivery-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;border:1px solid var(--border);border-radius:12px;padding:24px;background:var(--surface);margin-top:20px}.delivery-card>svg{color:var(--link)}.delivery-card p{color:var(--muted);font-size:13px}dl{display:flex;flex-wrap:wrap;gap:24px;margin:15px 0 0;font-size:12px}dt{color:var(--muted)}dd{margin:3px 0 0;font-family:var(--font-audio)}.empty-state{padding:50px 24px;text-align:center;border:1px dashed var(--border);border-radius:12px}.empty-state>svg{color:var(--link);margin-bottom:20px}.empty-state p{color:var(--muted);margin:10px auto 0}.notice{color:var(--muted);font-size:13px;border-left:3px solid var(--border);padding-left:14px;margin:24px 0}.design-section{margin-top:34px}.swatches{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px}.swatch{border:1px solid var(--border);border-radius:9px;overflow:hidden;background:var(--surface)}.swatch-color{height:75px}.swatch p{margin:0;padding:12px;font-size:13px}.swatch code{display:block;color:var(--muted);margin-top:5px}.component-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:20px 0}.login-layout{display:grid;grid-template-columns:1.1fr 1fr;min-height:640px;background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden}.login-art{position:relative;background:#1E2732;min-height:420px;display:flex;align-items:center}.brand-scene{width:100%;height:auto;display:block}.login-art:after{content:"";position:absolute;inset:0;background:rgb(13 23 33/12%);pointer-events:none}.login-form{padding:clamp(28px,4vw,60px);display:flex;justify-content:center;flex-direction:column}.login-form .brand-logo{width:96px;height:96px;margin-bottom:28px}.login-form h1{font-size:1.7rem}.login-form>p{color:var(--muted)}.login-form form{margin-top:28px;display:grid;gap:12px}.login-form label{font-size:14px;font-weight:600}.login-form input{padding:13px;border:1px solid var(--border);background:var(--background);color:var(--text);border-radius:7px;width:100%}.login-form small{margin-top:15px;font-size:12px}.email-list{display:grid;gap:14px}.email-link{padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:9px;display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:var(--text)}.mobile-close,.mobile-toggle,.nav-overlay{display:none}@media(min-width:1800px){.sidebar{width:280px}.shell-main{margin-left:280px}}@media(max-width:1200px){.content{padding:28px 24px}.app-header{padding-inline:24px}.project-grid,.review-layout{grid-template-columns:1fr}.comments{display:grid;grid-template-columns:1fr 1fr;gap:20px}.comments h2{grid-column:1/-1}.comment{margin:0}.login-layout{grid-template-columns:1fr}.login-art{min-height:0;max-height:350px;overflow:hidden}.login-art img{max-height:350px;object-fit:contain}}@media(max-width:900px){.sidebar{transform:translateX(-100%);visibility:hidden}.sidebar.is-open{transform:none;visibility:visible}.shell-main{margin-left:0}.mobile-close,.mobile-toggle{display:inline-flex}.mobile-close{margin-left:auto}.nav-overlay:not([hidden]){display:block;position:fixed;inset:0;border:0;background:rgb(0 0 0/55%);z-index:25}.metrics{grid-template-columns:repeat(2,1fr)}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid var(--border)}}@media(max-width:560px){.content{padding:22px 16px}.app-header{padding:0 12px;height:72px}.header-title{gap:5px;font-size:12px}.header-title>span,.header-title>svg{display:none}.header-actions{gap:2px}.avatar,.preview-label{display:none}.page-intro{flex-direction:column}.metric{padding:16px 12px}.metric-label{align-items:start;font-size:12px}.metric strong{font-size:28px}.project-art{width:68px;flex-basis:68px}.project-body{padding:16px}.audio-player{padding:18px}.versions{display:grid;grid-template-columns:1fr 1fr}.versions button{padding:8px}.comments{display:block}.comment{margin-top:18px}.delivery-card{grid-template-columns:auto 1fr;padding:18px;gap:14px}.delivery-card .button{grid-column:1/-1}.transport{gap:8px}.transport .button{padding:8px}.login-form{padding:26px}.login-art,.login-art img{max-height:240px}}@media(prefers-reduced-motion:reduce){*,:after,:before{transition:none!important;animation:none!important;scroll-behavior:auto!important}}.nav-item{text-decoration:none}.login-page{min-height:100vh;padding:clamp(16px,5vw,80px);display:grid;align-items:center;max-width:1500px;margin:auto}.data-form{display:grid;gap:20px;margin:26px 0;max-width:680px}.data-form label{display:grid;gap:8px;font-size:14px;font-weight:600}.data-form input,.data-form select,.data-form textarea{width:100%;min-height:46px;padding:12px;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--text);font:inherit}.data-form textarea{resize:vertical}.data-form .muted,.data-form small{font-weight:400;font-size:13px}.data-form .checkbox-label{display:flex;align-items:start;gap:10px}.data-form .checkbox-label input{width:20px;min-height:20px;flex-shrink:0;accent-color:var(--link)}.data-form.compact{margin-top:18px}.form-error{color:var(--danger)}.form-success{color:var(--success)}.form-error:empty,.form-success:empty{display:none}.data-form .button{justify-self:start}.management-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:36px;margin-top:26px}.management-panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px;margin-top:26px;overflow-wrap:anywhere}.management-panel h2:not(:first-child){margin-top:28px}.management-panel li,.management-panel p{font-size:14px}.management-panel ul{padding-left:18px}.management-panel form:not(.data-form){margin:20px 0}.management-panel .button{max-width:100%}.record-list{display:grid;margin-top:20px;border:1px solid var(--border);border-radius:12px;overflow:hidden}.record-row{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border);color:var(--text);text-decoration:none;background:var(--surface);overflow-wrap:anywhere}.record-row:last-child{border:0}.record-row:hover{background:var(--surface-raised)}.record-row p{font-size:13px;color:var(--muted)}.record-row .status{flex-shrink:0}.preserve-lines{white-space:pre-wrap}.empty-state .button{margin-top:20px}select:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:4px}@media(max-width:1100px){.management-grid{grid-template-columns:1fr;gap:0}.management-panel{margin-top:10px}}@media(max-width:560px){.record-row{flex-wrap:wrap}.login-page,.record-row{padding:16px}.management-panel{padding:18px}}fieldset{min-width:0;padding:0;border:0;margin:0}.real-player{margin-top:28px}.real-player .icon-button{color:#F5F7FA}.real-player details{font-size:14px;margin-top:14px}.real-player summary{cursor:pointer;padding:10px 0}.local-import{margin:24px 0;padding:18px;border:1px dashed #71869d;border-radius:8px}.local-import label,.upload-zone label{display:grid;gap:10px;font-size:14px}.audio-checks p,.local-import p,.player-help{color:#AAB9C9;font-size:12px;margin-top:12px}.local-import input,.upload-zone input{max-width:100%;padding:12px 0}.interactive-wave{position:relative;border-block:1px solid #71869D;height:180px;margin-top:20px}.interactive-wave svg{width:100%;height:140px;display:block;margin-top:20px}.seek-label{position:absolute;inset:0;font-size:0}.seek-label input{width:100%;height:100%;margin:0;appearance:none;background:transparent;cursor:crosshair}.seek-label input::-webkit-slider-thumb{appearance:none;width:3px;height:175px;background:#FFE35B}.seek-label input::-moz-range-thumb{width:3px;height:175px;background:#FFE35B;border:0}.loop-controls{display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin-top:20px}.loop-controls label,.offset-control{display:grid;gap:6px;font-size:12px}.loop-controls input,.offset-control input{width:110px;padding:8px;background:#1E2732;color:#F5F7FA;border:1px solid #71869d;border-radius:6px}.comparison-choice{display:grid;gap:12px;padding:12px 0}.comparison-choice label{display:flex;gap:10px}.audio-checks{border-top:1px solid #71869d;padding-top:20px;margin-top:20px}.audio-checks li{font:12px var(--font-audio);overflow-wrap:anywhere;margin-top:12px}.audio-lab{max-width:1100px}.offset-control{margin-top:12px}.upload-zone{margin-top:30px;padding:24px;background:var(--surface);border:1px dashed var(--border);border-radius:12px}.upload-zone p{margin-bottom:16px}.upload-zone ul{padding-left:0;list-style:none}.upload-zone li{border-top:1px solid var(--border);padding-top:18px;margin-top:18px;display:grid;gap:8px;overflow-wrap:anywhere}.upload-zone progress{width:100%;accent-color:var(--link)}.version-record{border:1px solid var(--border);padding:24px;border-radius:12px;margin-top:16px;background:var(--surface)}.version-record summary{cursor:pointer;padding:12px 0}.real-player h2,.version-record p{overflow-wrap:anywhere}.audio-player .form-error{color:#FFADB4}@media(max-width:560px){.upload-zone,.version-record{padding:18px}.real-player .loop-controls{display:grid;grid-template-columns:1fr 1fr}.real-player .loop-controls button{grid-column:1/-1}}.review-comments,.review-composer,.review-summary{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px;margin-top:24px}.review-comments h2,.review-summary h2{margin:0 0 12px;color:var(--coral)}.review-summary p{margin-top:12px}.review-decisions{display:flex;gap:24px;flex-wrap:wrap;margin-top:20px}.review-decisions details{flex:1;min-width:240px}.review-decisions summary,.review-thread summary{cursor:pointer;padding:12px 0;font-weight:600}.review-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,1fr);gap:24px;align-items:start}.review-form,.review-form>*,.review-layout>*{min-width:0}.review-comments{max-height:1100px;overflow:auto}.review-filters{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.review-filters label{display:grid;gap:8px;font-size:14px}.review-filters select{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:10px;max-width:100%}.review-thread{padding:20px 0;border-top:1px solid var(--border);margin-top:16px;overflow-wrap:anywhere}.review-thread p{margin-top:12px}.review-body{white-space:pre-wrap;overflow-wrap:anywhere}.comment-time{background:transparent;border:0;color:var(--coral);font-family:var(--font-audio);cursor:pointer;padding:10px 0;text-align:left}.review-form{margin-top:12px;gap:12px}.review-form .button{justify-self:start}.review-range{flex-wrap:wrap;align-items:start}.review-range label{flex:1;min-width:130px}.review-pager{flex-wrap:wrap;justify-content:space-between;margin-top:18px;gap:12px}.replies{padding-left:20px;border-left:2px solid var(--border);list-style:none}.replies>li{padding:16px 0}.review-history{padding-left:22px}.review-history li{padding:12px 0}.interactive-wave{overflow:hidden}.comment-markers{position:absolute;inset:0;z-index:2}.comment-marker{position:absolute;top:4px;min-width:24px;height:32px;transform:translateX(-50%);background:#FFE35B;color:#15202D;border:1px solid #15202d;border-radius:4px;cursor:pointer;font-size:18px}.comment-marker.resolved{background:#8CD8FF}.comment-marker.is-range{transform:none;background:#FFE35B66;border-left:3px solid #ffe35b}.comment-marker:focus-visible{outline:3px solid #F5F7FA;outline-offset:-3px}.review-example{max-width:1100px}.review-example .review-layout{margin-top:20px}@media(max-width:1000px){.review-layout{grid-template-columns:1fr}.review-comments{max-height:none}}@media(max-width:560px){.review-comments,.review-composer,.review-summary{padding:18px}.review-filters{grid-template-columns:1fr}.review-decisions{display:block}.review-decisions details{min-width:0}.review-thread .row{flex-wrap:wrap}.review-pager{justify-content:start}}.preview-timeline{height:110px;background:repeating-linear-gradient(90deg,transparent,transparent 9.8%,#71869D44 10%)}.preview-cursor{position:absolute;top:40px;bottom:0;width:2px;background:#FFE35B}.preview-timeline .comment-markers{background:transparent}.commerce-buttons{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.commerce-form{margin-top:16px}.file-digest{font-family:var(--font-audio);font-size:12px;overflow-wrap:anywhere}.upload-zone select{width:100%;max-width:100%;padding:12px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:6px}.upload-zone progress{margin-top:18px}.version-record summary{overflow-wrap:anywhere}.commerce-form .checkbox-label{line-height:1.7}.dashboard-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.dashboard-projects .version-record{min-width:0;margin:0}.dashboard-comment{overflow-wrap:anywhere;border-left:2px solid var(--link);padding-left:1rem}.dashboard-filter{align-items:end;margin-bottom:1.25rem}.dashboard-filter label{display:grid;gap:.4rem;min-width:0}.dashboard-filter select{max-width:100%}.dashboard-activity{padding-left:1.25rem}.dashboard-activity li{margin:1rem 0}.dashboard-help{margin:1rem 0;max-width:80ch}.notification-preferences{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.notification-preferences .data-form{min-width:0}@media(max-width:700px){.dashboard-projects,.notification-preferences{grid-template-columns:1fr}.dashboard-filter{flex-wrap:wrap}}.studio-form{max-width:900px;margin-top:28px}.studio-form fieldset{display:grid;gap:16px;border:1px solid var(--border);border-radius:10px;padding:22px;margin:0 0 16px;min-width:0}.studio-form legend{padding:0 8px;font-weight:700}.studio-colors{display:flex;gap:20px;flex-wrap:wrap}.studio-colors input{min-height:44px;min-width:80px;padding:4px}.studio-footer{padding:24px 40px;border-top:1px solid var(--border);color:var(--muted)}.studio-footer,.studio-terms{white-space:pre-line;overflow-wrap:anywhere}.studio-metrics{margin:20px 0}.studio-metrics .metric{min-width:0}.studio-form input,.studio-form select,.studio-form textarea{max-width:100%}.studio-form textarea{min-height:90px}@media(max-width:700px){.studio-footer{padding:20px 16px}.studio-form fieldset{padding:16px}.studio-colors{display:grid;grid-template-columns:1fr}.sidebar-brand strong{overflow-wrap:anywhere}}.sidebar-brand>div{min-width:0}.sidebar-brand strong{overflow-wrap:anywhere}.sidebar-brand .brand-logo{flex-shrink:0}.legal-page{max-width:760px;margin:auto;padding:48px 24px;min-height:100dvh;overflow-wrap:anywhere}.legal-page>p{line-height:1.8}.legal-page>h1{margin-top:32px}.legal-page>.button{margin:20px 16px 20px 0}.legal-page .brand-logo{max-width:140px}.legal-page textarea{min-height:180px}.project-cover{object-fit:contain;display:block;border-radius:12px;margin:24px 0;max-width:100%}.wave-gesture{position:absolute;inset:0 0 36px;z-index:1;touch-action:none;cursor:crosshair}.wave-selection{position:absolute;top:0;bottom:36px;background:rgb(255 227 91/18%);border-left:2px solid #ffe35b;border-right:2px solid #ffe35b;pointer-events:none;z-index:2}.comment-markers{pointer-events:none;z-index:3}.comment-marker{pointer-events:auto}.seek-label{position:relative;z-index:4}.demo-banner{border:1px solid var(--primary);border-radius:12px;padding:18px;margin-bottom:24px;background:var(--surface)}.demo-banner strong{color:var(--primary);letter-spacing:.08em;font-size:.8rem}.demo-banner p{margin:8px 0 14px}.demo-home{max-width:1150px;margin:auto}.demo-hash{overflow-wrap:anywhere}.button-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-block:12px}.demo-banner select{max-width:100%}.management-panel details{margin-block:12px}.management-panel summary{cursor:pointer;padding-block:10px;font-weight:600}.demo-banner label,.demo-home label{display:grid;gap:6px;font-size:13px}.demo-banner select,.demo-home select,.management-panel>label select{padding:10px;border:1px solid var(--border);border-radius:7px;color:var(--text);background:var(--surface);font:inherit}.demo-home .management-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@layer components{}@layer components{@media(max-width:650px){.demo-home .management-grid{grid-template-columns:1fr}.demo-banner .button-row{align-items:stretch;flex-direction:column}.demo-banner select{width:100%}}}@layer components{.demo-form-fields{min-width:0;margin:0;border:0;padding:0;display:grid;gap:20px}.demo-form-fields:disabled{opacity:.7}}