*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.border{border-width:1px}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.outline{outline-style:solid}.blur{--tw-blur:blur(8px);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)}.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,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--font-sans:"Instrument Sans", ui-sans-serif, system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", monospace;--bg:#f8fafc;--bg-elev:#fff;--bg-sunken:#f1f4f6;--surface:#fff;--surface-alt:#f4f7f9;--hover:#edf1f3;--border:#e2e5e8;--border-strong:#c9ced2;--text:#171b1f;--text-muted:#5d646a;--text-subtle:#8a9095;--accent:#0074c9;--accent-hover:#0064b8;--accent-soft:#e0f1ff;--accent-fg:#fff;--ok:#47944c;--ok-soft:#dbf8da;--warn:#d58d25;--warn-soft:#ffefd1;--danger:#d73337;--danger-soft:#ffece9;--shadow-sm:0 1px 2px #0f172a0a;--shadow-md:0 4px 16px -4px #0f172a14, 0 1px 3px #0f172a0a;--shadow-lg:0 24px 48px -16px #0f172a2e, 0 4px 12px -4px #0f172a14;--radius-sm:6px;--radius:10px;--radius-lg:14px;--row-h:44px}@supports (color:lab(0% 0 0)){:root{--bg:lab(98.265% -.495434 -.992274);--bg-sunken:lab(95.9481% -.823051 -1.65221);--surface-alt:lab(97.1066% -.659496 -1.3224);--hover:lab(94.7881% -.823021 -1.65216);--border:lab(90.7281% -.822723 -1.65201);--border-strong:lab(82.6126% -1.30823 -2.63869);--text:lab(9.53107% -1.54131 -3.25193);--text-muted:lab(42.0166% -1.91742 -3.93417);--text-subtle:lab(59.415% -1.62011 -3.28999);--accent:lab(46.6457% -.178784 -60.0399);--accent-hover:lab(40.7234% 2.09621 -59.9175);--accent-soft:lab(94.147% -3.99467 -14.0962);--ok:lab(55.1805% -36.459 30.1293);--ok-soft:lab(94.8512% -13.972 10.919);--warn:lab(64.9119% 22.5495 61.7416);--warn-soft:lab(95.482% 4.37006 23.3586);--danger:lab(49.2539% 63.2983 39.3808);--danger-soft:lab(94.8951% 15.3713 8.32275)}}[data-theme=dark]{--bg:#0e1216;--bg-elev:#161b20;--bg-sunken:#080c0f;--surface:#161b20;--surface-alt:#1d2227;--hover:#21272d;--border:#292f34;--border-strong:#3c4349;--text:#eff2f5;--text-muted:#98a0a5;--text-subtle:#6c7378;--accent:#4ea9ff;--accent-hover:#7abdff;--accent-soft:#002f57;--accent-fg:#080c0f;--ok:#61bd67;--ok-soft:#06320c;--warn:#f4a437;--warn-soft:#432700;--danger:#ff625e;--danger-soft:#551112}@supports (color:lab(0% 0 0)){[data-theme=dark]{--bg:lab(5.26588% -.925392 -2.81108);--bg-elev:lab(9.51677% -1.49144 -4.06508);--bg-sunken:lab(3.04628% -.624143 -1.97924);--surface:lab(9.51677% -1.49144 -4.06508);--surface-alt:lab(12.9979% -1.51417 -4.07452);--hover:lab(15.3168% -1.75095 -4.74708);--border:lab(18.7993% -1.54167 -4.08654);--border-strong:lab(28.0798% -1.81119 -4.77333);--text:lab(95.3681% -.823021 -1.65218);--text-muted:lab(65.2177% -1.9387 -3.94515);--text-subtle:lab(47.817% -1.92422 -3.93761);--accent:lab(66.8198% -6.42365 -53.9665);--accent-hover:lab(73.8298% -7.40215 -54.1068);--accent-soft:lab(18.1463% .133455 -33.3414);--accent-fg:lab(3.04628% -.624143 -1.97924);--ok:lab(69.3498% -42.0535 34.6246);--ok-soft:lab(17.426% -22.5182 19.081);--warn:lab(74.1858% 23.9202 65.0302);--warn-soft:lab(18.5081% 16.1974 35.4831);--danger:lab(63.2066% 63.0145 37.4065);--danger-soft:lab(17.7901% 31.6229 19.3112)}}@supports not (color:oklch(0 0 0)){:root{--bg:#f8fafc;--bg-sunken:#f0f4f6;--surface-alt:#f4f7f9;--hover:#edf1f3;--border:#e2e5e8;--border-strong:#c9ced2;--text:#171b1f;--text-muted:#5d646a;--text-subtle:#8a9095;--accent:#0072d5;--accent-hover:#0063c4;--accent-soft:#dbf1ff;--ok:#47944c;--ok-soft:#dbf8da;--warn:#d58d25;--warn-soft:#ffeec5;--danger:#d73337;--danger-soft:#ffe6e1}[data-theme=dark]{--bg:#0e1216;--bg-elev:#161b20;--bg-sunken:#080c0f;--surface:#161b20;--surface-alt:#1d2227;--hover:#21272d;--border:#292f34;--border-strong:#3c4349;--text:#eff2f5;--text-muted:#98a0a5;--text-subtle:#6b7378;--accent:#49a9ff;--accent-hover:#5ebdff;--accent-soft:#002e5d;--accent-fg:#080c0f;--ok:#61bd67;--ok-soft:#06320c;--warn:#f4a437;--warn-soft:#492300;--danger:#ff5f5b;--danger-soft:#551112}}[data-density=compact]{--row-h:36px}[data-density=comfortable]{--row-h:52px}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-feature-settings:"ss01","cv11";margin:0}body{letter-spacing:-.005em;font-size:14px;line-height:1.45}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.num{font-variant-numeric:tabular-nums}.app{grid-template-columns:240px 1fr;height:100vh;display:grid;overflow:hidden}.sidebar{background:var(--bg-elev);border-right:1px solid var(--border);flex-direction:column;gap:4px;padding:18px 14px;display:flex}.brand{border-bottom:1px solid var(--border);align-items:center;gap:10px;margin-bottom:14px;padding:4px 8px 18px;display:flex}.brand-mark{background:url(/logo.png) 50%/contain no-repeat;flex-shrink:0;width:32px;height:32px}[data-theme=dark] .brand-mark{filter:invert()}.brand-name{letter-spacing:-.02em;font-size:17px;font-weight:600}.brand-sub{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;margin-top:-2px;font-size:11px}.nav-section{letter-spacing:.08em;text-transform:uppercase;color:var(--text-subtle);padding:12px 10px 6px;font-size:10.5px;font-weight:600}.nav-item{border-radius:var(--radius-sm);color:var(--text-muted);text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:8px 10px;font-size:13.5px;display:flex}.nav-item:hover{background:var(--hover);color:var(--text)}.nav-item.active{background:var(--accent-soft);color:var(--accent);font-weight:500}.nav-item .ic{opacity:.85;flex-shrink:0;width:16px;height:16px}.nav-item .count{color:var(--text-subtle);background:var(--bg-sunken);border-radius:6px;margin-left:auto;padding:1px 6px;font-size:11px}.nav-item.active .count{color:var(--accent);background:#fff9}.nav-item .nav-dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 3px var(--accent-soft);border-radius:50%;flex-shrink:0;margin-left:auto}.sidebar-footer{border-top:1px solid var(--border);align-items:center;gap:10px;margin-top:auto;padding-top:14px;display:flex}.avatar{color:#fff;background:linear-gradient(135deg,#d58679,#b0540e);background:linear-gradient(135deg,lab(64.3189% 30.0726 20.4675),lab(46.9139% 35.7494 52.9852));border-radius:50%;place-items:center;width:30px;height:30px;font-size:12px;font-weight:600;display:grid}.user-meta{font-size:12.5px;line-height:1.3}.user-meta b{font-weight:600}.user-meta span{color:var(--text-muted);font-size:11.5px;display:block}.main{flex-direction:column;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--border);background:var(--bg-elev);flex-shrink:0;align-items:center;gap:16px;height:56px;padding:0 24px;display:flex}.crumbs{color:var(--text-muted);align-items:center;gap:8px;font-size:13px;display:flex}.crumbs b{color:var(--text);font-weight:500}.crumb-sep{color:var(--text-subtle)}.crumb-link{color:var(--text-muted);cursor:pointer;text-decoration:none;transition:color .15s}.crumb-link:hover{color:var(--text);text-decoration:underline}.topbar-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.content{flex:1;overflow:auto}.topbar-burger,.sidebar-close,.sidebar-scrim{display:none}@media (max-width:900px){.app{grid-template-columns:minmax(0,1fr);height:100dvh}.main{min-width:0}.sidebar{z-index:60;visibility:hidden;width:min(290px,86vw);box-shadow:var(--shadow-lg);transition:transform .24s cubic-bezier(.22,1,.36,1),visibility 0s linear .24s;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.sidebar.is-open{visibility:visible;transition:transform .24s cubic-bezier(.22,1,.36,1);transform:none}.sidebar .nav-item{padding:11px 10px;font-size:15px}.sidebar-close{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-muted);background:0 0;border:0;place-items:center;margin-left:auto;display:grid}.sidebar-scrim{z-index:59;opacity:0;pointer-events:none;background:#080c1073;transition:opacity .2s;display:block;position:fixed;inset:0}.sidebar-scrim.is-open{opacity:1;pointer-events:auto}.topbar{gap:10px;padding:0 12px}.topbar-burger{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elev);width:38px;height:38px;color:var(--text);flex-shrink:0;place-items:center;margin-left:-4px;display:grid}.crumbs{min-width:0;overflow:hidden}.crumbs>:not(:last-child){display:none}.crumbs b{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}}@media (max-width:600px){.topbar-plan{display:none!important}}@media (prefers-reduced-motion:reduce){.sidebar,.sidebar.is-open,.sidebar-scrim{transition:none}}.btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elev);color:var(--text);white-space:nowrap;align-items:center;gap:7px;padding:7px 12px;font-size:13px;font-weight:500;transition:background .12s,border-color .12s,transform 50ms;display:inline-flex}.btn:hover{background:var(--hover);border-color:var(--border-strong)}.btn:active{transform:translateY(.5px)}.btn-primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent);box-shadow:0 1px #0000000a,inset 0 1px #ffffff1f}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-ghost{color:var(--text-muted);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--hover);color:var(--text)}.btn-sm{padding:4px 8px;font-size:12px}.btn-lg{padding:10px 16px;font-size:14px}.btn .ic{width:14px;height:14px}.input,.select,.textarea{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);outline:none;padding:8px 11px;font-size:13px;transition:border-color .12s,box-shadow .12s}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--text-muted);font-size:12px;font-weight:500}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card-h{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:14px 16px;display:flex}.card-h h3{letter-spacing:-.01em;margin:0;font-size:13.5px;font-weight:600}.card-h .meta{color:var(--text-muted);font-size:12px}.card-b{padding:16px}.badge{background:var(--bg-sunken);color:var(--text-muted);border:1px solid var(--border);border-radius:5px;align-items:center;gap:5px;padding:2px 7px;font-size:11.5px;font-weight:500;display:inline-flex}.badge.dot:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.badge-ok{background:var(--ok-soft);color:var(--ok);border-color:#0000}.badge-warn{background:var(--warn-soft);color:var(--warn);border-color:#0000}.badge-danger{background:var(--danger-soft);color:var(--danger);border-color:#0000}.badge-accent{background:var(--accent-soft);color:var(--accent);border-color:#0000}.conf{font-family:var(--font-mono);align-items:center;gap:6px;font-size:11px;display:inline-flex}.conf-bar{background:var(--bg-sunken);border-radius:2px;width:36px;height:4px;overflow:hidden}.conf-fill{background:var(--ok);border-radius:2px;height:100%}.conf.warn .conf-fill{background:var(--warn)}.conf.danger .conf-fill{background:var(--danger)}.conf.warn{color:var(--warn)}.conf.danger{color:var(--danger)}.page{max-width:1400px;margin:0 auto;padding:28px 32px}.page-h{align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.page-h h1{letter-spacing:-.02em;margin:0;font-size:24px;font-weight:600}.page-h p{color:var(--text-muted);margin:2px 0 0;font-size:13.5px}.page-h .spacer{flex:1}.stat-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px;display:grid}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.stat .lbl{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:11.5px;font-weight:500}.stat .v{letter-spacing:-.02em;margin-top:4px;font-size:24px;font-weight:600}.stat .sub{color:var(--text-muted);margin-top:2px;font-size:12px}.stat .sub b.up{color:var(--ok)}.projects-table{border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;font-size:13px;overflow:hidden}.projects-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;background:var(--bg-sunken);border-bottom:1px solid var(--border);padding:10px 14px;font-size:11.5px;font-weight:500}.projects-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:12px 14px}.projects-table tr:last-child td{border-bottom:none}.projects-table tbody tr{cursor:pointer}.projects-table tbody tr:hover{background:var(--hover)}.projects-table .ref{color:var(--text-muted);font-family:var(--font-mono);font-size:11.5px}.projects-table .ttl{font-weight:500}.status{border-radius:999px;align-items:center;gap:5px;padding:2px 8px;font-size:11.5px;font-weight:500;display:inline-flex}.status:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.status-draft{background:var(--bg-sunken);color:var(--text-muted)}.status-process{background:var(--accent-soft);color:var(--accent)}.status-review{background:var(--warn-soft);color:var(--warn)}.status-valid{background:var(--ok-soft);color:var(--ok)}.status-export{color:var(--text);background:#e3f1fb;background:lab(94.2285% -3.21099 -6.56472)}.filterbar{align-items:center;gap:8px;margin-bottom:14px;display:flex}.filterbar .input{width:280px}.val-layout{grid-template-columns:1fr 520px;height:100%;display:grid;overflow:hidden}[data-vlayout=wide-table] .val-layout{grid-template-columns:1fr 640px}[data-vlayout=stacked] .val-layout{grid-template-rows:minmax(360px,55%) 1fr;grid-template-columns:1fr}.val-left{background:var(--bg-sunken);border-right:1px solid var(--border);flex-direction:column;display:flex;overflow:hidden}.val-right{background:var(--bg-elev);flex-direction:column;display:flex;overflow:hidden}.video-wrap{flex:1;justify-content:center;align-items:center;min-height:0;padding:20px 24px;display:flex}.video-frame{aspect-ratio:16/9;border-radius:var(--radius);width:100%;max-height:100%;box-shadow:var(--shadow-lg);background:radial-gradient(#252f37 0%,#030609 70%,#000 100%);background:radial-gradient(lab(18.8165% -2.96721 -6.45695) 0%,lab(1.56292% -.472337 -1.23248) 70%,#000 100%);position:relative;overflow:hidden}.video-frame video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hud-corner{border:2px solid #ffffff59;width:14px;height:14px;position:absolute}.hud-corner.tl{border-bottom:none;border-right:none;top:10px;left:10px}.hud-corner.tr{border-bottom:none;border-left:none;top:10px;right:10px}.hud-corner.bl{border-top:none;border-right:none;bottom:10px;left:10px}.hud-corner.br{border-top:none;border-left:none;bottom:10px;right:10px}.video-hud{color:#ffffffeb;pointer-events:none;letter-spacing:.04em;font-size:11px;font-family:var(--font-mono);flex-direction:column;padding:14px 16px;display:flex;position:absolute;inset:0}.hud-row{gap:18px;display:flex}.hud-row.bottom{justify-content:space-between;align-items:flex-end;margin-top:auto}.hud-tag{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;border:1px solid #ffffff1f;border-radius:4px;padding:4px 8px}.hud-tag b{color:#aedcae;color:lab(83.6235% -22.3621 17.6779);margin-right:6px;font-weight:600}.video-rec{background:#0000008c;border-radius:4px;align-items:center;gap:6px;padding:4px 8px;display:inline-flex}.video-rec .dot{background:#f94144;background:lab(57.1752% 69.5963 43.0458);border-radius:50%;width:8px;height:8px;animation:1.6s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.spinner{border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.8s linear infinite spinner-rotate}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.spinner-lg{border-width:3px;width:30px;height:30px}.video-loading{text-align:center;color:#ffffffeb;pointer-events:none;background:#0a0c108c;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex;position:absolute;inset:0}.video-loading p{margin:0;font-size:13px;line-height:1.5}.video-expired{text-align:center;color:#ffffffeb;background:#0a0c10d1;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex;position:absolute;inset:0}.video-expired svg{opacity:.75;width:22px;height:22px}.video-expired p{max-width:320px;margin:0;font-size:13px;line-height:1.5}.playback{background:var(--bg-elev);border-top:1px solid var(--border);padding:12px 24px 16px}.timeline-wrap{position:relative}.timeline{background:var(--bg-sunken);cursor:pointer;border:1px solid var(--border);border-radius:6px;height:36px;position:relative;overflow:hidden}.timeline-track{background:var(--border);border-radius:2px;height:4px;position:absolute;top:50%;left:8px;right:8px;transform:translateY(-50%)}.timeline-progress{background:var(--accent);border-radius:2px;height:4px;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.timeline-marker{cursor:grab;z-index:2;border-radius:1.5px;width:4px;height:28px;transition:transform .12s;position:absolute;top:4px}.timeline-marker:hover{transform:scaleX(1.8)}.timeline-marker.active{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--accent)}.timeline-marker.dragging{cursor:grabbing;z-index:4;box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--accent);transform:scaleX(2.2)}.timeline-marker.high{background:var(--ok)}.timeline-marker.mid{background:var(--warn)}.timeline-marker.low{background:var(--danger)}.timeline-drag-tooltip{background:var(--text);color:var(--bg-elev);white-space:nowrap;pointer-events:none;z-index:5;border-radius:4px;padding:3px 7px;font-size:11px;line-height:1;position:absolute;bottom:calc(100% + 6px);transform:translate(-50%);box-shadow:0 2px 8px #0000004d}.timeline-drag-tooltip:after{content:"";border:4px solid #0000;border-top-color:var(--text);position:absolute;top:100%;left:50%;transform:translate(-50%)}.timeline-cursor{background:var(--accent);z-index:3;pointer-events:none;width:2px;position:absolute;top:-2px;bottom:-2px;box-shadow:0 0 0 3px #3c5aff2e}.timeline-cursor:before{content:"";background:var(--accent);border:2px solid var(--surface);border-radius:50%;width:12px;height:12px;position:absolute;top:-4px;left:-5px}.timeline-meta{font-family:var(--font-mono);color:var(--text-muted);justify-content:space-between;margin-top:6px;font-size:11px;display:flex}.controls{align-items:center;gap:8px;margin-top:12px;display:flex}.controls .play{background:var(--text);width:36px;height:36px;color:var(--bg-elev);border:none;border-radius:50%;place-items:center;display:grid}.controls .play:hover{background:var(--accent);color:var(--accent-fg)}.controls .time{font-family:var(--font-mono);color:var(--text);padding:0 6px;font-size:12px}.controls .sep{color:var(--text-subtle)}.controls .spacer{flex:1}.speed-pill{font-family:var(--font-mono);background:var(--bg-sunken);border:1px solid var(--border);border-radius:6px;padding:4px 8px;font-size:11.5px}.proj-strip{background:var(--bg-elev);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;padding:12px 24px;font-size:12.5px;display:flex;overflow-x:auto}.proj-strip-item{border-right:1px solid var(--border);white-space:nowrap;padding:0 18px}.proj-strip-item:last-child{border-right:none}.proj-strip-item:first-child{padding-left:0}.proj-strip-item .k{color:var(--text-subtle);text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px;font-size:10.5px;display:block}.proj-strip-item .v{color:var(--text);font-weight:500}.section-tab-close{width:18px;height:18px;color:var(--text-subtle);opacity:.45;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;margin-left:2px;padding:0;transition:opacity .12s,background .12s,color .12s;display:inline-flex}.section-tab-close:hover:not(:disabled),.section-tab-close:focus-visible{opacity:1;color:var(--danger);background:var(--bg-sunken)}.section-tab-close:disabled{opacity:.25;cursor:default}.obs-h{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:10px;padding:12px 16px;display:flex}.obs-h h2{letter-spacing:-.01em;margin:0;font-size:14px;font-weight:600}.count-pill{font-family:var(--font-mono);background:var(--bg-sunken);color:var(--text-muted);border-radius:4px;padding:1px 6px;font-size:11px}.obs-h .spacer{flex:1}.obs-tabs{border-bottom:1px solid var(--border);flex-shrink:0;gap:2px;padding:0 16px;display:flex}.obs-tab{color:var(--text-muted);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:9px 12px;font-size:12.5px}.obs-tab.active{color:var(--text);border-bottom-color:var(--accent)}.obs-tab .b{background:var(--bg-sunken);font-size:10.5px;font-family:var(--font-mono);border-radius:4px;margin-left:6px;padding:1px 6px}.obs-tab.active .b{background:var(--accent-soft);color:var(--accent)}.obs-list{flex:1;overflow:auto}.obs-row{border-bottom:1px solid var(--border);cursor:pointer;min-height:var(--row-h);grid-template-columns:56px 60px 70px 60px 1fr 36px;align-items:center;gap:10px;padding:8px 16px;display:grid;position:relative}.obs-row:hover{background:var(--hover)}.obs-row.active{background:var(--accent-soft)}.obs-row.active:before{content:"";background:var(--accent);width:3px;position:absolute;top:0;bottom:0;left:0}.obs-row .thumb{border:1px solid var(--border);background:radial-gradient(#57423e 0%,#0f0a09 80%);background:radial-gradient(lab(30.1439% 8.8964 5.95149) 0%,lab(3.00414% 1.60256 .962484) 80%);border-radius:4px;width:56px;height:36px;position:relative;overflow:hidden}.obs-row .ts{font-family:var(--font-mono);color:var(--text-muted);font-size:11.5px}.obs-row .dist{font-family:var(--font-mono);color:var(--text);font-size:12.5px;font-weight:500}.obs-row .code{font-family:var(--font-mono);background:var(--bg-sunken);text-align:center;border:1px solid var(--border);border-radius:4px;padding:2px 6px;font-size:12px;font-weight:600}.obs-row .obs-text{font-size:13px}.obs-row .obs-text .label{font-weight:500}.obs-row .obs-text .sub{color:var(--text-muted);margin-top:1px;font-size:11.5px}.obs-row .more{width:24px;height:24px;color:var(--text-subtle);border-radius:4px;place-items:center;display:grid}.obs-row .more:hover{background:var(--bg-sunken);color:var(--text)}.inspector{border-top:1px solid var(--border);background:var(--surface-alt);flex-shrink:0;max-height:42%;overflow:auto}.inspector--full{border-top:0;flex:1;min-height:0;max-height:none}.insp-h{background:var(--surface-alt);border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:12px 16px 8px;display:flex;position:sticky;top:0}.insp-h .code-big{font-family:var(--font-mono);background:var(--accent-soft);color:var(--accent);border-radius:5px;padding:4px 8px;font-size:14px;font-weight:700}.insp-h h3{margin:0;font-size:14px;font-weight:600}.insp-h .meta{color:var(--text-muted);font-size:12px}.insp-b{grid-template-columns:1fr 1fr;gap:12px;padding:12px 16px 16px;display:grid}.insp-b .full{grid-column:1/-1}.insp-field{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px}.insp-field .lbl{color:var(--text-subtle);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;font-size:10.5px;font-weight:600}.insp-field .v{font-size:13px}.transcript{color:var(--text-muted);font-size:12.5px;font-style:italic;line-height:1.55}.transcript .hl{color:#482300;color:lab(18.2606% 22.9152 36.1168);background:#fee296;background:lab(91.0739% 2.57739 40.9991);border-radius:2px;padding:0 3px;font-style:normal;font-weight:500}[data-theme=dark] .transcript .hl{color:#f4e4b8;color:lab(90.9731% .859618 23.7192);background:#604100;background:lab(30.3383% 11.7981 51.2807)}.suggestion{background:var(--bg-sunken);border-radius:5px;align-items:center;gap:8px;margin-top:6px;padding:6px 8px;font-size:12px;display:flex}.suggestion .mono{font-weight:600}.suggestion .pct{color:var(--text-muted);margin-left:auto;font-size:11px}.ac{position:relative}.ac-list{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:50;max-height:240px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:auto}.ac-item{cursor:pointer;align-items:center;gap:10px;padding:8px 10px;font-size:12.5px;display:flex}.ac-item:hover,.ac-item.active{background:var(--accent-soft)}.ac-item .mono{color:var(--accent);width:56px;font-weight:600}.ac-item .label{flex:1}.ac-item .cat{color:var(--text-subtle);font-size:11px}.stepper{align-items:center;margin-bottom:28px;display:flex}.step{color:var(--text-muted);align-items:center;gap:10px;font-size:12.5px;display:flex}.step+.step:before{content:"";background:var(--border);width:40px;height:1px;margin:0 14px;display:inline-block}.step .n{background:var(--bg-sunken);width:22px;height:22px;color:var(--text-muted);border:1px solid var(--border);font-size:11.5px;font-weight:600;font-family:var(--font-mono);border-radius:50%;place-items:center;display:grid}.step.done .n{background:var(--ok);color:#fff;border-color:var(--ok)}.step.active .n{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.step.active{color:var(--text);font-weight:500}.form-grid{grid-template-columns:repeat(2,1fr);gap:14px 18px;display:grid}.form-grid .full{grid-column:1/-1}.dropzone{border:1.5px dashed var(--border-strong);border-radius:var(--radius);background:var(--bg-sunken);text-align:center;cursor:pointer;padding:48px 24px;transition:border-color .12s,background .12s}.dropzone:hover,.dropzone.over{border-color:var(--accent);background:var(--accent-soft)}.dropzone .ic-big{background:var(--surface);border:1px solid var(--border);width:48px;height:48px;color:var(--accent);border-radius:12px;place-items:center;margin:0 auto 14px;display:grid}.dropzone h4{margin:0 0 4px;font-size:15px;font-weight:600}.dropzone p{color:var(--text-muted);margin:0;font-size:13px}.dropzone .formats{color:var(--text-subtle);font-size:11.5px;font-family:var(--font-mono);margin-top:14px}.pipeline{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.pipe-step{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:16px;position:relative}.pipe-step .pic{background:var(--bg-sunken);width:36px;height:36px;color:var(--text-muted);border-radius:9px;place-items:center;margin-bottom:12px;display:grid}.pipe-step.active .pic{background:var(--accent-soft);color:var(--accent)}.pipe-step.done .pic{background:var(--ok-soft);color:var(--ok)}.pipe-step h4{margin:0 0 2px;font-size:13.5px;font-weight:600}.pipe-step p{color:var(--text-muted);margin:0;font-size:12px}.pipe-step .progress{background:var(--bg-sunken);border-radius:2px;height:4px;margin-top:12px;overflow:hidden}.pipe-step .progress .fill{background:var(--accent);border-radius:2px;height:100%;transition:width .6s}.pipe-step.done .progress .fill{background:var(--ok)}.pipe-step .pct{font-family:var(--font-mono);color:var(--text-muted);font-size:11px;position:absolute;top:16px;right:16px}.log{background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-mono);color:var(--text-muted);max-height:220px;padding:14px 16px;font-size:11.5px;line-height:1.7;overflow:auto}.log .ts{color:var(--text-subtle);margin-right:10px}.log .ok{color:var(--ok)}.log .info{color:var(--accent)}.log .warn{color:var(--warn)}.log .error{color:var(--danger)}.export-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.export-flow{-moz-column-gap:40px;grid-template-rows:auto 1fr;grid-template-columns:minmax(420px,1fr) minmax(0,1.25fr);align-items:start;gap:0 40px;display:grid}.page:has(.export-flow){max-width:1760px}.export-flow>.page-h{grid-area:1/1}.export-main{grid-area:2/1;min-width:0}.export-pdf{grid-area:1/2/span 2;min-width:0;position:sticky;top:12px}.export-pdf .pdf-preview{aspect-ratio:auto;height:calc(100vh - 175px);min-height:420px}@media (max-width:1100px){.export-flow{-moz-column-gap:0;grid-template-rows:none;grid-template-columns:1fr;gap:28px 0;max-width:720px}.export-flow>.page-h,.export-main,.export-pdf{grid-area:auto/1}.export-flow>.page-h{margin-bottom:0}.export-pdf{position:static}.export-pdf .pdf-preview{aspect-ratio:.707;height:auto}}.pdf-preview{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);aspect-ratio:.707;box-shadow:var(--shadow-md);flex-direction:column;padding:24px;font-size:10px;display:flex;overflow:hidden}.pdf-h{border-bottom:2px solid var(--text);align-items:center;gap:10px;padding-bottom:10px;display:flex}.pdf-h .lg{background:var(--accent);border-radius:4px;width:28px;height:28px}.pdf-h h5{margin:0;font-size:13px;font-weight:700}.pdf-h p{color:var(--text-muted);margin:0;font-size:9px}.pdf-meta{grid-template-columns:repeat(4,1fr);gap:6px;margin:12px 0;font-size:8.5px;display:grid}.pdf-meta .k{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:7.5px}.pdf-meta .v{font-weight:500}.pdf-table{border:1px solid var(--border);flex-direction:column;flex:1;font-size:8.5px;display:flex}.pdf-table .th-row,.pdf-table .tr{border-bottom:1px solid var(--border);grid-template-columns:36px 40px 50px 1fr 60px;display:grid}.pdf-table .th-row{background:var(--bg-sunken);text-transform:uppercase;font-size:7.5px;font-weight:600}.pdf-table .th-row>div,.pdf-table .tr>div{border-right:1px solid var(--border);padding:4px 6px}.pdf-table .th-row>div:last-child,.pdf-table .tr>div:last-child{border-right:none}.pdf-table .img{background:linear-gradient(135deg,#524441,#1a1413);background:linear-gradient(135deg,lab(30.2313% 5.89715 3.9292),lab(7.14783% 2.81701 1.73413));height:30px}.pack-list{flex-direction:column;gap:8px;display:flex}.pack-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:12px;padding:12px 14px;display:flex}.pack-item .fic{background:var(--bg-sunken);width:32px;height:36px;font-family:var(--font-mono);color:var(--text-muted);border:1px solid var(--border);border-radius:4px;place-items:center;font-size:9px;font-weight:700;display:grid;position:relative}.pack-item .fic:before{content:"";background:var(--surface);border-left:1px solid var(--border);border-bottom:1px solid var(--border);width:8px;height:8px;position:absolute;top:-1px;right:-1px}.pack-item .meta{flex:1}.pack-item .meta b{font-size:13px;font-weight:500;display:block}.pack-item .meta span{color:var(--text-muted);font-size:11.5px}.pack-item .sz{font-family:var(--font-mono);color:var(--text-muted);font-size:11.5px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border:2px solid var(--bg);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.sidebar-footer-wrap{margin-top:auto;position:relative}.sidebar-footer-btn{cursor:pointer;border:none;border-top:1px solid var(--border);width:100%;color:inherit;text-align:left;background:0 0;align-items:center;gap:10px;padding:14px 8px 4px;display:flex}.sidebar-footer-btn:hover{background:#00000008}.sidebar-footer-btn .caret{color:var(--text-muted);margin-left:auto;transition:transform .15s}.sidebar-footer-btn.open .caret{transform:rotate(180deg)}.avatar-img{-o-object-fit:contain;object-fit:contain;background:0 0;border-radius:6px;width:auto;max-width:56px;height:30px}.account-menu{background:var(--surface);border:1px solid var(--border);z-index:50;border-radius:10px;padding:6px;position:absolute;bottom:calc(100% + 6px);left:6px;right:6px;box-shadow:0 8px 24px #0000001f}.account-menu-item{cursor:pointer;width:100%;color:inherit;font:inherit;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;text-decoration:none;display:flex}.account-menu-item:hover{background:var(--hover)}.account-menu-sep{background:var(--border);height:1px;margin:4px 6px}.account-menu-danger{color:#e11d48}.account-menu-danger:hover{background:#e11d4814}.account-menu-section{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;padding:6px 10px 4px;font-size:11px;font-weight:600}.theme-switch{grid-template-columns:repeat(3,1fr);gap:4px;padding:4px 6px 6px;display:grid}.theme-switch-btn{border:1px solid var(--border);height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.theme-switch-btn:hover{background:var(--hover);color:var(--text)}.theme-switch-btn.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.settings-section{background:var(--surface);border:1px solid var(--border);border-radius:12px;max-width:720px;margin-bottom:20px;padding:24px}.settings-h2{margin:0 0 16px;font-size:18px}.settings-h3{margin:0 0 8px;font-size:14px;font-weight:600}.settings-help{color:var(--text-muted);margin:0 0 12px;font-size:13px}.settings-form{flex-direction:column;gap:14px;display:flex}.settings-label{color:var(--text-muted);flex-direction:column;gap:4px;font-size:12px;display:flex}.settings-divider{background:var(--border);height:1px;margin:24px 0}.settings-err{color:#e11d48;font-size:13px}.settings-ok{color:#16a34a;font-size:13px}.settings-shell{grid-template-columns:220px 1fr;align-items:start;gap:28px;max-width:1080px;display:grid}.settings-rail{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:2px;padding:8px;display:flex;position:sticky;top:16px}.settings-rail-link{color:var(--text-muted);border-radius:8px;align-items:center;gap:10px;padding:9px 12px;font-size:14px;text-decoration:none;transition:background .12s,color .12s;display:flex}.settings-rail-link:hover{background:var(--hover);color:var(--text)}.settings-rail-link.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.settings-rail-link svg{flex-shrink:0}.settings-content{min-width:0}.settings-content .settings-section{max-width:640px}.appearance-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.appearance-card{border:1px solid var(--border);background:var(--surface);cursor:pointer;text-align:left;font:inherit;color:var(--text);border-radius:10px;flex-direction:column;align-items:flex-start;gap:6px;padding:16px;transition:border-color .12s,background .12s;display:flex}.appearance-card:hover{background:var(--hover)}.appearance-card.active{border-color:var(--accent);background:var(--accent-soft)}.appearance-card b{font-size:14px}.appearance-card span{color:var(--text-muted);font-size:12px}@media (max-width:560px){.appearance-grid{grid-template-columns:1fr}}.legal-links{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.legal-links a{color:var(--accent);font-size:14px;text-decoration:none}.legal-links a:hover{text-decoration:underline}.notif-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:16px;padding:14px 0;display:flex}.notif-item:last-child{border-bottom:0}.notif-item .notif-text b{font-size:14px;display:block}.notif-item .notif-text span{color:var(--text-muted);font-size:12.5px}.switch{flex-shrink:0;width:42px;height:24px;position:relative}.switch input{opacity:0;width:0;height:0}.switch .track{background:var(--bg-sunken);border:1px solid var(--border);cursor:pointer;border-radius:999px;transition:background .12s;position:absolute;inset:0}.switch .track:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .12s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}.switch input:checked+.track{background:var(--accent);border-color:var(--accent)}.switch input:checked+.track:before{transform:translate(18px)}.switch input:disabled+.track{opacity:.55;cursor:not-allowed}@media (max-width:760px){.settings-shell{grid-template-columns:1fr}.settings-rail{flex-flow:wrap;position:static;overflow-x:auto}}.logo-row{align-items:center;gap:20px;display:flex}.logo-preview{border:1px dashed var(--border);background:#00000005;border-radius:8px;flex-shrink:0;place-items:center;width:120px;height:80px;display:grid;overflow:hidden}.logo-preview img{-o-object-fit:contain;object-fit:contain;max-width:100%;max-height:100%}.logo-empty{color:var(--text-muted);font-size:11px}.logo-actions{flex-wrap:wrap;gap:8px;display:flex}.btn-danger{color:#fff;background:#e11d48;border-color:#e11d48}.btn-danger:hover{background:#be123c;border-color:#be123c}.back-link{color:var(--text-muted);align-items:center;gap:4px;margin-bottom:8px;font-size:13px;text-decoration:none;display:inline-flex}.back-link:hover{color:var(--text)}.billing-page{max-width:1080px}.billing-hero{background:radial-gradient(circle at top right, var(--accent-soft), transparent 55%), var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);grid-template-columns:1fr 340px;align-items:center;gap:36px;margin-bottom:36px;padding:28px 32px;display:grid;position:relative;overflow:hidden}.billing-hero:after{content:"";pointer-events:none;background:linear-gradient(to right, var(--border) 1px, transparent 1px) 0 0 / 48px 48px, linear-gradient(to bottom, var(--border) 1px, transparent 1px) 0 0 / 48px 48px;opacity:.35;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 70%);mask-image:linear-gradient(90deg,#000,#0000 70%)}.billing-hero>*{z-index:1;position:relative}.billing-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:10px;font-size:11px;font-weight:600;display:inline-block}.billing-hero h2{letter-spacing:-.02em;margin:0;font-size:28px;font-weight:600}.billing-hero-price{align-items:baseline;gap:6px;margin:12px 0 6px;display:flex}.billing-hero-price .v{letter-spacing:-.025em;font-size:36px;font-weight:600}.billing-hero-price .u{color:var(--text-muted);font-size:14px}.billing-hero-meta{color:var(--text-muted);margin:0 0 20px;font-size:13px}.billing-hero-actions{flex-wrap:wrap;gap:8px;display:flex}.billing-quota-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:18px}.billing-quota-card .lbl{letter-spacing:.08em;text-transform:uppercase;color:var(--text-subtle);margin-bottom:12px;font-size:11px;font-weight:600}.billing-quota-card .val{align-items:baseline;gap:8px;margin-bottom:12px;display:flex}.billing-quota-card .val b{letter-spacing:-.02em;font-size:24px;font-weight:600;font-family:var(--font-mono)}.billing-quota-card .val span{color:var(--text-muted);font-size:13px;font-family:var(--font-mono)}.billing-quota-card .hint{color:var(--text-muted);margin:10px 0 0;font-size:11.5px}.billing-error{background:var(--danger-soft);color:var(--danger);border:1px solid var(--danger);border-radius:var(--radius-sm);margin:0 0 20px;padding:10px 14px;font-size:13px}.billing-section-h{margin:40px 0 20px}.billing-section-h h2{letter-spacing:-.02em;margin:6px 0 4px;font-size:22px;font-weight:600}.billing-section-h p{color:var(--text-muted);margin:0;font-size:13.5px}.billing-section-h p+p{max-width:720px;margin-top:6px;line-height:1.5}.plans-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:16px;display:grid}.plan-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;padding:28px 24px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;position:relative}.plan-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.plan-card.is-featured{border-color:var(--accent);background:linear-gradient(180deg, var(--accent-soft) 0%, var(--surface) 38%);box-shadow:0 22px 50px -22px #0074c94d;box-shadow:0 22px 50px -22px lab(46.6457% -.178784 -60.0399/.3)}.plan-card.is-featured:before{content:"Recommandé";background:var(--accent);color:var(--accent-fg);letter-spacing:.05em;border-radius:999px;padding:4px 12px;font-size:11px;font-weight:600;position:absolute;top:-11px;left:50%;transform:translate(-50%)}.plan-current-tag{color:var(--ok);background:var(--ok-soft);letter-spacing:.05em;text-transform:uppercase;border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:10.5px;font-weight:600;display:inline-flex;position:absolute;top:16px;right:16px}.plan-card h3{margin:0 0 4px;font-size:17px;font-weight:600}.plan-desc{color:var(--text-muted);min-height:36px;margin:0 0 22px;font-size:13px}.plan-price{align-items:baseline;gap:5px;display:flex}.plan-price .v{letter-spacing:-.03em;font-size:40px;font-weight:600;line-height:1}.plan-price .u{color:var(--text-muted);font-size:13px}.plan-trial{text-align:center;border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent);flex-direction:column;gap:1px;margin:10px 0 0;padding:8px 12px;display:flex}.plan-trial strong{letter-spacing:-.01em;font-size:14px;font-weight:600}.plan-trial span{opacity:.85;font-size:12px;font-weight:400}.plan-per{color:var(--text-muted);min-height:28px;margin:6px 0 22px;font-size:12px}.plan-feat{flex-direction:column;flex:1;gap:10px;margin:0 0 24px;padding:0;list-style:none;display:flex}.plan-feat li{color:var(--text);align-items:flex-start;gap:9px;font-size:13.5px;line-height:1.45;display:flex}.plan-feat .ic{color:var(--accent);flex-shrink:0;margin-top:3px}.plan-cta{border-radius:999px;justify-content:center;width:100%;padding:11px 18px;font-size:14px;font-weight:600}.plan-cta.btn-primary{box-shadow:0 1px #0000000a,inset 0 1px #ffffff26,0 10px 22px -10px #0074c973;box-shadow:0 1px lab(0% 0 0/.0392157),inset 0 1px lab(100% 0 0/.14902),0 10px 22px -10px lab(46.6457% -.178784 -60.0399/.45)}.plan-cta:disabled{opacity:.6;cursor:not-allowed;transform:none}.billing-note{background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);align-items:center;gap:10px;margin-top:24px;padding:14px 18px;font-size:12.5px;display:flex}.billing-note .ic{color:var(--accent);flex-shrink:0}@media (max-width:960px){.billing-hero{grid-template-columns:1fr;gap:20px;padding:24px}.plans-grid{grid-template-columns:1fr}}.skeleton{background:linear-gradient(90deg, var(--bg-sunken) 0%, var(--hover) 50%, var(--bg-sunken) 100%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.4s ease-in-out infinite skeleton-shimmer;display:block}.skeleton-circle{border-radius:50%}.skeleton-pill{border-radius:999px}.skeleton-stack>*+*{margin-top:8px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.recomputing{position:relative;overflow:hidden}.recomputing>*{opacity:.3;transition:opacity .2s}.recomputing:after{content:"";background:linear-gradient(90deg, transparent 0%, var(--hover) 50%, transparent 100%);pointer-events:none;background-size:200% 100%;animation:1.4s ease-in-out infinite skeleton-shimmer;position:absolute;inset:0}.card.is-interactive{cursor:pointer;transition:transform .2s cubic-bezier(.2,.7,.2,1),box-shadow .2s cubic-bezier(.2,.7,.2,1),border-color .15s}.card.is-interactive:hover{box-shadow:var(--shadow-lg);border-color:var(--border-strong);transform:translateY(-2px)}.card.is-interactive:active{transition-duration:80ms;transform:translateY(0)}.projects-table tbody tr{transition:transform .15s cubic-bezier(.2,.7,.2,1),box-shadow .15s cubic-bezier(.2,.7,.2,1),background .15s}.projects-table tbody tr:hover{background:var(--hover);z-index:1;position:relative;box-shadow:0 4px 12px -6px #0f172a1a}.scroll-prog{z-index:20;pointer-events:none;background:0 0;height:2px;position:absolute;top:0;left:0;right:0}.scroll-prog .bar{background:linear-gradient(90deg, var(--accent), #7c7bff);transform-origin:0;width:0;height:100%;transition:width 60ms linear}@supports (color:lab(0% 0 0)){.scroll-prog .bar{background:linear-gradient(90deg, var(--accent), lab(56.6982% 29.7065 -70.0834))}}.topbar{z-index:10;transition:background .25s,-webkit-backdrop-filter .25s,backdrop-filter .25s,border-color .25s,box-shadow .25s;position:relative}.topbar.is-scrolled{-webkit-backdrop-filter:saturate(180%)blur(18px);background:#ffffffc7;background:lab(100% 0 0/.78)}[data-theme=dark] .topbar.is-scrolled{background:#161b20c7;background:lab(9.51677% -1.49144 -4.06508/.78)}.step-panel{animation:.28s cubic-bezier(.22,1,.36,1) both step-in}@keyframes step-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.dialog-minimizing{animation:.3s cubic-bezier(.4,0,.2,1) forwards dialog-minimize}@keyframes dialog-minimize{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(42vh)scale(.25)}}.backdrop-fading{animation:.3s forwards backdrop-fade-out}@keyframes backdrop-fade-out{to{opacity:0}}@media (prefers-reduced-motion:reduce){.skeleton,.recomputing:after,.card.is-interactive,.projects-table tbody tr,.topbar,.step-panel,.dialog-minimizing,.backdrop-fading{transition:none!important;animation:none!important}}.op-list{flex-direction:column;gap:6px;margin:10px 0 0;padding:0;list-style:none;display:flex}.op-row{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);align-items:center;gap:12px;padding:8px 10px;display:flex}.op-row .op-name{color:var(--text);flex:auto;font-size:13px}.op-default{color:var(--text-muted);cursor:pointer;align-items:center;gap:6px;font-size:12px;display:inline-flex}.combo,.combo-input-wrap{position:relative}.combo .input{padding-right:28px}.combo-caret{pointer-events:none;color:var(--text-subtle);font-size:11px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.combo-panel{z-index:30;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);flex-direction:column;max-height:264px;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden}.combo-list{flex:0 auto;min-height:0;overflow-y:auto}.combo-opt{text-align:left;width:100%;color:var(--text);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:7px 9px;font-size:13px;display:flex}.combo-opt:hover{background:var(--hover)}.combo-opt.is-selected{background:var(--accent-soft)}.combo-opt-name{flex:auto}.combo-opt-tag{color:var(--text-subtle);flex:none;font-size:11px}.combo-check{color:var(--accent);flex:none;display:inline-flex}.combo-check.is-hidden{visibility:hidden}.combo-empty{color:var(--text-muted);padding:8px 9px;font-size:12.5px}.code-picker-trigger{text-align:left;cursor:pointer;align-items:baseline;gap:8px;padding-right:28px;display:flex;position:relative}.code-picker-placeholder{color:var(--text-subtle)}.code-picker-panel{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:6px;margin-top:6px;padding:6px;display:flex}.code-picker-list{max-height:280px;position:relative;overflow-y:auto}.code-opt{text-align:left;width:100%;color:var(--text);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;align-items:baseline;gap:8px;padding:6px 8px;font-size:13px;display:flex}.code-opt.is-active{background:var(--hover)}.code-opt.is-variant{padding-left:22px}.code-opt-code{min-width:3em;color:var(--text-muted);flex:none;font-size:12px;font-weight:600}.code-opt.is-selected .code-opt-code,.code-picker-trigger .code-opt-code{color:var(--accent)}.code-opt-label{flex:auto;min-width:0}.code-opt-family{color:var(--text-subtle);flex:none;font-size:11px}.code-opt .combo-check{align-self:center}.combo-create{border-top:1px solid var(--border);flex:none;margin-top:4px;padding-top:4px}.combo-create-btn{text-align:left;width:100%;color:var(--accent);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:7px 9px;font-size:13px;font-weight:500;display:flex}.combo-create-btn:hover{background:var(--hover)}.combo-create-form{gap:6px;padding:2px;display:flex}.combo-create-form .input{flex:auto;min-width:0;padding-right:10px}.combo-create-form .btn{flex:none}.combo-create-err{color:var(--danger);padding:4px 9px 2px;font-size:12px}@media (max-width:900px){.input,.select,.textarea{font-size:16px}.page{padding:20px 16px 32px}.page-h{flex-wrap:wrap;align-items:flex-start}.card-h{flex-wrap:wrap}.pipeline{grid-template-columns:repeat(2,minmax(0,1fr))}.pipe-step{padding:12px}.pipe-step .pct{top:12px;right:12px}.val-layout,[data-vlayout] .val-layout{flex-direction:column;flex:none;height:auto;display:flex;overflow:visible}.val-left{z-index:5;border-right:0;border-bottom:1px solid var(--border);position:sticky;top:0;overflow:visible}.video-wrap{background:#000;flex:none;padding:0}.video-frame{width:min(100%,64vh);box-shadow:none;border-radius:0}.playback{padding:8px 12px 10px}.controls{gap:4px;margin-top:8px}.val-right,.obs-list{overflow:visible}.inspector{max-height:none}.obs-h{padding:12px}.obs-tabs{scrollbar-width:none;padding:0 8px;overflow-x:auto}.obs-tabs::-webkit-scrollbar{display:none}.obs-tab{white-space:nowrap}.proj-strip{padding:10px 16px}.obs-row{-moz-column-gap:10px;grid-template-columns:72px auto auto minmax(0,1fr);grid-template-areas:"thumb ts dist code""thumb text text text";gap:4px 10px;padding:10px 12px}.obs-row .thumb{grid-area:thumb;align-self:start;width:72px;height:48px}.obs-row .ts{grid-area:ts}.obs-row .dist{grid-area:dist}.obs-row .code{grid-area:code;justify-self:start}.obs-row .obs-text{grid-area:text;min-width:0}.obs-row .obs-text .label{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}@media (max-width:600px){.page-h h1{font-size:21px}.filterbar{flex-wrap:wrap}.filterbar .input{width:100%}.projects-table th:nth-child(2),.projects-table td:nth-child(2),.projects-table th:nth-child(4),.projects-table td:nth-child(4){display:none}.projects-table th,.projects-table td{padding:10px 12px}.form-grid{grid-template-columns:minmax(0,1fr)!important}.recap-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.stepper{min-width:0}.step:not(.active) span{display:none}.step+.step:before{width:16px;margin:0 8px}.insp-b{grid-template-columns:minmax(0,1fr)}.cookie-consent{padding:8px!important}.cookie-consent-card{flex-wrap:wrap;align-items:center;flex-direction:row!important;gap:10px 12px!important;padding:12px 14px!important}.cookie-consent-text{flex:100%;font-size:12.5px!important;line-height:1.4!important}.cookie-consent-actions{flex:100%}.cookie-consent-btn{flex:1 1 0;padding:9px 12px!important}}