*,:before,:after{--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: rgb(59 130 246 / .5);--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: }::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: rgb(59 130 246 / .5);--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-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings: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:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-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{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,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{display:block;vertical-align:middle}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}}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.absolute{position:absolute}.relative{position:relative}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-wrap{flex-wrap:wrap}.rounded{border-radius:.25rem}.border{border-width:1px}.capitalize{text-transform:capitalize}.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 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--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}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.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,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{--color-primary: #1f56c3;--color-background: #f7f8fa;--color-surface: #ffffff;--color-text: #111827;--color-border: #d4d8df;--color-surface-1: #ffffff;--color-surface-2: #f4f5f7;--color-surface-3: #eceff3;--color-surface-focal: #fbfcfe;--color-scrim: color-mix(in srgb, #111827 62%, transparent);--color-divider: #e3e6eb;--color-primary-soft: #e7ebf3;--color-accent: #cf6a3c;--color-accent-soft: #f4e2d4;--color-chart-1: #1f56c3;--color-chart-2: #3a8a3f;--color-chart-3: #b58400;--color-chart-4: #a8453a;--color-chart-5: #6f4ea8;--color-chart-6: #1d7e9a;--color-success-soft: #e7ece8;--color-warning-soft: #eeeae1;--color-danger-soft: #eee7e6;--color-info-soft: #e6ebee;--color-live: #e63946;--color-live-soft: #fbe1e3;--color-captions: #f5b921;--color-captions-soft: #faecc6;--color-rendition: #3a8ad8;--color-rendition-soft: #dde9f6;--color-cdn: #1d9c8f;--color-cdn-soft: #d2eae6;--color-text-primary: #111827;--color-text-secondary: #374151;--color-text-muted: #5f6977;--border-subtle: #dfe3e8;--border-strong: #aeb6c1;--shadow-soft: 0 1px 2px color-mix(in srgb, #111827 6%, transparent);--shadow-elevated: 0 12px 28px color-mix(in srgb, #111827 10%, transparent);--shadow-focus: 0 0 0 2px color-mix(in srgb, #1f56c3 26%, transparent);--shadow-xs: 0 1px 1px color-mix(in srgb, #111827 8%, transparent);--shadow-sm: 0 1px 2px color-mix(in srgb, #111827 6%, transparent);--shadow-md: 0 6px 14px color-mix(in srgb, #111827 12%, transparent);--shadow-lg: 0 18px 40px color-mix(in srgb, #111827 14%, transparent);--shadow-inner: inset 0 -1px 0 color-mix(in srgb, #111827 14%, transparent);--shadow-ring: 0 0 0 1px color-mix(in srgb, #1f56c3 36%, transparent);--shadow-cinematic: 0 24px 60px color-mix(in srgb, #0a0d12 32%, transparent), 0 6px 16px color-mix(in srgb, #0a0d12 16%, transparent);--gradient-primary: linear-gradient(140deg, #1f56c3 0%, #2f63c7 100%);--gradient-subtle: linear-gradient(180deg, #ffffff 0%, #f4f5f7 100%);--motion-fast: .14s;--motion-normal: .22s;--motion-duration-xs: .1s;--motion-duration-sm: .14s;--motion-duration-md: .22s;--motion-duration-lg: .32s;--motion-curve-standard: cubic-bezier(.2, 0, 0, 1);--motion-curve-decelerate: cubic-bezier(0, 0, 0, 1);--motion-curve-accelerate: cubic-bezier(.3, 0, 1, 1);--motion-curve-emphasized: cubic-bezier(.2, 0, 0, 1.2);--hover-lift: translateY(0);--active-scale: scale(.98);--focus-ring: 0 0 0 2px color-mix(in srgb, #1f56c3 26%, transparent);--radius-base: 6px;--radius-card: 10px;--radius-button: 8px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 999px;--density-scale: 1;--state-success: color-mix(in srgb, var(--color-success-soft) 52%, var(--color-text-primary));--state-warning: color-mix(in srgb, var(--color-warning-soft) 50%, var(--color-text-primary));--state-danger: color-mix(in srgb, var(--color-danger-soft) 52%, var(--color-text-primary));--state-info: color-mix(in srgb, var(--color-info-soft) 50%, var(--color-text-primary));--media-player-radius: 10px;--media-control-height: 32px;--media-timeline-height: 6px;--media-overlay-opacity: .68;--media-thumbnail-size: 72px;--media-overlay: color-mix(in srgb, var(--color-text) 60%, transparent);--media-control-surface: color-mix(in srgb, var(--color-surface) 88%, var(--color-background));--media-poster-aspect: 16 / 9;--media-scrubber-thumb: 12px;--media-control-bar-fill: color-mix(in srgb, var(--color-text) 78%, transparent);--media-frame-strip-height: 56px;--control-height-sm: 30px;--control-height-md: 36px;--control-height-lg: 42px;--input-height: 38px;--space-2xs: 2px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 28px;--space-7: 40px;--space-8: 48px;--space-9: 64px;--space-10: 96px;--type-display: 2rem;--type-heading: 1.18rem;--type-body: .94rem;--type-caption: .78rem;--type-hero: 2.6rem;--type-section-title: 1.42rem;--type-subhead: 1.06rem;--font-regular: 400;--font-medium: 520;--font-semibold: 650;--font-bold: 760;--line-tight: 1.12;--line-normal: 1.42;--line-relaxed: 1.62;--font-family-sans: "Inter", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--font-family-mono: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;--font-family-display: "Fraunces", "Iowan Old Style", "Apple Garamond", Georgia, serif;--avatar-sm: 24px;--avatar-md: 32px;--avatar-lg: 48px;--presence-dot: 8px}*{box-sizing:border-box}html,body,#root{min-height:100%}html,body{max-width:100%;overflow-x:hidden}body{margin:0;font-family:var(--font-family-sans);color:var(--color-text-primary);background:var(--color-background);line-height:var(--line-normal)}.app-root{min-height:100vh;display:grid;grid-template-columns:64px minmax(0,1fr);grid-template-rows:auto auto auto 1fr auto;grid-template-areas:"rail header" "rail toolbar" "rail feedback" "rail body" "rail status";color:var(--color-text-primary);background:var(--color-background)}.top-header{grid-area:header}.toolbar{grid-area:toolbar}.operation-feedback{grid-area:feedback}.studio-body{grid-area:body}.status-bar{grid-area:status}.left-rail{grid-area:rail}@media (max-width: 760px){.app-root{grid-template-columns:1fr;grid-template-rows:auto auto auto auto 1fr auto;grid-template-areas:"rail" "header" "toolbar" "feedback" "body" "status"}.left-rail{flex-direction:row;overflow-x:auto;height:auto;padding:var(--space-2);gap:var(--space-2);border-right:0;border-bottom:1px solid var(--color-divider);align-items:center}.left-rail__brand{flex-shrink:0;width:32px;height:32px;margin-bottom:0;font-size:.9rem}.left-rail__group{flex-direction:row;width:auto}.left-rail__divider{width:1px;height:24px;margin:0 var(--space-1)}.left-rail__items{flex-direction:row;gap:2px}.left-rail__item--active:before{left:50%;top:auto;bottom:-8px;transform:translate(-50%);width:18px;height:3px;border-radius:var(--radius-full) var(--radius-full) 0 0}.left-rail__item[data-tooltip]:after{left:50%;top:calc(100% + 10px);transform:translate(-50%) translateY(-4px)}.left-rail__item[data-tooltip]:hover:after,.left-rail__item[data-tooltip]:focus-visible:after{transform:translate(-50%) translateY(0)}}.left-rail{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) 0;background:var(--color-surface-2);border-right:1px solid var(--color-divider);align-items:center;overflow-y:auto}.left-rail__brand{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-surface-1);font-weight:var(--font-bold);font-size:1rem;letter-spacing:-.02em;margin-bottom:var(--space-1)}.left-rail__brand-mark{line-height:1}.left-rail__group{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);width:100%}.left-rail__divider{display:block;width:24px;height:1px;background:var(--color-divider);margin:var(--space-1) 0}.left-rail__group-label{display:none}.left-rail__items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;align-items:center}.left-rail__item{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);border:1px solid transparent;background:transparent;color:var(--color-text-muted);cursor:pointer;transition:background var(--motion-duration-sm) var(--motion-curve-standard),color var(--motion-duration-sm) var(--motion-curve-standard)}.left-rail__item:hover{background:var(--color-surface-1);color:var(--color-text-primary)}.left-rail__item:focus-visible{outline:none;box-shadow:var(--focus-ring)}.left-rail__item--active{background:var(--color-primary-soft);color:var(--color-text-primary);border-color:color-mix(in srgb,var(--color-primary) 32%,var(--color-divider))}.left-rail__item--active:before{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:3px;height:18px;border-radius:0 var(--radius-full) var(--radius-full) 0;background:var(--color-primary)}.left-rail__item[data-tooltip]:after{content:attr(data-tooltip);position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%) translate(-4px);padding:4px var(--space-2);border-radius:var(--radius-sm);background:var(--color-text-primary);color:var(--color-background);font-size:var(--type-caption);font-weight:var(--font-medium);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--motion-duration-sm) var(--motion-curve-standard),transform var(--motion-duration-sm) var(--motion-curve-standard);box-shadow:var(--shadow-md);z-index:10}.left-rail__item[data-tooltip]:hover:after,.left-rail__item[data-tooltip]:focus-visible:after{opacity:1;transform:translateY(-50%) translate(0);transition-delay:.2s}@media (prefers-reduced-motion: reduce){.left-rail__item[data-tooltip]:after{transition:opacity var(--motion-duration-sm)}}.left-rail__icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px}.left-rail__icon svg{width:100%;height:100%}.top-header{display:grid;grid-template-columns:minmax(200px,auto) minmax(0,1fr) auto;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-divider);background:var(--color-surface-1);min-width:0}.top-header__eyebrow{display:inline-block;margin-bottom:2px;color:var(--color-text-muted);font-size:.7rem;font-weight:var(--font-semibold);letter-spacing:.06em;text-transform:uppercase}.top-header__brand{display:flex;align-items:center;gap:var(--space-2);min-width:0}.top-header__brand-text{display:flex;flex-direction:column;gap:2px;min-width:0}.top-header__brand-text h1{margin:0;font-size:var(--type-subhead);font-weight:var(--font-bold);letter-spacing:-.01em;color:var(--color-text-primary);line-height:1.2;overflow-wrap:anywhere}.top-header__actions{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;justify-content:flex-end}.top-header__group{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px;border-radius:var(--radius-md);background:var(--color-surface-2);border:1px solid var(--color-divider)}.top-header__group--primary{background:transparent;border-color:transparent;padding:0}.command-stub{display:inline-flex;align-items:center;gap:var(--space-2);width:100%;max-width:480px;padding:0 var(--space-3);min-height:var(--control-height-md);background:var(--color-surface-2);border:1px solid var(--color-divider);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;font-family:inherit;font-size:var(--type-caption);text-align:left;transition:border-color var(--motion-duration-sm) var(--motion-curve-standard),background var(--motion-duration-sm) var(--motion-curve-standard);justify-self:center}.command-stub:hover{border-color:var(--border-strong);background:var(--color-surface-1)}.command-stub:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:var(--focus-ring)}.command-stub__icon{font-size:.92rem;color:var(--color-text-secondary)}.command-stub__text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.command-stub__kbd{display:inline-flex;align-items:center;padding:2px var(--space-1);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--color-surface-1);color:var(--color-text-secondary);font-family:var(--font-family-mono);font-size:.7rem;letter-spacing:.04em}@media (max-width: 1180px){.top-header{grid-template-columns:minmax(0,1fr) auto;grid-auto-rows:auto;row-gap:var(--space-2)}.command-stub{grid-column:1 / -1;max-width:none}}@media (max-width: 760px){.top-header{grid-template-columns:1fr;padding:var(--space-3)}.top-header__actions{justify-content:stretch;flex-wrap:wrap}.top-header__group{flex:1;justify-content:center}}.operation-feedback{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);background:var(--color-surface-2)}.operation-feedback .ui-alert{max-width:760px}.operation-feedback .ui-alert p{margin:0;color:var(--color-text-secondary)}.operation-confirm{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);max-width:760px;border:1px solid var(--border-subtle);border-left:3px solid var(--state-warning);border-radius:var(--radius-base);background:color-mix(in srgb,var(--color-warning-soft) 50%,var(--color-surface-1));padding:var(--space-2)}.operation-confirm--danger{border-left-color:var(--state-danger);background:color-mix(in srgb,var(--color-danger-soft) 50%,var(--color-surface-1))}.operation-confirm__title{color:var(--color-text-primary);font-weight:var(--font-bold)}.operation-confirm p{margin:var(--space-1) 0 0;color:var(--color-text-secondary)}.toolbar{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-5);border-bottom:1px solid var(--color-divider);background:var(--color-surface-2);flex-wrap:wrap}.toolbar__group{display:inline-flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.toolbar__label{color:var(--color-text-muted);font-size:.7rem;font-weight:var(--font-semibold);letter-spacing:.06em;text-transform:uppercase}.toolbar__viewport{display:inline-flex;align-items:center;gap:var(--space-2);margin-left:auto}.toolbar__viewport-value{color:var(--color-text-secondary);font-size:var(--type-caption);font-variant-numeric:tabular-nums}.toolbar__custom{color:var(--color-text-muted);font-size:var(--type-caption);font-style:italic}.segmented{display:inline-flex;align-items:stretch;background:var(--color-surface-1);border:1px solid var(--color-divider);border-radius:var(--radius-md);padding:2px;gap:2px}.segmented__item{display:inline-flex;align-items:center;justify-content:center;padding:4px var(--space-2);border:0;border-radius:calc(var(--radius-md) - 4px);background:transparent;color:var(--color-text-secondary);font-family:inherit;font-size:var(--type-caption);font-weight:var(--font-medium);cursor:pointer;transition:background var(--motion-duration-sm) var(--motion-curve-standard),color var(--motion-duration-sm) var(--motion-curve-standard);min-height:calc(var(--control-height-sm) - 4px);white-space:nowrap}.segmented__item:hover{background:var(--color-surface-2);color:var(--color-text-primary)}.segmented__item:focus-visible{outline:none;box-shadow:var(--focus-ring)}.segmented__item--active{background:var(--color-primary);color:var(--color-surface-1)}.segmented__item--active:hover{background:color-mix(in srgb,var(--color-primary) 92%,#000);color:var(--color-surface-1)}@media (max-width: 1180px){.segmented__item{padding:4px var(--space-1);font-size:.74rem}}@media (max-width: 760px){.toolbar{padding:var(--space-2) var(--space-3);gap:var(--space-2)}.toolbar__viewport{margin-left:0}.toolbar__group{width:100%}.toolbar__group .segmented,.toolbar__group .segmented__item{flex:1}}.studio-body{display:grid;grid-template-columns:minmax(300px,340px) minmax(0,1fr);min-height:0;min-width:0;background:var(--color-surface-2)}@media (max-width: 960px){.studio-body{grid-template-columns:1fr}}aside.sidebar{min-width:0;border-right:1px solid var(--color-divider);background:var(--color-surface-2);padding:var(--space-4);overflow:auto;display:flex;flex-direction:column;gap:var(--space-3)}.sidebar__schema{margin-top:var(--space-2);border-top:1px solid var(--color-divider);padding-top:var(--space-3)}.sidebar__schema>summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);cursor:pointer;list-style:none}.sidebar__schema>summary::-webkit-details-marker{display:none}.sidebar__schema-eyebrow{color:var(--color-text-muted);font-size:.7rem;font-weight:var(--font-semibold);letter-spacing:.06em;text-transform:uppercase}.sidebar__schema-toggle{color:var(--color-primary);font-size:var(--type-caption);font-weight:var(--font-semibold);text-decoration:underline;text-underline-offset:.2em}.sidebar__schema>summary:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}.sidebar__schema[open]>summary{margin-bottom:var(--space-2)}.preview-area{min-width:0;padding:var(--space-5);background:var(--color-background);overflow:auto;display:flex;flex-direction:column;gap:var(--space-5)}@media (max-width: 760px){.preview-area{padding:var(--space-3)}}.status-bar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-5);border-top:1px solid var(--color-divider);background:var(--color-surface-2);color:var(--color-text-secondary);font-size:var(--type-caption);flex-wrap:wrap}.status-bar__item{display:inline-flex;align-items:baseline;gap:var(--space-1);white-space:nowrap}.status-bar__label{color:var(--color-text-muted);font-size:.68rem;font-weight:var(--font-semibold);letter-spacing:.06em;text-transform:uppercase}.status-bar__sep{color:var(--color-text-muted)}.status-bar__spacer{flex:1}.status-bar__item--muted{color:var(--color-text-muted)}@media (max-width: 760px){.status-bar{padding:var(--space-2) var(--space-3)}.status-bar__sep{display:none}}.editor-panel{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.editor-panel__header{display:flex;flex-direction:column;gap:4px;padding-bottom:var(--space-3);border-bottom:1px solid var(--color-divider)}.editor-panel__eyebrow{display:inline-block;color:var(--color-text-muted);font-size:.7rem;font-weight:var(--font-semibold);letter-spacing:.06em;text-transform:uppercase}.editor-panel__header h2{margin:0;font-size:var(--type-subhead);font-weight:var(--font-bold);letter-spacing:-.01em;color:var(--color-text-primary);line-height:1.2}.editor-panel__header p{margin:0;color:var(--color-text-muted);font-size:var(--type-caption)}details.editor-section{display:block;border:0;border-radius:0;background:transparent;padding:0;border-top:1px solid var(--color-divider)}details.editor-section:first-of-type{border-top:0}.editor-section__summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-3) 0;cursor:pointer;list-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.editor-section__summary::-webkit-details-marker{display:none}.editor-section__summary:after{content:"›";display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;color:var(--color-text-muted);font-size:1rem;transform:rotate(90deg);transition:transform var(--motion-duration-sm) var(--motion-curve-standard)}details.editor-section[open]>.editor-section__summary:after{transform:rotate(-90deg)}.editor-section__summary:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}.editor-section__summary h3{margin:0;flex:1;font-size:.95rem;font-weight:var(--font-bold);color:var(--color-text-primary);line-height:1.2}.editor-section__summary>span{color:var(--color-text-muted);font-size:var(--type-caption);font-variant-numeric:tabular-nums}.editor-section__body{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-1) 0 var(--space-3)}.editor-section__description{margin:0;color:var(--color-text-muted);font-size:var(--type-caption);line-height:var(--line-relaxed)}.editor-control{display:flex;flex-direction:column;gap:var(--space-1);font-size:.9rem;color:var(--color-text-secondary)}.editor-control__label{color:var(--color-text-secondary);font-weight:var(--font-semibold)}.editor-control__helper{color:var(--color-text-muted);font-size:var(--type-caption);line-height:1.35}.editor-control__row{display:grid;gap:var(--space-2);align-items:center;min-width:0}.editor-control__row--color{grid-template-columns:var(--control-height-lg) minmax(0,1fr)}.editor-control__row--range{grid-template-columns:minmax(0,1fr) calc(var(--space-7) * 1.35)}.editor-panel input[type=color],.editor-panel input[type=number],.editor-panel input[type=text],.editor-panel select{width:100%;min-height:var(--control-height-md);border:1px solid var(--border-subtle);border-radius:var(--radius-base);background:var(--color-surface-1);color:var(--color-text-primary);padding:0 var(--space-2)}.editor-panel input[type=color]{padding:var(--space-1);min-height:var(--control-height-lg)}.editor-panel input[type=range]{width:100%;accent-color:var(--color-primary)}.editor-panel input:focus-visible,.editor-panel select:focus-visible{outline:none;border-color:var(--border-strong);box-shadow:var(--focus-ring)}.editor-panel input[aria-invalid=true]{border-color:color-mix(in srgb,var(--state-danger) 72%,var(--color-border))}.editor-panel input[type=file],.video-lab-controls input[type=file],.video-lab-controls select{width:100%;min-height:var(--control-height-md);border:1px solid var(--color-border);border-radius:var(--radius-base);background:var(--color-surface);color:var(--color-text);padding:0 var(--space-2)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-4)}.ui-card{border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:var(--color-surface-1);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-3);box-shadow:none}.ui-card--default{border-color:var(--border-subtle)}.ui-card--elevated{border-color:var(--border-strong);box-shadow:var(--shadow-elevated)}.ui-card--outlined{border-color:var(--border-strong)}.ui-card--muted{background:var(--color-surface-2)}.ui-card--hero{background:var(--color-surface-focal);border-color:color-mix(in srgb,var(--color-primary) 22%,var(--border-subtle));padding:var(--space-5);box-shadow:var(--shadow-md)}.ui-card--media{padding:0;overflow:hidden}.ui-card--media .ui-card__body,.ui-card--media .ui-card__header,.ui-card--media .ui-card__footer{padding:var(--space-3)}.ui-card--metric{gap:var(--space-1)}.ui-card--chart{background:var(--color-surface-1);border-color:var(--border-subtle);padding:var(--space-4)}.ui-card--list{padding:var(--space-2);gap:var(--space-1)}.ui-card--featured{background:linear-gradient(135deg,color-mix(in srgb,var(--color-accent) 12%,var(--color-surface-1)),var(--color-surface-1) 60%);border-color:color-mix(in srgb,var(--color-accent) 36%,var(--border-subtle));box-shadow:var(--shadow-md)}.ui-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2)}.ui-card__body{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.ui-card__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);border-top:1px solid var(--color-divider);padding-top:var(--space-2)}.ui-card__media{position:relative;display:block;aspect-ratio:var(--media-poster-aspect);background:var(--color-surface-3);overflow:hidden}.ui-card--media>.ui-card__media:first-child{border-radius:var(--radius-card) var(--radius-card) 0 0}.ui-card h3{margin:0;font-size:.98rem;font-weight:var(--font-bold);color:var(--color-text-primary)}.ui-card p{margin:0;color:var(--color-text-secondary)}.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);border:1px solid var(--border-subtle);border-radius:var(--radius-button);min-height:var(--control-height-md);padding:0 var(--space-2);cursor:pointer;font-weight:var(--font-semibold);background:var(--color-surface-1);color:var(--color-text-primary);transition:transform var(--motion-fast) ease,box-shadow var(--motion-normal) ease,border-color var(--motion-normal) ease,background var(--motion-normal) ease}.ui-button:hover{transform:var(--hover-lift);border-color:var(--border-strong)}.ui-button:active{transform:var(--active-scale)}.ui-button:focus-visible{outline:none;border-color:var(--border-strong);box-shadow:var(--focus-ring)}.ui-button:disabled{cursor:not-allowed;opacity:.58;transform:none}.ui-button--sm{min-height:var(--control-height-sm);padding:0 var(--space-2);font-size:.8rem}.ui-button--md{min-height:var(--control-height-md);padding:0 var(--space-3)}.ui-button--lg{min-height:var(--control-height-lg);padding:0 var(--space-4);font-size:.98rem}.ui-button--primary{background:var(--color-primary);color:var(--color-surface-1);border-color:var(--color-primary);font-weight:var(--font-medium)}.ui-button--primary:hover{background:color-mix(in srgb,var(--color-primary) 92%,#000);border-color:color-mix(in srgb,var(--color-primary) 80%,#000)}.ui-button--secondary{background:var(--color-surface-2)}.ui-button--outline{background:transparent;border-color:var(--border-strong)}.ui-button--ghost{background:transparent;border-color:transparent}.ui-button--destructive{background:color-mix(in srgb,var(--color-danger-soft) 72%,var(--color-surface-1));border-color:color-mix(in srgb,var(--state-danger) 86%,var(--border-subtle));color:var(--color-text-primary);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--state-danger) 18%,transparent)}.ui-button--destructive:before{content:"!";display:inline-flex;align-items:center;justify-content:center;width:calc(var(--space-3) + 2px);height:calc(var(--space-3) + 2px);border:1px solid currentColor;border-radius:var(--radius-button);font-size:.68rem;line-height:1}.ui-button.is-active,.ui-button[aria-pressed=true]{border-color:color-mix(in srgb,var(--color-primary) 62%,var(--border-strong));background:color-mix(in srgb,var(--color-primary-soft) 68%,var(--color-surface-1));color:var(--color-text-primary);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-primary) 34%,transparent);font-weight:var(--font-semibold)}.ui-button--standard{background:var(--color-surface-1);color:var(--color-text-primary);border-color:var(--border-subtle);font-weight:var(--font-medium)}.ui-button--tonal{background:var(--color-primary-soft);color:color-mix(in srgb,var(--color-primary) 70%,var(--color-text-primary));border-color:color-mix(in srgb,var(--color-primary) 28%,var(--border-subtle));font-weight:var(--font-medium)}.ui-button--tonal:hover{background:color-mix(in srgb,var(--color-primary-soft) 78%,var(--color-primary))}.ui-button--pill,.ui-button--shape-pill{border-radius:var(--radius-full)}.ui-button--shape-square{width:var(--control-height-md);padding:0;border-radius:var(--radius-sm)}.ui-button--icon{width:var(--control-height-md);padding:0;border-radius:var(--radius-sm);background:transparent;border-color:transparent;color:var(--color-text-secondary)}.ui-button--icon:hover{background:var(--color-surface-2);color:var(--color-text-primary);border-color:var(--border-subtle)}.ui-button--icon.ui-button--sm{width:var(--control-height-sm)}.ui-button--icon.ui-button--lg{width:var(--control-height-lg)}.ui-button--link{background:transparent;border-color:transparent;color:var(--color-primary);padding:0 var(--space-1);text-decoration:underline;text-underline-offset:.2em;font-weight:var(--font-medium);min-height:0}.ui-button--link:hover{background:transparent;border-color:transparent;color:color-mix(in srgb,var(--color-primary) 80%,var(--color-text-primary))}.ui-button__icon{display:inline-flex;align-items:center;justify-content:center;font-size:.86em;line-height:1}.ui-button__icon--start{margin-inline-end:var(--space-1)}.ui-button__icon--end{margin-inline-start:var(--space-1)}.ui-badge{display:inline-flex;align-items:center;gap:var(--space-1);background:var(--color-surface-2);color:var(--color-text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:1px var(--space-2);font-size:.72rem;font-weight:var(--font-semibold)}.ui-badge--default:before,.ui-badge--success:before,.ui-badge--warning:before,.ui-badge--danger:before,.ui-badge--info:before,.ui-badge--muted:before{content:"";display:inline-block;width:.42rem;height:.42rem;border:1px solid currentColor;border-radius:var(--radius-full);background:currentColor}.ui-badge--default{color:var(--color-primary)}.ui-badge--warning:before{border-radius:var(--radius-base);background:transparent}.ui-badge--danger:before{content:"!";width:.82rem;height:.82rem;display:inline-flex;align-items:center;justify-content:center;background:transparent;font-size:.62rem;line-height:1}.ui-badge--muted:before{background:transparent}.ui-badge--dot{width:var(--space-2);height:var(--space-2);padding:0;border-radius:var(--radius-full);background:var(--state-info);border-color:transparent}.ui-badge--count{min-width:calc(var(--space-3) + var(--space-2));justify-content:center;background:var(--state-danger);color:var(--color-surface-1);border-color:transparent;padding:1px var(--space-2)}.ui-badge--tonal{background:var(--color-primary-soft);color:color-mix(in srgb,var(--color-primary) 65%,var(--color-text-primary));border-color:color-mix(in srgb,var(--color-primary) 32%,var(--border-subtle))}.ui-badge__icon{display:inline-flex;align-items:center}.ui-badge__count{font-variant-numeric:tabular-nums}.ui-badge--success{background:color-mix(in srgb,var(--color-success-soft) 62%,var(--color-surface-1));border-color:color-mix(in srgb,var(--state-success) 34%,var(--border-subtle));color:var(--state-success)}.ui-badge--warning{background:color-mix(in srgb,var(--color-warning-soft) 62%,var(--color-surface-1));border-color:color-mix(in srgb,var(--state-warning) 34%,var(--border-subtle));color:var(--state-warning)}.ui-badge--danger{background:color-mix(in srgb,var(--color-danger-soft) 62%,var(--color-surface-1));border-color:color-mix(in srgb,var(--state-danger) 34%,var(--border-subtle));color:var(--state-danger)}.ui-badge--info{background:color-mix(in srgb,var(--color-info-soft) 62%,var(--color-surface-1));border-color:color-mix(in srgb,var(--state-info) 34%,var(--border-subtle));color:var(--state-info)}.ui-badge--muted{background:var(--color-surface-3);border-color:var(--border-subtle);color:var(--color-text-secondary)}.ui-input{border:1px solid var(--border-subtle);border-radius:var(--radius-base);background:var(--color-surface-1);color:var(--color-text-primary);min-height:var(--input-height);padding:0 var(--space-2);width:100%}.ui-input--default{border-color:var(--color-border)}.ui-input--focus{border-color:var(--border-strong);box-shadow:var(--focus-ring)}.ui-input--error{border-color:color-mix(in srgb,var(--state-danger) 72%,var(--color-border))}.ui-input--disabled{opacity:.65;background:var(--color-surface-3)}.ui-input--sm{min-height:var(--control-height-sm);font-size:.84rem;padding:0 var(--space-2)}.ui-input--md{min-height:var(--input-height)}.ui-input--lg{min-height:var(--control-height-lg);font-size:1rem;padding:0 var(--space-3)}.ui-input--filled{background:var(--color-surface-2);border-color:transparent}.ui-input--filled:focus-visible{background:var(--color-surface-1);border-color:var(--border-strong)}.ui-input--flush{border-color:transparent;border-bottom-color:var(--border-subtle);border-radius:0;background:transparent;padding-inline:0}.ui-input--flush:focus-visible{border-bottom-color:var(--color-primary);box-shadow:none}.ui-input--bare{border:0;background:transparent;flex:1;min-width:0;padding:0 var(--space-2);box-shadow:none}.ui-input--bare:focus-visible{outline:none;box-shadow:none;border:0}.ui-input-group{display:inline-flex;align-items:stretch;width:100%;border:1px solid var(--border-subtle);border-radius:var(--radius-base);background:var(--color-surface-1);min-height:var(--input-height);overflow:hidden}.ui-input-group:focus-within{border-color:var(--border-strong);box-shadow:var(--focus-ring)}.ui-input-group--disabled{opacity:.65;background:var(--color-surface-3)}.ui-input-group.ui-input--sm{min-height:var(--control-height-sm)}.ui-input-group.ui-input--lg{min-height:var(--control-height-lg)}.ui-input-group.ui-input--filled{background:var(--color-surface-2);border-color:transparent}.ui-input-group.ui-input--flush{border-color:transparent;border-bottom-color:var(--border-subtle);border-radius:0;background:transparent}.ui-input__affix{display:inline-flex;align-items:center;padding:0 var(--space-2);color:var(--color-text-muted);font-size:var(--type-caption);background:transparent}.ui-input__affix--prefix{border-right:1px solid var(--color-divider)}.ui-input__affix--suffix{border-left:1px solid var(--color-divider)}.ui-input:focus-visible,.video-lab-controls input[type=file]:focus-visible,.video-lab-controls select:focus-visible{outline:none;border-color:var(--border-strong);box-shadow:var(--focus-ring)}.ui-table{width:100%;border-collapse:collapse}.ui-table th,.ui-table td{border-bottom:1px solid var(--border-subtle);padding:var(--space-2);text-align:left}.ui-table th{background:var(--color-surface-2);color:var(--color-text-secondary);font-size:.78rem;font-weight:var(--font-bold)}.ui-table--compact td{padding:var(--space-1)}.ui-table--comfortable td{padding:var(--space-2)}.ui-alert{display:flex;align-items:flex-start;gap:var(--space-2);border:1px solid var(--border-subtle);border-left:3px solid var(--state-info);border-radius:var(--radius-base);background:color-mix(in srgb,var(--color-info-soft) 58%,var(--color-surface-1));padding:var(--space-2)}.ui-alert__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;color:var(--state-info)}.ui-alert__body{display:flex;flex-direction:column;gap:var(--space-1);flex:1;min-width:0}.ui-alert__actions{display:flex;align-items:center;gap:var(--space-1);flex-shrink:0}.ui-alert-title{font-weight:var(--font-bold);color:var(--color-text-primary)}.ui-alert--info{background:color-mix(in srgb,var(--color-info-soft) 58%,var(--color-surface-1));border-left-color:var(--state-info)}.ui-alert--success{background:color-mix(in srgb,var(--color-success-soft) 58%,var(--color-surface-1));border-left-color:var(--state-success)}.ui-alert--warning{background:color-mix(in srgb,var(--color-warning-soft) 58%,var(--color-surface-1));border-left-color:var(--state-warning)}.ui-alert--danger{background:color-mix(in srgb,var(--color-danger-soft) 58%,var(--color-surface-1));border-left-color:var(--state-danger)}.ui-alert--success .ui-alert__icon{color:var(--state-success)}.ui-alert--warning .ui-alert__icon{color:var(--state-warning)}.ui-alert--danger .ui-alert__icon{color:var(--state-danger)}.ui-toast{display:flex;align-items:flex-start;gap:var(--space-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--color-surface-1);color:var(--color-text-primary);padding:var(--space-3);box-shadow:var(--shadow-lg);max-width:420px;position:relative}.ui-toast--info{border-left:3px solid var(--state-info)}.ui-toast--success{border-left:3px solid var(--state-success)}.ui-toast--warning{border-left:3px solid var(--state-warning)}.ui-toast--danger{border-left:3px solid var(--state-danger)}.ui-toast__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.ui-toast--info .ui-toast__icon{color:var(--state-info)}.ui-toast--success .ui-toast__icon{color:var(--state-success)}.ui-toast--warning .ui-toast__icon{color:var(--state-warning)}.ui-toast--danger .ui-toast__icon{color:var(--state-danger)}.ui-toast__body{display:flex;flex-direction:column;gap:var(--space-1);flex:1;min-width:0}.ui-toast__title{font-weight:var(--font-semibold);color:var(--color-text-primary)}.ui-toast__message{margin:0;color:var(--color-text-secondary);font-size:var(--type-caption)}.ui-toast__actions{display:flex;align-items:center;gap:var(--space-1);flex-shrink:0}.ui-toast__dismiss{flex-shrink:0;background:transparent;border:0;color:var(--color-text-muted);cursor:pointer;font-size:1rem;line-height:1;padding:var(--space-1);border-radius:var(--radius-sm)}.ui-toast__dismiss:hover{color:var(--color-text-primary);background:var(--color-surface-2)}.ui-toast__dismiss:focus-visible{outline:none;box-shadow:var(--focus-ring)}.stack-row{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.stack-col{display:flex;flex-direction:column;gap:var(--space-2)}.hidden-input{display:none}.json-preview{margin:0;background:var(--color-surface-1);color:var(--color-text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-base);padding:var(--space-2);max-height:280px;overflow:auto;font-size:.75rem;line-height:1.4;overflow-wrap:normal}.screen-stack{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.screen-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:var(--space-3)}.screen-grid h4{margin:0;color:var(--color-text-primary);font-size:var(--type-body);font-weight:var(--font-bold)}.screen-grid-two{display:grid;grid-template-columns:1.3fr 1fr;gap:var(--space-3)}.screen-metric{font-size:1.72rem;font-weight:var(--font-bold);color:var(--color-text-primary);line-height:1.15}.screen-metric--success{color:color-mix(in srgb,var(--state-success) 58%,var(--color-text-primary))}.screen-metric--warning{color:color-mix(in srgb,var(--state-warning) 58%,var(--color-text-primary))}.screen-metric--danger{color:color-mix(in srgb,var(--state-danger) 58%,var(--color-text-primary))}.screen-metric--info{color:color-mix(in srgb,var(--state-info) 58%,var(--color-text-primary))}.screen-list{display:flex;flex-direction:column;gap:var(--space-2)}.screen-list-row{border:1px solid var(--border-subtle);border-radius:var(--radius-base);background:var(--color-surface-2);padding:var(--space-2);display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);min-width:0}.screen-list-row>div{min-width:0}.screen-list-row--active{border-color:var(--border-strong);background:color-mix(in srgb,var(--color-primary-soft) 56%,var(--color-surface-1))}.screen-list-title{margin:0;font-weight:var(--font-semibold);color:var(--color-text-primary);overflow-wrap:anywhere}.screen-list-meta{margin:0;color:var(--color-text-muted);font-size:.82rem}.screen-progress-track{margin-top:var(--space-1);width:160px;max-width:100%;height:var(--media-timeline-height);border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-border) 65%,transparent);overflow:hidden}.screen-progress-fill{height:100%;background:var(--color-primary)}.screen-progress-fill--running{background:color-mix(in srgb,var(--state-info) 72%,var(--color-border))}.screen-progress-fill--completed{background:color-mix(in srgb,var(--state-success) 72%,var(--color-border))}.screen-progress-fill--failed{background:color-mix(in srgb,var(--state-danger) 72%,var(--color-border))}.mobile-preview-shell{max-width:calc(var(--media-thumbnail-size) * 4)}.modal-lab{display:flex;flex-direction:column}.modal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:var(--space-3)}.modal-preview{border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:var(--color-surface-1);padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-2)}.modal-preview__header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.modal-preview__header h4{margin:0;font-size:.95rem}.modal-preview p{margin:0;color:var(--color-text-secondary)}.modal-preview--confirmation{border-color:color-mix(in srgb,var(--state-info) 48%,var(--border-subtle))}.modal-preview--danger{border-color:color-mix(in srgb,var(--state-danger) 54%,var(--border-subtle))}.modal-preview--edit{border-style:dashed}.video-lab{display:flex;flex-direction:column;gap:var(--space-3)}.video-lab h3,.video-lab p{margin:0}.video-lab h3{color:var(--color-text-primary);font-weight:var(--font-bold)}.video-lab p{color:var(--color-text-secondary)}.video-lab-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:var(--space-3)}.video-lab-controls label{display:flex;flex-direction:column;gap:var(--space-1);font-size:.9rem;color:var(--color-text-secondary)}.video-lab-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:var(--space-3)}.video-thumbnail-hint{width:var(--media-thumbnail-size);height:var(--media-thumbnail-size);border:1px dashed var(--border-subtle);border-radius:var(--radius-base);background:var(--color-surface-2)}.uvp-shell{display:flex;flex-direction:column;gap:var(--space-2)}.uvp-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);flex-wrap:wrap}.uvp-header h4{margin:0;color:var(--color-text-primary);font-weight:var(--font-bold)}.uvp-frame{position:relative;border:1px solid var(--border-subtle);border-radius:var(--media-player-radius);overflow:hidden;background:var(--color-surface-3);aspect-ratio:var(--media-poster-aspect)}.uvp-frame--art{background:var(--color-surface-2)}.uvp-video{width:100%;height:100%;display:block;background:color-mix(in srgb,var(--color-background) 72%,var(--color-text-primary))}.uvp-art{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.uvp-art>svg{width:100%;height:100%;display:block}.uvp-frame__caption{position:absolute;left:var(--space-2);bottom:var(--space-2);display:flex;flex-direction:column;gap:var(--space-1);align-items:flex-start;pointer-events:none}.uvp-frame__pill{display:inline-flex;align-items:center;padding:2px var(--space-2);border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-text) 72%,transparent);color:var(--color-surface-1);font-size:var(--type-caption);font-weight:var(--font-semibold);letter-spacing:.02em;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.uvp-frame__sub{display:inline-flex;padding:2px var(--space-2);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-surface-1) 80%,transparent);color:var(--color-text-primary);font-size:var(--type-caption)}.uvp-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:var(--space-2);text-align:center;background:color-mix(in srgb,var(--media-overlay) calc(var(--media-overlay-opacity) * 100%),transparent);color:color-mix(in srgb,var(--color-background) 88%,var(--color-surface-1))}.uvp-overlay p{margin:0}.uvp-controls{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-2);border:1px solid var(--border-subtle);border-radius:var(--radius-base);background:var(--media-control-surface)}.uvp-controls .ui-button{min-height:var(--media-control-height);flex:1 1 calc(var(--space-7) * 2.3)}.uvp-timeline{height:var(--media-timeline-height);border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-primary) 18%,var(--color-border));overflow:hidden}.uvp-timeline span{display:block;height:100%;border-radius:inherit;background:var(--color-primary)}.dl-lab{width:min(100%,1180px);margin:0 auto;display:flex;flex-direction:column;gap:var(--space-7)}.dl-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.34fr);gap:var(--space-5);align-items:end;padding:var(--space-6) 0 var(--space-2)}.dl-hero h1{max-width:780px;margin:var(--space-3) 0 var(--space-2);font-size:var(--type-display);line-height:1.06;font-weight:var(--font-bold);color:var(--color-text-primary)}.dl-hero p,.dl-section__header p,.dl-card-header p,.dl-switch-row p,.dl-state-grid p,.dl-modal-frame p,.dl-bottom-sheet p{margin:0;color:var(--color-text-secondary);font-size:var(--type-body)}.dl-hero-panel{display:flex;flex-direction:column;gap:var(--space-2)}.dl-hero-panel span{color:var(--color-text-muted);font-size:var(--type-caption)}.dl-hero-panel strong{color:var(--color-text-primary);font-size:var(--type-heading)}.dl-mini-bars{display:grid;grid-template-columns:1fr .72fr .42fr;gap:var(--space-2);align-items:end;min-height:calc(var(--space-7) * 1.3)}.dl-mini-bars span{border-radius:var(--radius-base);background:var(--gradient-primary)}.dl-mini-bars span:nth-child(1){height:calc(var(--space-7) * 1.3)}.dl-mini-bars span:nth-child(2){height:var(--space-7);background:var(--color-surface-3)}.dl-mini-bars span:nth-child(3){height:var(--space-6);background:var(--color-primary-soft)}.dl-section{display:grid;grid-template-columns:220px minmax(0,1fr);gap:var(--space-6);align-items:start}.dl-section__header{position:sticky;top:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.dl-section__header span{width:-moz-fit-content;width:fit-content;border:1px solid var(--border-subtle);border-radius:var(--radius-full);background:var(--color-surface-1);color:var(--color-text-muted);padding:var(--space-1) var(--space-2);font-size:var(--type-caption);font-weight:var(--font-semibold)}.dl-section__header h2{margin:0 0 var(--space-1);color:var(--color-text-primary);font-size:var(--type-heading);font-weight:var(--font-bold)}.dl-section__body{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.dl-foundation-grid,.dl-component-layout,.dl-state-grid,.dl-modal-grid,.dl-media-grid,.dl-pattern-grid{display:grid;gap:var(--space-4);min-width:0}.dl-foundation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dl-component-layout{grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);align-items:start}.dl-state-grid,.dl-modal-grid,.dl-pattern-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dl-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dl-side-stack,.dl-token-list,.dl-type-stack,.dl-scale-stack,.dl-button-matrix,.dl-form-grid,.dl-skeleton-list,.dl-status-grid{display:flex;flex-direction:column;gap:var(--space-3)}.dl-token-row,.dl-button-row,.dl-card-header,.dl-toolbar,.dl-tabs,.dl-weight-row,.dl-scale-row,.dl-chip-row,.dl-elevation-row,.dl-border-row,.dl-switch-row,.dl-switch-group,.dl-modal-frame__header,.dl-modal-frame__footer,.dl-progress-block{display:flex;align-items:center;gap:var(--space-2);min-width:0}.dl-token-row{justify-content:space-between;border-bottom:1px solid var(--border-subtle);padding-bottom:var(--space-2)}.dl-token-row:last-child{border-bottom:0;padding-bottom:0}.dl-token-row div{min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.dl-token-row strong{color:var(--color-text-primary);font-size:var(--type-body);overflow-wrap:anywhere}.dl-token-row code,.dl-scale-row code{color:var(--color-text-muted);font-size:var(--type-caption)}.dl-color-swatch{width:var(--space-7);height:var(--space-7);flex:0 0 var(--space-7);border:1px solid var(--border-subtle);border-radius:var(--radius-card);box-shadow:var(--shadow-soft)}.dl-type-display,.dl-type-heading,.dl-type-body,.dl-type-caption{color:var(--color-text-primary)}.dl-type-display{font-size:var(--type-display);line-height:1.08;font-weight:var(--font-bold)}.dl-type-heading{font-size:var(--type-heading);font-weight:var(--font-bold)}.dl-type-body{font-size:var(--type-body);font-weight:var(--font-regular)}.dl-type-caption{font-size:var(--type-caption);color:var(--color-text-muted)}.dl-weight-row{justify-content:space-between;border-top:1px solid var(--border-subtle);padding-top:var(--space-3);color:var(--color-text-secondary)}.dl-weight-row strong{font-weight:var(--font-semibold)}.dl-weight-row b{font-weight:var(--font-bold)}.dl-scale-row{justify-content:space-between}.dl-scale-row span{height:var(--space-3);border-radius:var(--radius-full);background:var(--color-primary)}.dl-chip-row,.dl-elevation-row,.dl-border-row{flex-wrap:wrap;padding-top:var(--space-3)}.dl-chip-row span,.dl-elevation-row span,.dl-border-row span{border:1px solid var(--border-subtle);background:var(--color-surface-1);color:var(--color-text-secondary);padding:var(--space-2);font-size:var(--type-caption)}.dl-elevation-row span{border-radius:var(--radius-card)}.dl-border-row span{display:inline-flex;align-items:center;gap:var(--space-1);border-radius:var(--radius-base)}.dl-border-row i{width:var(--space-3);height:var(--space-3);border-radius:var(--radius-full)}.dl-card-header{justify-content:space-between;align-items:flex-start}.dl-card-header h3,.dl-state-grid h3,.dl-modal-frame h4,.dl-bottom-sheet h4,.dl-pattern-grid h3,.dl-side-stack h3,.dl-foundation-grid h3,.dl-switch-row h3{margin:0;color:var(--color-text-primary);font-size:var(--type-heading);font-weight:var(--font-bold)}.dl-button-matrix{gap:var(--space-2)}.dl-button-row{justify-content:space-between;border:1px solid var(--border-subtle);border-radius:var(--radius-base);background:var(--color-surface-2);padding:var(--space-2);flex-wrap:wrap}.dl-button-row>span{color:var(--color-text-muted);font-size:var(--type-caption);font-weight:var(--font-semibold);text-transform:capitalize;min-width:calc(var(--space-7) * 1.4)}.dl-toolbar{flex-wrap:wrap;border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:var(--color-surface-2);padding:var(--space-2)}.dl-toolbar--stacked{align-items:stretch}.dl-tabs{border-bottom:1px solid var(--border-subtle)}.dl-tab{border:0;border-bottom:2px solid transparent;background:transparent;color:var(--color-text-muted);padding:var(--space-2) var(--space-3);cursor:pointer;font-weight:var(--font-semibold)}.dl-tab:focus-visible{outline:none;box-shadow:var(--focus-ring)}.dl-tab--active{border-bottom-color:var(--color-primary);color:var(--color-text-primary)}.dl-form-grid label{display:flex;flex-direction:column;gap:var(--space-1);color:var(--color-text-secondary);font-size:var(--type-caption);font-weight:var(--font-semibold)}.dl-textarea{min-height:calc(var(--input-height) * 2.5);padding:var(--space-2);resize:vertical}.dl-card-sample-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}.dl-card-sample{border:1px solid var(--border-subtle);border-radius:var(--radius-base);background:var(--color-surface-1);color:var(--color-text-secondary);padding:var(--space-3) var(--space-2);text-align:center;font-size:var(--type-caption);font-weight:var(--font-semibold)}.dl-card-sample--muted{background:var(--color-surface-2)}.dl-card-sample--elevated{border-color:var(--border-strong);box-shadow:var(--shadow-elevated)}.dl-badge-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.dl-progress-block{justify-content:space-between;color:var(--color-text-secondary);font-size:var(--type-caption)}.dl-progress-block .screen-progress-fill{width:64%}.dl-skeleton-list span{display:block;height:var(--space-3);border-radius:var(--radius-full);background:linear-gradient(90deg,var(--color-surface-2),var(--color-surface-3),var(--color-surface-2))}.dl-skeleton-list span:nth-child(2){width:82%}.dl-skeleton-list span:nth-child(3){width:62%}.dl-switch-row{justify-content:space-between;border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:var(--color-surface-1);padding:var(--space-4);box-shadow:var(--shadow-soft)}.dl-switch-row>div:first-child{max-width:560px}.dl-switch{position:relative;width:calc(var(--control-height-md) * 1.75);height:var(--control-height-md);border:1px solid var(--border-subtle);border-radius:var(--radius-full);background:var(--color-surface-3)}.dl-switch:after{content:"";position:absolute;top:var(--space-1);left:var(--space-1);width:calc(var(--control-height-md) - var(--space-2));height:calc(var(--control-height-md) - var(--space-2));border-radius:var(--radius-full);background:var(--color-surface-1);box-shadow:var(--shadow-soft)}.dl-switch--on{background:var(--color-primary);border-color:var(--color-primary)}.dl-switch--on:after{left:auto;right:var(--space-1)}.dl-loader{width:var(--control-height-md);height:var(--control-height-md);border:2px solid var(--border-subtle);border-top-color:var(--color-primary);border-radius:var(--radius-full)}.dl-state-grid .ui-card,.dl-pattern-grid .ui-card{min-height:100%}.dl-modal-frame,.dl-bottom-sheet{display:flex;flex-direction:column;gap:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:var(--color-surface-1);padding:var(--space-4);box-shadow:var(--shadow-soft)}.dl-modal-frame--confirmation{border-color:color-mix(in srgb,var(--state-info) 46%,var(--border-subtle))}.dl-modal-frame--danger{border-color:color-mix(in srgb,var(--state-danger) 54%,var(--border-subtle))}.dl-modal-frame__header,.dl-modal-frame__footer{justify-content:space-between}.dl-bottom-sheet{align-self:end;border-radius:var(--radius-card) var(--radius-card) 0 0;background:var(--color-surface-2)}.dl-bottom-sheet>span{align-self:center;width:var(--space-7);height:var(--space-1);border-radius:var(--radius-full);background:var(--border-strong)}.dl-media-grid .ui-card{min-width:0}.dl-review-preview{min-height:150px;border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 18%,transparent),transparent),var(--color-surface-2)}.dl-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(calc(var(--space-7) * 2.4),100%),1fr))}.dl-status-grid span{border:1px solid var(--border-subtle);border-radius:var(--radius-base);background:var(--color-surface-2);color:var(--color-text-muted);padding:var(--space-2);font-size:var(--type-caption)}.dl-status-grid strong{display:block;color:var(--color-text-primary);font-size:var(--type-heading)}@media (max-width: 1180px){.studio-body{grid-template-columns:minmax(280px,.38fr) minmax(0,1fr)}.top-header,aside.sidebar,.preview-area{padding:var(--space-3)}.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr))}.dl-lab{gap:var(--space-6)}.dl-section{grid-template-columns:minmax(calc(var(--space-7) * 4),.28fr) minmax(0,1fr);gap:var(--space-4)}.dl-component-layout,.dl-foundation-grid,.dl-state-grid,.dl-modal-grid,.dl-media-grid,.dl-pattern-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 760px){.screen-grid-two{grid-template-columns:1fr}.operation-confirm{align-items:flex-start;flex-direction:column}.operation-confirm .stack-row,.top-header .stack-row{width:100%}.top-header .ui-button,.operation-confirm .ui-button{flex:1 1 calc(var(--space-7) * 3)}aside.sidebar{border-right:0;border-bottom:1px solid var(--color-divider);max-height:none}.dl-hero,.dl-section,.dl-component-layout,.dl-foundation-grid,.dl-state-grid,.dl-modal-grid,.dl-media-grid,.dl-pattern-grid{grid-template-columns:1fr}.dl-section__header{position:static}.dl-switch-row{align-items:flex-start;flex-direction:column}.dl-section__header{gap:var(--space-1)}}@media (max-width: 560px){.top-header,aside,.preview-area,.operation-feedback{padding:var(--space-2)}.ui-button,.editor-panel input[type=color],.editor-panel input[type=number],.editor-panel input[type=text],.editor-panel select,.video-lab-controls input[type=file],.video-lab-controls select{min-height:calc(var(--control-height-lg) + var(--space-1))}.ui-button--sm,.uvp-controls .ui-button{min-height:calc(var(--control-height-md) + var(--space-2))}.editor-control__row--range,.dl-card-sample-grid{grid-template-columns:1fr}.screen-list-row,.dl-card-header,.dl-modal-frame__header,.dl-modal-frame__footer,.dl-progress-block{align-items:flex-start;flex-direction:column}.screen-list-row .ui-button,.dl-modal-frame__footer .ui-button,.dl-toolbar .ui-button{width:100%}.uvp-video{min-height:calc(var(--media-thumbnail-size) * 1.8)}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pat-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-divider)}.pat-page-header__title{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.pat-page-header__eyebrow{display:inline-flex;width:-moz-fit-content;width:fit-content;padding:2px var(--space-2);border-radius:var(--radius-full);background:var(--color-surface-2);color:var(--color-text-muted);font-size:var(--type-caption);font-weight:var(--font-semibold);letter-spacing:.04em;text-transform:uppercase}.pat-page-header__heading-row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.pat-page-header__heading-row h2{margin:0;font-size:var(--type-section-title);line-height:var(--line-tight);font-weight:var(--font-bold);color:var(--color-text-primary)}.pat-page-header__badges{display:inline-flex;align-items:center;gap:var(--space-1);flex-wrap:wrap}.pat-page-header__subtitle{margin:0;color:var(--color-text-secondary);font-size:var(--type-body);max-width:64ch}.pat-page-header__meta{display:flex;align-items:center;gap:var(--space-3);color:var(--color-text-muted);font-size:var(--type-caption);flex-wrap:wrap}.pat-page-header__actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}.pat-hero-metric .pat-hero-metric__label{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%;color:var(--color-text-muted);font-size:var(--type-caption);font-weight:var(--font-semibold);letter-spacing:.04em;text-transform:uppercase}.pat-hero-metric__value{font-size:var(--type-hero);line-height:var(--line-tight);font-weight:var(--font-bold);color:var(--color-text-primary);font-variant-numeric:tabular-nums}.pat-hero-metric__support{margin:0;color:var(--color-text-secondary);font-size:var(--type-body)}.pat-hero-metric__viz{display:flex;align-items:flex-end;gap:var(--space-1);height:var(--space-9);padding-top:var(--space-2)}.pat-hero-metric__actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.pat-media-shelf{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.pat-media-shelf__header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-3)}.pat-media-shelf__header h3{margin:0;font-size:var(--type-subhead);font-weight:var(--font-bold);color:var(--color-text-primary)}.pat-media-shelf__header p{margin:0;color:var(--color-text-muted);font-size:var(--type-caption)}.pat-media-shelf__row{display:grid;gap:var(--space-3);min-width:0}.pat-media-shelf--scroll .pat-media-shelf__row{grid-auto-flow:column;grid-auto-columns:minmax(220px,280px);overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:var(--space-2)}.pat-media-shelf--grid .pat-media-shelf__row{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))}.pat-media-shelf__item{position:relative;scroll-snap-align:start}.pat-media-shelf__title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2)}.pat-media-shelf__title-row strong{color:var(--color-text-primary);font-size:var(--type-body);font-weight:var(--font-semibold);line-height:var(--line-tight)}.pat-media-shelf__meta{color:var(--color-text-muted);font-size:var(--type-caption)}.pat-media-shelf__duration{position:absolute;right:var(--space-2);bottom:var(--space-2);padding:2px var(--space-2);border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-text) 72%,transparent);color:var(--color-surface-1);font-size:var(--type-caption);font-weight:var(--font-semibold);font-variant-numeric:tabular-nums}.pat-media-shelf__hit{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;border:0;cursor:pointer}.pat-media-shelf__hit:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-card)}.pat-media-shelf__chips{display:flex;align-items:center;gap:var(--space-1);flex-wrap:wrap;padding-top:2px}.pat-media-shelf__live-overlay{position:absolute;top:var(--space-2);left:var(--space-2);display:inline-flex;z-index:1}.pat-filter-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-2);border:1px solid var(--color-divider);border-radius:var(--radius-md);background:var(--color-surface-1)}.pat-filter-bar__chips{display:flex;align-items:center;gap:var(--space-1);flex-wrap:wrap;flex:1;min-width:0}.pat-filter-bar__chips .ui-button .ui-badge{margin-inline-start:var(--space-1)}.pat-filter-bar__search{flex:0 1 240px;min-width:180px}.pat-filter-bar__trailing{display:flex;align-items:center;gap:var(--space-2)}.pat-batch-timeline{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-3)}.pat-batch-timeline--horizontal{grid-auto-flow:column;grid-auto-columns:minmax(140px,1fr);align-items:start}.pat-batch-timeline--vertical{grid-auto-flow:row}.pat-batch-timeline__step{position:relative;display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-md);background:var(--color-surface-1);border:1px solid var(--color-divider)}.pat-batch-timeline--horizontal .pat-batch-timeline__step+.pat-batch-timeline__step:before{content:"";position:absolute;top:calc(var(--space-2) + var(--avatar-sm) / 2);left:calc(-1 * var(--space-3));width:var(--space-3);height:2px;background:var(--color-divider)}.pat-batch-timeline--horizontal .pat-batch-timeline__step--complete+.pat-batch-timeline__step:before,.pat-batch-timeline--horizontal .pat-batch-timeline__step--active+.pat-batch-timeline__step:before{background:color-mix(in srgb,var(--color-primary) 60%,var(--color-divider))}.pat-batch-timeline__node{display:inline-flex;align-items:center;justify-content:center;width:var(--avatar-sm);height:var(--avatar-sm);border-radius:var(--radius-full);background:var(--color-surface-2);color:var(--color-text-muted);border:1px solid var(--color-divider);font-size:var(--type-caption);font-weight:var(--font-semibold);flex-shrink:0}.pat-batch-timeline__step--complete .pat-batch-timeline__node{background:color-mix(in srgb,var(--state-success) 22%,var(--color-surface-1));color:var(--state-success);border-color:color-mix(in srgb,var(--state-success) 40%,var(--color-divider))}.pat-batch-timeline__step--active .pat-batch-timeline__node{background:color-mix(in srgb,var(--color-primary) 22%,var(--color-surface-1));color:var(--color-primary);border-color:color-mix(in srgb,var(--color-primary) 50%,var(--color-divider))}.pat-batch-timeline__step--failed .pat-batch-timeline__node{background:color-mix(in srgb,var(--state-danger) 22%,var(--color-surface-1));color:var(--state-danger);border-color:color-mix(in srgb,var(--state-danger) 40%,var(--color-divider))}.pat-batch-timeline__body{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.pat-batch-timeline__heading{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.pat-batch-timeline__heading strong{color:var(--color-text-primary);font-size:var(--type-body);font-weight:var(--font-semibold)}.pat-batch-timeline__meta{color:var(--color-text-muted);font-size:var(--type-caption)}.pat-avatar-stack{display:inline-flex;align-items:center;isolation:isolate}.pat-avatar-stack__item+.pat-avatar-stack__item,.pat-avatar-stack__overflow{margin-inline-start:calc(-1 * var(--space-2))}.pat-avatar-stack__item{display:inline-flex;border-radius:var(--radius-full);box-shadow:0 0 0 2px var(--color-surface-1)}.pat-avatar-stack__overflow{display:inline-flex;align-items:center;justify-content:center;width:var(--avatar-md);height:var(--avatar-md);border-radius:var(--radius-full);background:var(--color-surface-3);color:var(--color-text-secondary);font-size:var(--type-caption);font-weight:var(--font-semibold);box-shadow:0 0 0 2px var(--color-surface-1)}.pat-avatar-stack__overflow--sm{width:var(--avatar-sm);height:var(--avatar-sm);font-size:.62rem}.pat-avatar-stack__overflow--lg{width:var(--avatar-lg);height:var(--avatar-lg);font-size:var(--type-body)}.pat-reviewer-strip{display:flex;flex-direction:column;gap:var(--space-2)}.pat-reviewer-strip__title{color:var(--color-text-muted);font-size:var(--type-caption);font-weight:var(--font-semibold);letter-spacing:.04em;text-transform:uppercase}.pat-reviewer-strip__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.pat-reviewer-strip__item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-sm);background:var(--color-surface-1);border:1px solid transparent}.pat-reviewer-strip__item--approved{border-color:color-mix(in srgb,var(--state-success) 28%,var(--color-divider))}.pat-reviewer-strip__item--rejected{border-color:color-mix(in srgb,var(--state-danger) 28%,var(--color-divider))}.pat-reviewer-strip__body{display:flex;flex-direction:column;gap:2px;min-width:0}.pat-reviewer-strip__body strong{color:var(--color-text-primary);font-size:var(--type-body);font-weight:var(--font-semibold)}.pat-reviewer-strip__body span{color:var(--color-text-secondary);font-size:var(--type-caption)}.pat-reviewer-strip__at{color:var(--color-text-muted);font-size:var(--type-caption)}.pat-empty-state{display:grid;grid-template-columns:minmax(160px,220px) minmax(0,1fr);gap:var(--space-4);align-items:center}.pat-empty-state__illustration{border-radius:var(--radius-md);overflow:hidden;aspect-ratio:var(--media-poster-aspect);background:var(--color-surface-2)}.pat-empty-state__illustration>svg{display:block;width:100%;height:100%}.pat-empty-state__body{display:flex;flex-direction:column;gap:var(--space-2)}.pat-empty-state__body h3{margin:0;font-size:var(--type-subhead);font-weight:var(--font-bold);color:var(--color-text-primary)}.pat-empty-state__body p{margin:0;color:var(--color-text-secondary)}.pat-empty-state__helper{color:var(--color-text-muted);font-size:var(--type-caption)}.pat-empty-state__actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}@media (max-width: 640px){.pat-empty-state{grid-template-columns:1fr}}.pat-right-rail{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3);border-left:1px solid var(--color-divider);background:var(--color-surface-2);border-radius:0 var(--radius-md) var(--radius-md) 0}.pat-right-rail--sm{width:clamp(220px,26%,280px)}.pat-right-rail--md{width:clamp(260px,30%,340px)}.pat-right-rail--lg{width:clamp(300px,36%,420px)}.pat-right-rail__header h3{margin:0 0 var(--space-1);font-size:var(--type-subhead);font-weight:var(--font-bold);color:var(--color-text-primary)}.pat-right-rail__header p{margin:0;color:var(--color-text-muted);font-size:var(--type-caption)}.pat-right-rail__body{display:flex;flex-direction:column;gap:var(--space-3)}.pat-preview-frame{display:flex;flex-direction:column;margin:0;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:var(--color-surface-1);box-shadow:var(--shadow-md);overflow:hidden}.pat-preview-frame__chrome{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-surface-2);border-bottom:1px solid var(--color-divider)}.pat-preview-frame__dot{width:10px;height:10px;border-radius:var(--radius-full);background:var(--color-surface-3)}.pat-preview-frame__dot:nth-child(1){background:color-mix(in srgb,var(--state-danger) 60%,var(--color-surface-3))}.pat-preview-frame__dot:nth-child(2){background:color-mix(in srgb,var(--state-warning) 60%,var(--color-surface-3))}.pat-preview-frame__dot:nth-child(3){background:color-mix(in srgb,var(--state-success) 60%,var(--color-surface-3))}.pat-preview-frame__url{flex:1;padding:2px var(--space-2);border-radius:var(--radius-full);background:var(--color-surface-1);color:var(--color-text-muted);font-size:var(--type-caption);font-family:var(--font-family-mono);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pat-preview-frame__title{color:var(--color-text-secondary);font-size:var(--type-caption);font-weight:var(--font-semibold)}.pat-preview-frame__viewport{background:var(--color-background);padding:var(--space-3);min-height:var(--space-9)}.pat-preview-frame--mobile{width:clamp(220px,100%,320px);margin-inline:auto;border-radius:var(--radius-xl);border-width:6px;border-color:var(--color-text-primary);background:var(--color-text-primary)}.pat-preview-frame--mobile .pat-preview-frame__notch{display:flex;justify-content:center;padding:var(--space-1) 0;background:var(--color-text-primary)}.pat-preview-frame--mobile .pat-preview-frame__notch span{width:60px;height:4px;border-radius:var(--radius-full);background:var(--color-surface-3)}.pat-preview-frame--mobile .pat-preview-frame__viewport{background:var(--color-background);border-radius:var(--radius-md);margin:var(--space-1)}.pat-preview-frame--tablet{width:clamp(420px,100%,720px);margin-inline:auto}.pat-preview-frame__caption{padding:var(--space-2) var(--space-3);border-top:1px solid var(--color-divider);background:var(--color-surface-2);color:var(--color-text-muted);font-size:var(--type-caption)}.dl-pattern-catalog{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(360px,100%),1fr));gap:var(--space-4)}.dl-pattern-catalog__item{gap:var(--space-3)}.dl-pattern-catalog__label{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--type-caption)}.dl-pattern-catalog__example{border-top:1px solid var(--color-divider);padding-top:var(--space-3);display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.dl-preview-frame-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:var(--space-3);align-items:start}@media (max-width: 760px){.dl-preview-frame-row{grid-template-columns:1fr}}.dl-pattern-context{display:flex;flex-direction:column;gap:var(--space-5)}.dl-pattern-context__workflow{display:flex;flex-direction:column;gap:var(--space-4)}.dl-pattern-context__metric-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:var(--space-3)}.dl-pattern-context__two-col{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:var(--space-4);align-items:start}@media (max-width: 960px){.dl-pattern-context__two-col{grid-template-columns:1fr}}.dl-pattern-context__main{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.dl-pattern-context__split{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:var(--space-4);align-items:start}@media (max-width: 760px){.dl-pattern-context__split{grid-template-columns:1fr}}.screen-layout{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.screen-layout__body{display:grid;grid-template-columns:minmax(0,1fr) clamp(260px,28%,340px);gap:var(--space-4);align-items:start;min-width:0}.screen-layout__main{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}@media (max-width: 960px){.screen-layout__body{grid-template-columns:1fr}}.screen-side-by-side{display:grid;grid-template-columns:minmax(0,2fr) minmax(220px,1fr);gap:var(--space-3);align-items:stretch}@media (max-width: 760px){.screen-side-by-side{grid-template-columns:1fr}}.screen-secondary-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr));gap:var(--space-3)}.screen-card-metric{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3)}.screen-card-metric__label{color:var(--color-text-muted);font-size:var(--type-caption);font-weight:var(--font-semibold);letter-spacing:.04em;text-transform:uppercase}.screen-card-metric__value{color:var(--color-text-primary);font-size:var(--type-section-title);font-weight:var(--font-bold);font-variant-numeric:tabular-nums;line-height:var(--line-tight)}.screen-card-metric__delta{color:var(--color-text-secondary);font-size:var(--type-caption)}.screen-activity-feed{display:flex;flex-direction:column;gap:var(--space-1)}.screen-activity-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-sm)}.screen-activity-row+.screen-activity-row{border-top:1px solid var(--color-divider);border-radius:0}.screen-activity-row__body{display:flex;flex-direction:column;gap:2px;min-width:0}.screen-activity-row__body strong{color:var(--color-text-primary);font-size:var(--type-body);font-weight:var(--font-semibold)}.screen-activity-row__body span{color:var(--color-text-secondary);font-size:var(--type-caption)}.screen-activity-row__time{color:var(--color-text-muted);font-size:var(--type-caption);font-variant-numeric:tabular-nums;white-space:nowrap}.screen-chart-card{display:flex;flex-direction:column;gap:var(--space-3)}.screen-chart-bars{display:grid;grid-template-columns:repeat(7,1fr);align-items:end;gap:var(--space-2);height:var(--space-9);padding:var(--space-2) 0}.screen-chart-bars span{display:block;border-radius:var(--radius-sm) var(--radius-sm) var(--radius-xs) var(--radius-xs);background:var(--color-chart-1);min-height:var(--space-1)}.screen-chart-legend{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;color:var(--color-text-muted);font-size:var(--type-caption)}.screen-chart-legend__dot{display:inline-flex;align-items:center;gap:var(--space-1)}.screen-chart-legend__dot:before{content:"";width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full);background:currentColor}.screen-posts-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:0;overflow:hidden}.screen-posts-hero__media{position:relative;aspect-ratio:var(--media-poster-aspect);background:var(--color-surface-3);overflow:hidden}.screen-posts-hero__media>svg{display:block;width:100%;height:100%}.screen-posts-hero__body{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);justify-content:space-between}.screen-posts-hero__heading{display:flex;flex-direction:column;gap:var(--space-2)}.screen-posts-hero__heading h3{margin:0;font-size:var(--type-section-title);line-height:var(--line-tight);font-weight:var(--font-bold);color:var(--color-text-primary)}.screen-posts-hero__heading p{margin:0;color:var(--color-text-secondary)}.screen-posts-hero__meta{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;color:var(--color-text-muted);font-size:var(--type-caption)}.screen-posts-hero__actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}@media (max-width: 760px){.screen-posts-hero{grid-template-columns:1fr}}.screen-post-row{display:grid;grid-template-columns:minmax(96px,120px) minmax(0,1fr) auto;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-divider);border-radius:var(--radius-md);background:var(--color-surface-1);align-items:center;transition:border-color var(--motion-duration-sm) var(--motion-curve-standard),box-shadow var(--motion-duration-sm) var(--motion-curve-standard),transform var(--motion-duration-sm) var(--motion-curve-standard)}.screen-post-row:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.screen-post-row__thumb{aspect-ratio:var(--media-poster-aspect);border-radius:var(--radius-sm);overflow:hidden;background:var(--color-surface-2)}.screen-post-row__thumb>svg{display:block;width:100%;height:100%}.screen-post-row__body{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.screen-post-row__title{margin:0;font-size:var(--type-body);font-weight:var(--font-semibold);color:var(--color-text-primary)}.screen-post-row__meta-line{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;color:var(--color-text-muted);font-size:var(--type-caption)}.screen-post-row__badges{display:flex;align-items:center;gap:var(--space-1);flex-wrap:wrap}@media (max-width: 560px){.screen-post-row{grid-template-columns:80px minmax(0,1fr)}.screen-post-row__badges{grid-column:1 / -1}}.screen-queue-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,180px);gap:var(--space-3);align-items:stretch}.screen-queue-ribbon{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:var(--color-surface-2);border:1px solid var(--color-divider);border-radius:var(--radius-md);justify-content:center}.screen-queue-ribbon__heading{color:var(--color-text-muted);font-size:var(--type-caption);font-weight:var(--font-semibold);letter-spacing:.04em;text-transform:uppercase}.screen-queue-ribbon .ui-button{width:100%;justify-content:center}@media (max-width: 760px){.screen-queue-hero{grid-template-columns:1fr}.screen-queue-ribbon{flex-direction:row;flex-wrap:wrap}.screen-queue-ribbon .ui-button{width:auto;flex:1 1 calc(var(--space-7) * 2)}}.screen-library-hero .ui-card__media{aspect-ratio:21 / 9}.screen-library-hero__body{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-3);align-items:end}.screen-library-hero__title{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.screen-library-hero__title h3{margin:0;font-size:var(--type-section-title);font-weight:var(--font-bold);color:var(--color-text-primary)}.screen-library-hero__title p{margin:0;color:var(--color-text-secondary)}.screen-library-hero__actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}@media (max-width: 560px){.screen-library-hero__body{grid-template-columns:1fr}}.pat-media-shelf__item{transition:transform var(--motion-duration-sm) var(--motion-curve-standard),box-shadow var(--motion-duration-sm) var(--motion-curve-standard)}.pat-media-shelf__item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.screen-jobs-section{display:flex;flex-direction:column;gap:var(--space-2)}.screen-jobs-section__header{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--type-caption);font-weight:var(--font-semibold);letter-spacing:.04em;text-transform:uppercase}.screen-job-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-divider);border-radius:var(--radius-md);background:var(--color-surface-1)}.screen-job-row--failed{border-color:color-mix(in srgb,var(--state-danger) 32%,var(--color-divider));background:color-mix(in srgb,var(--color-danger-soft) 22%,var(--color-surface-1))}.screen-job-row--running{border-color:color-mix(in srgb,var(--state-info) 28%,var(--color-divider))}.screen-job-row__body{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.screen-job-row__heading{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.screen-job-row__heading strong{color:var(--color-text-primary);font-size:var(--type-body);font-weight:var(--font-semibold)}.screen-job-row__meta{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;color:var(--color-text-muted);font-size:var(--type-caption)}.screen-job-row__progress{display:flex;flex-direction:column;gap:var(--space-1)}.screen-job-row__progress-meta{display:flex;justify-content:space-between;color:var(--color-text-muted);font-size:var(--type-caption)}.screen-mobile-shell{display:flex;flex-direction:column;gap:var(--space-3);align-items:center}.screen-mobile-stack{position:relative;width:100%;display:flex;flex-direction:column;gap:var(--space-3)}.screen-mobile-card{position:relative;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-divider);background:var(--color-surface-1)}.screen-mobile-card__media{position:relative;aspect-ratio:4 / 5;overflow:hidden}.screen-mobile-card__media>svg{display:block;width:100%;height:100%}.screen-mobile-card__overlay{position:absolute;inset:auto 0 0 0;padding:var(--space-3);background:linear-gradient(to top,color-mix(in srgb,var(--color-text) 78%,transparent),transparent);color:var(--color-surface-1);display:flex;flex-direction:column;gap:var(--space-1)}.screen-mobile-card__overlay h3{margin:0;font-size:var(--type-subhead);font-weight:var(--font-bold)}.screen-mobile-card__overlay span{font-size:var(--type-caption);color:color-mix(in srgb,var(--color-surface-1) 88%,transparent)}.screen-mobile-card-stack{position:relative;isolation:isolate}.screen-mobile-card-stack__behind{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-md);background:var(--color-surface-2);border:1px solid var(--color-divider);z-index:0;transform:translateY(var(--space-2)) scale(.96);opacity:.7}.screen-mobile-card-stack__behind--further{transform:translateY(calc(var(--space-2) * 2)) scale(.92);opacity:.45}.screen-mobile-card-stack__top{position:relative;z-index:1}.screen-mobile-thumbzone{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-2);align-items:center;padding:var(--space-3);border-top:1px solid var(--color-divider);background:var(--color-surface-1)}.screen-mobile-thumbzone .ui-button{min-height:var(--control-height-lg)}.screen-mobile-thumbzone__center{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--color-text-muted);font-size:var(--type-caption)}.screen-mobile-thumbzone__dots{display:flex;gap:6px}.screen-mobile-thumbzone__dots span{width:6px;height:6px;border-radius:var(--radius-full);background:var(--color-surface-3)}.screen-mobile-thumbzone__dots span[data-active=true]{background:var(--color-primary)}.screen-mobile-swipe-hint{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2);color:var(--color-text-muted);font-size:var(--type-caption)}.screen-presentation{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.screen-presentation .pat-preview-frame{background:var(--color-surface-1);box-shadow:var(--shadow-lg)}.screen-presentation .pat-preview-frame__viewport{padding:var(--space-4);background:var(--color-background)}.screen-presentation--bare{display:contents}.screen-presentation--mobile{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.dl-hero--phase4{grid-template-columns:minmax(0,1.4fr) minmax(280px,.7fr);gap:var(--space-6);padding:var(--space-7) 0 var(--space-4);border-bottom:1px solid var(--color-divider)}.dl-hero__lead{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.dl-hero__title{margin:0;font-size:var(--type-hero);line-height:var(--line-tight);letter-spacing:-.02em;font-weight:var(--font-bold);color:var(--color-text-primary);max-width:24ch}.dl-hero__subhead{margin:0;font-size:var(--type-subhead);line-height:var(--line-relaxed);color:var(--color-text-secondary);max-width:56ch}.dl-hero__meta{display:flex;flex-wrap:wrap;gap:var(--space-4);padding-top:var(--space-1);color:var(--color-text-muted);font-size:var(--type-caption)}.dl-hero__meta-item{display:inline-flex;align-items:baseline;gap:var(--space-1)}.dl-hero__meta-item strong{color:var(--color-text-primary);font-size:var(--type-section-title);font-weight:var(--font-bold);font-variant-numeric:tabular-nums}.dl-hero__proof{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.dl-hero__proof-label{color:var(--color-text-muted);font-size:var(--type-caption);font-weight:var(--font-semibold);letter-spacing:.04em;text-transform:uppercase}.dl-hero__proof-card{display:flex;flex-direction:column;gap:var(--space-3)}.dl-hero__proof-bars{display:grid;grid-template-columns:repeat(7,1fr);align-items:end;gap:var(--space-1);height:var(--space-9)}.dl-hero__proof-bars span{display:block;border-radius:var(--radius-sm) var(--radius-sm) var(--radius-xs) var(--radius-xs);min-height:var(--space-1)}.dl-hero__proof-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:0;height:var(--space-3);border-radius:var(--radius-full);overflow:hidden}.dl-hero__proof-strip span{display:block}.dl-hero__proof-token{padding:var(--space-3)}.dl-hero__type-strip{display:flex;align-items:baseline;gap:var(--space-3);flex-wrap:wrap;color:var(--color-text-primary)}.dl-hero__proof-foot{color:var(--color-text-muted);font-size:var(--type-caption)}@media (max-width: 960px){.dl-hero--phase4{grid-template-columns:1fr;gap:var(--space-4);padding:var(--space-5) 0 var(--space-3)}}.dl-state-stack{display:flex;flex-direction:column;gap:var(--space-4)}.dl-state-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-3);align-items:stretch}@media (max-width: 760px){.dl-state-pair{grid-template-columns:1fr}}.dl-state-card{gap:var(--space-3)}.dl-state-card--danger{border-color:color-mix(in srgb,var(--state-danger) 28%,var(--color-divider));background:color-mix(in srgb,var(--color-danger-soft) 18%,var(--color-surface-1))}.dl-skeleton-list--wide span{width:100%}.dl-token-context-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:var(--space-4)}.dl-token-context__card{gap:var(--space-3)}.dl-token-context__bars{display:grid;grid-template-columns:repeat(6,1fr);gap:2px;height:var(--space-7);border-radius:var(--radius-sm);overflow:hidden}.dl-token-context__bars span{display:block}.dl-token-context__featured{padding:var(--space-3)}.dl-token-context__featured strong{display:block;color:var(--color-text-primary);font-size:var(--type-body);margin-bottom:var(--space-1)}.dl-token-context__list{display:flex;flex-direction:column;border-radius:var(--radius-sm);border:1px solid var(--color-divider);background:var(--color-surface-1);overflow:hidden}.dl-token-context__list>div{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3)}.dl-token-context__list>div+div{border-top:1px solid var(--color-divider)}.dl-token-context__list strong{color:var(--color-text-primary);font-weight:var(--font-semibold);font-size:var(--type-body)}.dl-token-context__list span{color:var(--color-text-muted);font-size:var(--type-caption)}.dl-modal-stage{position:relative;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-divider);background:var(--color-surface-2);isolation:isolate}.dl-modal-stage__backdrop{position:relative;padding:var(--space-5);background:linear-gradient(135deg,var(--color-surface-1) 0%,var(--color-surface-3) 100%)}.dl-modal-stage__backdrop:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-scrim);pointer-events:none;z-index:1}.dl-modal-stage__skeleton{display:flex;flex-direction:column;gap:var(--space-2);max-width:640px}.dl-modal-stage__skeleton span{display:block;height:var(--space-3);border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-surface-2) 60%,var(--color-surface-3))}.dl-modal-stage__skeleton span:nth-child(2){width:78%}.dl-modal-stage__skeleton span:nth-child(3){width:54%}.dl-modal-stage__center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:2;padding:var(--space-4)}.dl-modal-stage__center .dl-modal-frame{max-width:420px;width:100%;box-shadow:var(--shadow-lg);background:var(--color-surface-1)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.ui-button:hover,.ui-button:active,.pat-media-shelf__item:hover,.screen-post-row:hover{transform:none!important}}.editor-chart-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-1);align-items:stretch}.editor-chart-stop{display:flex;flex-direction:column;align-items:stretch;gap:2px;font-size:.7rem;color:var(--color-text-muted);text-align:center}.editor-chart-stop input[type=color]{width:100%;min-height:var(--control-height-md);padding:2px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--color-surface-1)}.ui-timecode{display:inline-flex;align-items:center;padding:2px var(--space-2);border-radius:var(--radius-sm);background:var(--color-surface-2);color:var(--color-text-secondary);font-family:var(--font-family-mono);font-size:.78rem;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"lnum" 1;letter-spacing:.02em;line-height:1.4;border:1px solid var(--color-divider);white-space:nowrap}.ui-timecode--inline{padding:0;border:0;background:transparent;color:var(--color-text-secondary)}.ui-timecode--duration{background:color-mix(in srgb,var(--color-text) 88%,transparent);color:var(--color-surface-1);border-color:transparent}.ui-timecode--timecode{background:var(--color-surface-2);color:var(--color-text-primary);font-weight:600}.ui-timecode--watch{background:transparent;color:var(--color-text-muted);border-color:transparent;padding-inline:0}.ui-rendition-badge{display:inline-flex;align-items:baseline;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-sm);font-family:var(--font-family-mono);font-size:.72rem;font-weight:600;letter-spacing:.04em;line-height:1.4;border:1px solid;white-space:nowrap}.ui-rendition-badge__detail{color:var(--color-text-muted);font-weight:500}.ui-rendition-badge__flag{margin-left:var(--space-1);padding:0 4px;border-radius:2px;background:var(--color-captions);color:#0a0d12;font-size:.62rem;letter-spacing:.08em}.ui-rendition-badge--rendition{background:var(--color-rendition-soft);color:color-mix(in srgb,var(--color-rendition) 70%,var(--color-text-primary));border-color:color-mix(in srgb,var(--color-rendition) 36%,var(--color-divider))}.ui-rendition-badge--codec,.ui-rendition-badge--protocol{background:var(--color-surface-2);color:var(--color-text-secondary);border-color:var(--color-divider)}.ui-rendition-badge--drm{background:var(--color-surface-2);color:var(--color-text-muted);border-color:var(--color-divider);text-transform:uppercase}.ui-rendition-badge--cdn{background:var(--color-cdn-soft);color:color-mix(in srgb,var(--color-cdn) 65%,var(--color-text-primary));border-color:color-mix(in srgb,var(--color-cdn) 36%,var(--color-divider))}.ui-rendition-badge--captions{background:var(--color-captions-soft);color:color-mix(in srgb,var(--color-captions) 35%,var(--color-text-primary));border-color:color-mix(in srgb,var(--color-captions) 48%,var(--color-divider))}.ui-rendition-badge--live{background:var(--color-live-soft);color:color-mix(in srgb,var(--color-live) 60%,var(--color-text-primary));border-color:color-mix(in srgb,var(--color-live) 42%,var(--color-divider))}.ui-live-indicator{display:inline-flex;align-items:center;gap:var(--space-1);padding:3px var(--space-2);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-text) 88%,transparent);color:var(--color-surface-1);font-family:var(--font-family-mono);font-size:.72rem;font-weight:700;letter-spacing:.14em;line-height:1;white-space:nowrap}.ui-live-indicator__dot{width:6px;height:6px;border-radius:var(--radius-full);background:var(--color-live);box-shadow:0 0 color-mix(in srgb,var(--color-live) 60%,transparent);flex-shrink:0}.ui-live-indicator--on-air .ui-live-indicator__dot{animation:ui-live-pulse 1.6s ease-in-out infinite}.ui-live-indicator--replay{background:color-mix(in srgb,var(--color-text) 75%,transparent)}.ui-live-indicator--replay .ui-live-indicator__dot{background:var(--color-captions)}.ui-live-indicator--scheduled{background:var(--color-surface-2);color:var(--color-text-muted);border:1px solid var(--color-divider)}.ui-live-indicator--scheduled .ui-live-indicator__dot{background:var(--color-text-muted)}.ui-live-indicator__viewers{margin-left:var(--space-1);padding-left:var(--space-1);border-left:1px solid color-mix(in srgb,var(--color-surface-1) 30%,transparent);color:color-mix(in srgb,var(--color-surface-1) 88%,transparent);font-size:.7rem;font-weight:600;letter-spacing:.04em}@keyframes ui-live-pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--color-live) 60%,transparent);transform:scale(1)}50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--color-live) 0%,transparent);transform:scale(1.05)}}@media (prefers-reduced-motion: reduce){.ui-live-indicator__dot{animation:none!important}}.screen-live-card{padding:0;overflow:hidden}.screen-live-card__poster{position:relative;aspect-ratio:var(--media-poster-aspect);background:var(--color-surface-3);overflow:hidden}.screen-live-card__poster>svg{display:block;width:100%;height:100%}.screen-live-card__badge{position:absolute;top:var(--space-2);left:var(--space-2)}.screen-live-card__body{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3)}.screen-live-card__body strong{color:var(--color-text-primary);font-size:var(--type-body);font-weight:var(--font-semibold);line-height:var(--line-tight)}.screen-queue-ribbon__hint{margin-top:auto;padding-top:var(--space-2);border-top:1px solid var(--color-divider);color:var(--color-text-muted);font-size:var(--type-caption)}.screen-asset-metadata{display:flex;flex-direction:column;gap:var(--space-2)}.screen-asset-metadata__row{display:grid;grid-template-columns:minmax(120px,140px) minmax(0,1fr);gap:var(--space-3);align-items:center}.screen-asset-metadata__label{color:var(--color-text-muted);font-size:var(--type-caption);font-weight:var(--font-semibold);letter-spacing:.04em;text-transform:uppercase}@media (max-width: 560px){.screen-asset-metadata__row{grid-template-columns:1fr;gap:var(--space-1)}}