*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.ux-ta:focus{box-shadow:var(--focus-ring-inset);border-color:var(--primary);background-color:var(--surface)}.ux-gen-btn:focus-visible{box-shadow:var(--focus-ring)}.ux-card{position:relative;border-width:1px;border-color:var(--surface-outline);border-radius:var(--radius-xl);background-color:var(--surface)}.ux-gen-btn{position:relative;height:2.75rem;width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-2);overflow:hidden;border-radius:var(--radius-sm);background-image:var(--grad-primary);color:var(--text-md);color:var(--on-primary);font-weight:600;letter-spacing:var(--tracking-normal);--un-shadow:var(--shadow-brand);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ux-field-num{display:grid;height:20px;width:20px;place-items:center;border-radius:var(--radius-xs);background-color:var(--primary);font-size:11px;color:var(--on-primary);font-weight:700}.ux-ghost-btn{height:36px;display:flex;align-items:center;gap:6px;border-width:1px;border-color:var(--border-medium);border-radius:var(--radius-sm);background-color:var(--surface);padding-left:14px;padding-right:14px;color:var(--text-sm);color:var(--text-secondary);font-weight:600;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ux-pane{min-height:0;display:flex;flex-direction:column;border-right-width:1px;border-color:var(--surface-outline);background-color:var(--surface)}.ux-seg-item{height:34px;display:flex;flex:1 1 0%;align-items:center;justify-content:center;gap:5px;border-radius:var(--radius-xs);color:var(--text-sm);color:var(--text-secondary);font-weight:600;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ux-ta{width:100%;min-height:84px;resize:vertical;border-width:1px;border-color:var(--border-medium);border-radius:var(--radius-lg);background-color:var(--surface-container);padding:var(--space-3);color:var(--text-sm);color:var(--text-primary);line-height:var(--leading-relaxed);outline:2px solid transparent;outline-offset:2px;transition-property:border-color,box-shadow,background-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ux-field-label{display:flex;align-items:center;gap:var(--space-2);color:var(--text-sm);color:var(--text-primary);font-weight:600;letter-spacing:var(--tracking-normal)}.ux-field-link{display:flex;align-items:center;gap:var(--space-1);color:var(--text-sm);color:var(--text-secondary);font-weight:600;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ux-seg{display:flex;gap:var(--space-1);border-width:1px;border-color:var(--border-medium);border-radius:var(--radius-sm);background-color:var(--surface-container);padding:var(--space-1)}.ux-gen-btn:not(:disabled):active{--un-scale-x:.98;--un-scale-y:.98;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.ux-ghost-btn:active{--un-scale-x:.98;--un-scale-y:.98;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.ux-gen-btn:disabled{cursor:wait;opacity:.5}.ux-ghost-btn:hover{border-color:var(--border-strong);background-color:var(--hover-tint);color:var(--text-primary)}.ux-seg-active{background-color:var(--primary);color:var(--on-primary)!important;--un-shadow:var(--shadow-xs);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.ux-seg-item:hover{background-color:var(--hover-tint);color:var(--text-primary)}.t-muted{color:var(--text-muted)}.t-primary{color:var(--text-primary)}.t-secondary{color:var(--text-secondary)}.ux-field-req{color:var(--danger)}.ux-field-link:hover{color:var(--primary)}.ux-ta::placeholder{color:var(--text-muted)}.ux-gen-btn:not(:disabled):hover{--un-shadow:var(--glow);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);--un-brightness:brightness(1.04);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.\[animation\:mix-spin_0\.7s_linear_infinite\]{animation:mix-spin .7s linear infinite}.\[background\:linear-gradient\(180deg\,var\(--media-shade\)_0\%\,transparent_16\%\,transparent_52\%\,color-mix\(in_srgb\,var\(--media-shade\)_92\%\,transparent\)\)\]{background:linear-gradient(180deg,var(--media-shade) 0%,transparent 16%,transparent 52%,color-mix(in srgb,var(--media-shade) 92%,transparent))}.hover\:\[box-shadow\:var\(--glow-soft\)\]:hover{box-shadow:var(--glow-soft)}.focus-visible\:\[box-shadow\:var\(--focus-ring\)\]:focus-visible{box-shadow:var(--focus-ring)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.static{position:static}.inset-0{top:0;right:0;bottom:0;left:0}.isolate{isolation:isolate}.z-\[1\]{z-index:1}.z-\[6\]{z-index:6}.z-10{z-index:10}.z-50{z-index:50}.grid{display:grid}.inline-grid{display:inline-grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.m10{margin:var(--space-10)}.m10\.4{margin:2.6rem}.m13{margin:3.25rem}.m156{margin:39rem}.m21{margin:5.25rem}.m3\.5{margin:.875rem}.m34{margin:8.5rem}.m36{margin:9rem}.m4\.6{margin:1.15rem}.m53{margin:13.25rem}.m9{margin:2.25rem}.\!mt-4{margin-top:var(--space-4)!important}.mb-\[11px\]{margin-bottom:11px}.mb-\[9px\]{margin-bottom:9px}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.ms{margin-inline-start:1rem}.mt-\[7px\]{margin-top:7px}.mt-\[9px\]{margin-top:9px}.block{display:block}.inline-block{display:inline-block}.contents{display:contents}.hidden{display:none}.aspect-\[16\/9\]{aspect-ratio:16/9}.aspect-\[9\/16\]{aspect-ratio:9/16}.\!h-10{height:2.5rem!important}.\!h-7{height:1.75rem!important}.\!h-8{height:2rem!important}.\!h-9{height:2.25rem!important}.\!w-auto{width:auto!important}.h-\[14px\]{height:14px}.h-\[15px\]{height:15px}.h-\[18px\]{height:18px}.h-3,.h3{height:.75rem}.h-full{height:100%}.h-screen{height:100vh}.h1{height:.25rem}.h2{height:.5rem}.h4{height:1rem}.max-w-lg{max-width:32rem}.max-w-none{max-width:none}.min-h-\[32px\]{min-height:32px}.min-h-\[36px\]{min-height:36px}.min-h-\[42px\]{min-height:42px}.min-h-0{min-height:0}.min-h-screen{min-height:100vh}.min-w-0{min-width:0}.w-\[14px\]{width:14px}.w-\[15px\]{width:15px}.w-\[18px\]{width:18px}.w-\[58px\]{width:58px}.w-\[68px\]{width:68px}.w-3{width:.75rem}.w-auto{width:auto}.w-full{width:100%}.flex{display:flex}.inline-flex{display:inline-flex}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.table{display:table}.hover\:-translate-y-px:hover{--un-translate-y:-1px;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.scale-100{--un-scale-x:1;--un-scale-y:1;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.scale-95{--un-scale-x:.95;--un-scale-y:.95;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.preserve-3d{transform-style:preserve-3d}.transform{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.resize{resize:both}.place-items-center{place-items:center}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-x-3{column-gap:var(--space-3)}.gap-y-1{row-gap:var(--space-1)}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.break-all{word-break:break-all}.b,.border{border-width:1px}.border-\[2\.4px\]{border-width:2.4px}.border-t{border-top-width:1px}.border-\[color-mix\(in_srgb\,var\(--on-primary\)_40\%\,transparent\)\]{border-color:color-mix(in srgb,var(--on-primary) 40%,transparent)}.border-\[var\(--border-strong\)\]{border-color:var(--border-strong)}.border-\[var\(--border-subtle\)\]{border-color:var(--border-subtle)}.border-\[var\(--primary-tint-lg\)\]{border-color:var(--primary-tint-lg)}.border-\[var\(--primary\)\]{border-color:var(--primary)}.border-\[var\(--surface-outline\)\]{border-color:var(--surface-outline)}.border-transparent{border-color:transparent}.hover\:border-\[var\(--primary-tint-2xl\)\]:hover{border-color:var(--primary-tint-2xl)}.hover\:border-\[var\(--primary\)\]:hover{border-color:var(--primary)}.focus\:border-\[var\(--primary\)\]:focus{border-color:var(--primary)}.border-t-\[var\(--on-primary\)\]{border-top-color:var(--on-primary)}.rounded-\[12px\]{border-radius:12px}.rounded-\[8px\]{border-radius:8px}.rounded-\[var\(--radius-full\)\],.rounded-full{border-radius:var(--radius-full)}.rounded-\[var\(--radius-sm\)\]{border-radius:var(--radius-sm)}.rounded-\[var\(--radius-xl\)\]{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.bg-\[var\(--background\)\]{background-color:var(--background)}.bg-\[var\(--danger-tint\)\]{background-color:var(--danger-tint)}.bg-\[var\(--info-tint\)\]{background-color:var(--info-tint)}.bg-\[var\(--primary-tint-md\)\]{background-color:var(--primary-tint-md)}.bg-\[var\(--primary-tint-sm\)\]{background-color:var(--primary-tint-sm)}.bg-\[var\(--success-tint\)\]{background-color:var(--success-tint)}.bg-\[var\(--surface-container\)\]{background-color:var(--surface-container)}.bg-\[var\(--surface-elevated\)\]{background-color:var(--surface-elevated)}.bg-\[var\(--surface\)\]{background-color:var(--surface)}.bg-\[var\(--warning-tint\)\]{background-color:var(--warning-tint)}.bg-\[var\(--wb-input-bg\)\]{background-color:var(--wb-input-bg)}.bg-black\/50{background-color:#00000080}.bg-transparent{background-color:transparent}.bg-white{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity))}.dark .dark\:bg-zinc-900{--un-bg-opacity:1;background-color:rgb(24 24 27 / var(--un-bg-opacity))}.object-cover{object-fit:cover}.p-0{padding:0}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.\!px-2{padding-left:var(--space-2)!important;padding-right:var(--space-2)!important}.\!px-3{padding-left:var(--space-3)!important;padding-right:var(--space-3)!important}.px{padding-left:1rem;padding-right:1rem}.px-\[14px\]{padding-left:14px;padding-right:14px}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-5{padding-left:var(--space-5);padding-right:var(--space-5)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.px-7{padding-left:var(--space-7);padding-right:var(--space-7)}.py-\[12px\]{padding-top:12px;padding-bottom:12px}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:var(--space-1);padding-bottom:var(--space-1)}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-5{padding-top:var(--space-5);padding-bottom:var(--space-5)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.pb-\[10px\]{padding-bottom:10px}.pb-\[18px\]{padding-bottom:18px}.pt-\[14px\]{padding-top:14px}.pt-1\.5{padding-top:.375rem}.text-center{text-align:center}.text-left{text-align:left}.\!text-\[12px\]{font-size:12px!important}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-xs{font-size:var(--text-xs);line-height:1}.text-\[var\(--danger\)\]{color:var(--danger)}.text-\[var\(--info\)\]{color:var(--info)}.text-\[var\(--primary\)\],.text-primary{color:var(--primary)}.text-\[var\(--success\)\]{color:var(--success)}.text-\[var\(--text-md\)\]{color:var(--text-md)}.text-\[var\(--text-muted\)\]{color:var(--text-muted)}.text-\[var\(--text-secondary\)\]{color:var(--text-secondary)}.text-\[var\(--text-sm\)\]{color:var(--text-sm)}.text-\[var\(--text-xs\)\]{color:var(--text-xs)}.text-\[var\(--warning\)\]{color:var(--warning)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.tracking-\[var\(--tracking-normal\)\]{letter-spacing:var(--tracking-normal)}.tracking-\[var\(--tracking-wide\)\]{letter-spacing:var(--tracking-wide)}.uppercase{text-transform:uppercase}.tabular-nums{--un-numeric-spacing:tabular-nums;font-variant-numeric:var(--un-ordinal) var(--un-slashed-zero) var(--un-numeric-figure) var(--un-numeric-spacing) var(--un-numeric-fraction)}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4}.text-shadow{--un-text-shadow:0 0 1px var(--un-text-shadow-color, rgb(0 0 0 / .2)),0 0 1px var(--un-text-shadow-color, rgb(1 0 5 / .1));text-shadow:var(--un-text-shadow)}.opacity-0{opacity:0}.opacity-100{opacity:1}.disabled\:opacity-45:disabled{opacity:.45}.shadow-\[var\(--shadow-sm\)\]{--un-shadow:var(--shadow-sm);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.shadow-\[var\(--shadow-xs\)\]{--un-shadow:var(--shadow-xs);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.shadow-2xl{--un-shadow:var(--un-shadow-inset) 0 25px 50px -12px var(--un-shadow-color, rgb(0 0 0 / .25));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.shadow-none{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.outline{outline-style:solid}.outline-none{outline:2px solid transparent;outline-offset:2px}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.backdrop-blur-sm{--un-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)}.blur{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.drop-shadow{--un-drop-shadow:drop-shadow(0 1px 2px var(--un-drop-shadow-color, rgb(0 0 0 / .1))) drop-shadow(0 1px 1px var(--un-drop-shadow-color, rgb(0 0 0 / .06)));filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.filter{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.backdrop-filter{-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)}.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}.transition-\[border-color\,box-shadow\,background-color\]{transition-property:border-color,box-shadow,background-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-150{transition-duration:.15s}.duration-300{transition-duration:.3s}.ease,.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@media (min-width: 1024px){.lg\:col-span-2{grid-column:span 2/span 2}.lg\:grid-cols-\[400px_1fr\]{grid-template-columns:400px 1fr}}:root{--ds-brand-50: #eef5ff;--ds-brand-100: #dbeaff;--ds-brand-200: #bfd8ff;--ds-brand-300: #8fbaff;--ds-brand-400: #5f96ff;--ds-brand-500: #3d7bff;--ds-brand-600: #165dff;--ds-brand-700: #0e4fd8;--ds-brand-800: #0b3db8;--ds-brand-900: #102f7a;--ds-accent-400: #f8c15c;--ds-accent-500: #f59e0b;--ds-accent-600: #d97706;--ds-zinc-50: #fafafa;--ds-zinc-100: #f4f4f5;--ds-zinc-200: #e4e4e7;--ds-zinc-300: #d4d4d8;--ds-zinc-400: #a1a1aa;--ds-zinc-500: #71717a;--ds-zinc-600: #52525b;--ds-zinc-700: #3f3f46;--ds-zinc-800: #27272a;--ds-zinc-850: #1f1f23;--ds-zinc-900: #18181b;--ds-zinc-925: #121215;--ds-zinc-950: #09090b;--ds-green-500: #22c55e;--ds-green-600: #16a34a;--ds-amber-500: #f59e0b;--ds-amber-600: #d97706;--ds-red-500: #ef4444;--ds-red-600: #dc2626;--ds-blue-500: #3b82f6}:root{color-scheme:light;--font-sans: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Helvetica Neue", system-ui, sans-serif;--font-display: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif;--font-mono: "SF Mono", "Fira Code", "JetBrains Mono", Consolas, monospace;--text-xs: .6875rem;--text-sm: .8125rem;--text-base: .875rem;--text-md: .9375rem;--text-lg: 1.0625rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--leading-tight: 1.2;--leading-snug: 1.35;--leading-normal: 1.5;--leading-relaxed: 1.65;--tracking-tight: 0;--tracking-normal: 0;--tracking-wide: .04em;--tracking-wider: .08em;--tracking-widest: .12em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-2xl: 22px;--radius-3xl: 28px;--radius-full: 9999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--duration-fast: .12s;--duration-normal: .2s;--duration-slow: .32s;--primary: var(--ds-brand-600);--primary-focus: var(--ds-brand-500);--primary-strong: var(--ds-brand-700);--primary-on-dark: var(--ds-brand-600);--primary-2: var(--ds-brand-500);--accent: var(--ds-accent-500);--on-primary: #ffffff;--grad-primary: linear-gradient(135deg, var(--ds-brand-800) 0%, var(--ds-brand-600) 58%, var(--ds-brand-400) 100%);--grad-primary-soft: linear-gradient(135deg, rgba(22, 93, 255, .1), rgba(61, 123, 255, .04));--grad-surface: linear-gradient(180deg, #ffffff 0%, #fafafa 100%);--grad-surface-elevated: linear-gradient(180deg, #ffffff 0%, color-mix(in srgb, var(--ds-zinc-50) 40%, #ffffff) 100%);--grad-shine: linear-gradient(180deg, rgba(255, 255, 255, .95) 0%, rgba(255, 255, 255, 0) 48%);--grad-ambient: radial-gradient(ellipse 120% 80% at 50% -20%, var(--primary-tint-md), transparent 58%);--glow: 0 0 0 1px rgba(22, 93, 255, .16), 0 8px 32px rgba(22, 93, 255, .16), 0 2px 8px rgba(22, 93, 255, .08);--glow-soft: 0 4px 16px rgba(22, 93, 255, .14), 0 1px 3px rgba(22, 93, 255, .08);--glow-subtle: 0 0 24px rgba(22, 93, 255, .08);--background: #f5f7fb;--background-subtle: #edf2fb;--surface: #ffffff;--surface-container-lowest: #ffffff;--surface-container-low: #f8faff;--surface-container: #eef3fb;--surface-container-high: #e4ebf6;--surface-dim: #d9e2ef;--surface-elevated: #ffffff;--surface-overlay: rgba(255, 255, 255, .94);--surface-outline: rgba(15, 15, 20, .06);--surface-outline-strong: rgba(15, 15, 20, .1);--surface-inset-highlight: inset 0 1px 0 0 rgba(255, 255, 255, .92);--surface-inset-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .03);--text-primary: var(--ds-zinc-950);--text-secondary: var(--ds-zinc-600);--text-muted: var(--ds-zinc-400);--text-disabled: var(--ds-zinc-300);--text-inverse: #ffffff;--success: var(--ds-green-600);--warning: var(--ds-amber-600);--danger: var(--ds-red-600);--info: var(--ds-blue-500);--overlay-scrim: rgba(9, 9, 11, .24);--media-shade: rgba(9, 9, 11, .55);--badge-on-media: rgba(255, 255, 255, .92);--shadow-xs: 0 0 0 1px rgba(15, 15, 20, .04), 0 1px 2px rgba(15, 15, 20, .04);--shadow-sm: 0 0 0 1px rgba(15, 15, 20, .05), 0 1px 3px rgba(15, 15, 20, .05), 0 6px 16px rgba(15, 15, 20, .04);--shadow-md: 0 0 0 1px rgba(15, 15, 20, .05), 0 4px 12px rgba(15, 15, 20, .06), 0 12px 28px rgba(15, 15, 20, .05);--shadow-lg: 0 0 0 1px rgba(15, 15, 20, .06), 0 12px 32px rgba(15, 15, 20, .08), 0 24px 48px rgba(15, 15, 20, .04);--shadow-xl: 0 0 0 1px rgba(15, 15, 20, .07), 0 24px 56px rgba(15, 15, 20, .12), 0 8px 16px rgba(15, 15, 20, .06);--shadow-brand: 0 0 0 1px rgba(22, 93, 255, .12), 0 8px 24px rgba(22, 93, 255, .14);--shadow-soft: var(--shadow-xs);--shadow-card: var(--shadow-sm);--shadow-product: var(--shadow-md);--shadow-floating: var(--shadow-xl);--primary-soft: rgba(22, 93, 255, .06);--primary-soft-2: rgba(22, 93, 255, .1);--primary-surface: rgba(22, 93, 255, .04);--primary-tint-sm: rgba(22, 93, 255, .03);--primary-tint-md: rgba(22, 93, 255, .06);--primary-tint-lg: rgba(22, 93, 255, .09);--primary-tint-xl: rgba(22, 93, 255, .12);--primary-tint-2xl: rgba(22, 93, 255, .16);--primary-tint-3xl: rgba(22, 93, 255, .22);--primary-tint-4xl: rgba(22, 93, 255, .3);--primary-tint-5xl: rgba(22, 93, 255, .38);--hover-tint: rgba(0, 0, 0, .03);--hover-tint-strong: rgba(0, 0, 0, .06);--tint-hover: var(--hover-tint);--tint-hover-strong: var(--hover-tint-strong);--active-tint: rgba(0, 0, 0, .08);--danger-tint: rgba(220, 38, 38, .06);--danger-tint-md: rgba(220, 38, 38, .1);--danger-tint-lg: rgba(220, 38, 38, .14);--success-tint: rgba(22, 163, 74, .06);--success-tint-md: rgba(22, 163, 74, .1);--success-tint-lg: rgba(22, 163, 74, .14);--warning-tint: rgba(217, 119, 6, .08);--info-tint: rgba(59, 130, 246, .08);--border: var(--surface-outline);--border-subtle: rgba(0, 0, 0, .04);--border-medium: rgba(0, 0, 0, .08);--border-strong: rgba(0, 0, 0, .12);--border-emphasis: rgba(0, 0, 0, .18);--border-focus: var(--primary);--glass-lightest: rgba(255, 255, 255, .98);--glass-light: rgba(255, 255, 255, .94);--glass-medium: rgba(255, 255, 255, .88);--glass-heavy: rgba(250, 250, 250, .92);--glass-dense: rgba(255, 255, 255, .96);--blur-overlay: 6px;--blur-glass: 16px;--blur-heavy: 24px;--app-scrollbar-size: 8px;--focus-ring: 0 0 0 2px var(--background), 0 0 0 4px rgba(22, 93, 255, .35);--focus-ring-inset: inset 0 0 0 1px var(--primary), 0 0 0 3px rgba(22, 93, 255, .2);--page-max-width: 1280px;--page-max-width-wide: 1680px;--content-padding-x: 32px;--content-padding-y: 28px;--rail-width: 64px;--rail-width-expanded: 208px;--shell-backdrop: transparent;--rail-bg: color-mix(in srgb, var(--surface-container-low) 78%, transparent);--rail-border: color-mix(in srgb, var(--surface-outline) 80%, transparent);--rail-tip-bg: color-mix(in srgb, var(--text-primary) 92%, #1b2336);--rail-tip-fg: #f6f8fc;--rail-tip-border: color-mix(in srgb, var(--text-primary) 12%, transparent);--lib-canvas-base: linear-gradient(180deg, #fafcff 0%, #eef3fb 100%);--lib-canvas-overlay: linear-gradient( 180deg, rgba(250, 252, 255, .46) 0%, rgba(239, 244, 251, .34) 48%, rgba(247, 249, 252, .52) 100% );--lib-canvas-glow-a: rgba(22, 93, 255, .14);--lib-canvas-glow-b: rgba(14, 165, 233, .1);--scene-ink: #172039;--scene-accent: var(--primary);--scene-accent-2: #19a7ce;--scene-warm: #f59e0b;--scene-nebula-a: rgba(22, 93, 255, .08);--scene-nebula-b: rgba(20, 184, 166, .05);--scene-base-a: rgba(246, 250, 255, .94);--scene-base-b: rgba(237, 244, 253, .9);--scene-base-c: rgba(249, 250, 252, .98);--scene-nav-base-a: rgba(246, 250, 255, .95);--scene-nav-base-b: rgba(238, 245, 254, .9);--scene-nav-base-c: rgba(250, 251, 253, .98);--scene-film-fill-top: color-mix(in srgb, #ffffff 68%, transparent);--scene-film-fill-bottom: color-mix(in srgb, #ffffff 34%, transparent);--scene-film-frost-top: color-mix(in srgb, #ffffff 78%, transparent);--scene-film-frost-bottom: color-mix(in srgb, #ffffff 46%, transparent);--scene-film-frost-base: color-mix(in srgb, #f4f7fc 72%, transparent);--scene-film-frame: rgba(255, 255, 255, .5);--scene-zone-shine: rgba(255, 255, 255, .36);--scene-zone-shine-soft: rgba(255, 255, 255, .28);--scene-beam-shine-top: rgba(255, 255, 255, .62);--scene-beam-shine-bottom: rgba(255, 255, 255, .12);--scene-focus-highlight: rgba(255, 255, 255, .62);--scene-grain-light: rgba(255, 255, 255, .2);--scene-grain-dark: rgba(23, 32, 57, .018);--scene-film-cell: rgba(255, 255, 255, .5);--scene-film-inset: rgba(255, 255, 255, .68);--scene-blend-mode: multiply;--scene-layer-lightfield-opacity: .96;--scene-layer-focus-opacity: .72;--scene-layer-zone-opacity: .7;--scene-layer-zone-secondary-opacity: .54;--scene-layer-film-opacity: .92;--scene-layer-beam-opacity: .84;--scene-layer-scan-opacity: .96;--scene-layer-grain-opacity: .55;--scene-focus-strength-scale: 1;--home-ambient-accent-a: #165dff;--home-ambient-accent-b: #14b8a6;--home-ambient-accent-c: #f59e0b;--home-ambient-zone-shine: rgba(255, 255, 255, .48);--home-ambient-focus-shine: rgba(255, 255, 255, .72);--home-ambient-focus-blend: multiply;--home-ambient-vignette: transparent;--wb-glass: rgba(255, 255, 255, .82);--wb-glass-soft: rgba(255, 255, 255, .72);--wb-glass-muted: rgba(255, 255, 255, .7);--wb-seg-bg: #f4f6fa;--wb-pane-bg: #fbfcfd;--wb-input-bg: #ffffff;--wb-loading-bg: rgba(246, 249, 255, .97);--wb-border: rgba(18, 24, 38, .075);--wb-border-medium: rgba(18, 24, 38, .1);--wb-hover: rgba(18, 24, 38, .055);--wb-field-num-bg: linear-gradient(180deg, #ffffff, #eef2f9);--wb-tint-base: #ffffff;--wb-hero-bg: linear-gradient(180deg, rgba(232, 237, 247, .85), rgba(238, 242, 250, .55));--wb-hero-shadow: inset 0 1px 0 rgba(255, 255, 255, .8), 0 1px 2px rgba(28, 35, 55, .04), 0 8px 24px -16px rgba(28, 35, 55, .08);--wb-card-bg: var(--surface-elevated);--wb-card-border: rgba(18, 24, 38, .06);--wb-row-divider: rgba(18, 24, 38, .05);--wb-chip-bg: rgba(255, 255, 255, .7);--wb-chip-border: rgba(18, 24, 38, .1);--wb-cta-divider: rgba(18, 24, 38, .12);--wb-entry-bg: var(--surface-container);--device-frame-border: #0a0d14;--device-frame-bg: linear-gradient(155deg, #2a334a 0%, #131a2c 38%, #050812 100%);--device-frame-ring: rgba(255, 255, 255, .06);--device-frame-shine: rgba(255, 255, 255, .1);--device-frame-shadow-a: rgba(8, 12, 22, .42);--device-frame-shadow-b: rgba(8, 12, 22, .24);--device-frame-inset-dark: rgba(0, 0, 0, .5);--device-screen-bg: #0a0d14;--device-inner-border: rgba(255, 255, 255, .06);--device-inner-shine: rgba(255, 255, 255, .08);--device-glow: rgba(22, 93, 255, .14);--device-notch-bg: #000000;--device-notch-lens: radial-gradient(circle at 30% 30%, #2a3a5a 0%, #050812 70%);--device-notch-lens-ring: rgba(255, 255, 255, .18);--device-notch-lens-glow: rgba(80, 140, 255, .35);--device-home-bg: rgba(255, 255, 255, .5);--device-home-glow: rgba(255, 255, 255, .2);--device-home-shine: rgba(255, 255, 255, .4);--device-vignette: rgba(22, 93, 255, .055);--device-vignette-media: rgba(6, 11, 20, .26);--device-vignette-top: rgba(255, 255, 255, .1);--device-safe-border: rgba(22, 93, 255, .12);--device-empty-bg: linear-gradient(180deg, #f3f5fa 0%, #eceff7 100%);--device-empty-bg-mix: linear-gradient(180deg, #f1f4fa 0%, #eaeef6 100%);--device-empty-glow: rgba(22, 93, 255, .07);--device-empty-title: #1a2233;--device-empty-desc: rgba(26, 34, 51, .62);--device-empty-art-shadow: rgba(22, 93, 255, .16);--promo-surface: linear-gradient(148deg, #f0fdfa 0%, #ffffff 58%, #f8fafc 100%);--promo-surface-mint: linear-gradient(148deg, #f0fdfa 0%, #ecfdf5 48%, #f8fafc 100%);--promo-surface-warm: linear-gradient(145deg, #fffaf6, #ffffff 60%, #eef5ff);--promo-text: #0f3d36;--promo-text-muted: color-mix(in srgb, #0f3d36 72%, transparent);--promo-accent: #0f766e;--on-brand-gradient: #ffffff;--brand-chip-on-gradient: var(--primary);--brand-chip-bg: var(--grad-primary);--brand-chip-fg: #ffffff;--rail-cta-bg: var(--grad-primary);--rail-cta-bg-hover: linear-gradient(135deg, var(--ds-brand-600), var(--ds-brand-400));--rail-cta-fg: #ffffff;--rail-cta-ring: rgba(255, 255, 255, .14);--rail-cta-shadow: var(--glow-soft);--rail-cta-beam-soft: rgba(255, 255, 255, .55);--rail-cta-beam-strong: rgba(255, 255, 255, .92);--nav-active-bg: rgba(22, 93, 255, .08);--nav-active-fg: var(--primary);--nav-hover-bg: var(--hover-tint);--search-bg: rgba(255, 255, 255, .92);--mobile-nav-active-bg: var(--primary);--mobile-nav-active-fg: #ffffff;--account-overlay: var(--overlay-scrim);--account-menu-summary-bg: var(--surface-container);--account-menu-item-fg: var(--text-secondary);--account-menu-item-hover-bg: var(--hover-tint);--account-menu-item-hover-fg: var(--text-primary);--account-menu-icon-bg: var(--surface-container-high);--account-menu-icon-fg: var(--text-muted);--account-menu-icon-hover-bg: var(--primary-tint-lg);--account-menu-icon-hover-fg: var(--primary-2);--account-menu-summary-label: var(--text-muted);--account-menu-summary-name: var(--text-primary);--account-menu-subtext: var(--text-muted);--account-modal-title: var(--text-primary);--account-modal-body: var(--text-primary);--account-modal-label: var(--text-secondary);--account-modal-placeholder: var(--text-muted);--account-modal-hover-border: var(--border-strong);--account-modal-focus-border: var(--primary);--account-modal-focus-ring: var(--primary-tint-lg);--account-modal-primary-bg: var(--primary);--account-modal-primary-fg: var(--on-primary);--account-modal-primary-hover-bg: var(--primary-focus);--account-modal-footer-border: var(--surface-outline);--account-danger-bg: var(--danger);--account-danger-hover-bg: var(--ds-red-600);--home-grid-color: rgba(22, 93, 255, .05);--home-composer-glow-color: var(--primary-tint-2xl);--home-composer-beam-from: var(--ds-brand-400);--home-composer-beam-to: var(--ds-brand-500);--home-hero-fg: var(--text-primary);--home-hero-glow: var(--primary-tint-2xl);--studio-accent: var(--primary);--studio-accent-2: var(--accent);--studio-page-gradient-a: var(--primary-tint-md);--studio-page-gradient-b: color-mix(in srgb, var(--accent) 6%, transparent);--studio-page-grid-line: var(--primary-tint-sm);--studio-panel-bg: var(--glass-light);--studio-panel-soft: var(--glass-medium);--studio-panel-border: var(--ds-zinc-200);--studio-control-bg: var(--surface);--studio-control-border: var(--ds-zinc-200);--studio-card-shadow: var(--shadow-card);--studio-floating-shadow: var(--shadow-floating);--studio-template-blue: var(--primary-tint-md);--studio-template-cyan: color-mix(in srgb, var(--ds-brand-400) 10%, transparent);--studio-template-violet: color-mix(in srgb, var(--primary) 8%, transparent);--studio-template-amber: rgba(255, 125, 0, .08);--mpicker-accent: var(--primary);--mpicker-accent-strong: var(--primary-strong);--mpicker-shadow: var(--shadow-xl);--preview-canvas-bg: linear-gradient(140deg, var(--ds-zinc-900), var(--ds-zinc-800));--preview-canvas-grid: var(--border-subtle);--preview-canvas-shine: var(--grad-shine);--preview-safe-zone: color-mix(in srgb, var(--info) 62%, transparent);--preview-guide-line: color-mix(in srgb, var(--success) 50%, transparent);--preview-selection: color-mix(in srgb, var(--info) 74%, transparent);--preview-chip-bg: var(--glass-medium);--preview-overlay-scrim: var(--overlay-scrim);--pulse-bg: var(--primary);--pulse-bg-hover: var(--primary-focus);--pulse-text: var(--text-inverse);--pulse-accent: 22, 93, 255;--pulse-shadow: rgba(22, 93, 255, .16);--el-color-primary: var(--primary);--el-color-primary-light-3: var(--ds-brand-400);--el-color-primary-light-5: var(--ds-brand-300);--el-color-primary-light-7: var(--ds-brand-200);--el-color-primary-light-8: var(--ds-brand-100);--el-color-primary-light-9: var(--primary-tint-md);--el-color-primary-dark-2: var(--primary-strong);--el-color-success: var(--success);--el-color-warning: var(--warning);--el-color-danger: var(--danger);--el-border-radius-base: var(--radius-sm);--el-border-radius-round: var(--radius-full);--el-font-family: var(--font-sans);--el-bg-color: #ffffff;--el-bg-color-page: var(--background);--el-bg-color-overlay: #ffffff;--el-text-color-primary: var(--text-primary);--el-text-color-regular: var(--text-secondary);--el-text-color-secondary: var(--text-muted);--el-border-color: var(--border-medium);--el-border-color-light: var(--surface-outline);--el-fill-color-blank: #ffffff;--el-fill-color: var(--surface-container);--el-fill-color-light: var(--surface-container-low);--el-fill-color-lighter: var(--surface-container-low);--el-fill-color-dark: var(--surface-dim);--el-disabled-bg-color: var(--surface-container);--el-disabled-text-color: var(--text-disabled);--el-input-bg-color: #ffffff;--el-input-text-color: var(--text-primary);--el-input-placeholder-color: var(--text-muted);--el-overlay-color-lighter: rgba(9, 9, 11, .2);--el-mask-color-extra-light: rgba(9, 9, 11, .06);--el-box-shadow-light: var(--shadow-sm);--el-transition-duration: var(--duration-normal);--font-regular: 400;--font-semibold: 600;--font-bold: 700;--icon-xs: 14px;--icon-sm: 16px;--icon-md: 20px;--icon-lg: 24px;--z-sticky: 20;--z-dropdown: 30;--z-overlay: 40;--z-modal: 50;--z-toast: 60;--control-height-sm: 32px;--control-height-md: 36px;--control-height-lg: 42px;--accent-tint-sm: color-mix(in srgb, var(--accent) 6%, transparent);--accent-tint-md: color-mix(in srgb, var(--accent) 10%, transparent);--accent-tint-lg: color-mix(in srgb, var(--accent) 14%, transparent)}:root[data-theme=dark]{color-scheme:dark;--ds-brand-50: #f0ebf8;--ds-brand-100: #ddd0f0;--ds-brand-200: #c0a8e2;--ds-brand-300: #a080d4;--ds-brand-400: #8560c0;--ds-brand-500: #6a45a8;--ds-brand-600: #331e64;--ds-brand-700: #2a1854;--ds-brand-800: #201243;--ds-brand-900: #160c30;--primary: #9b82d9;--primary-focus: #b09ae8;--primary-strong: #331e64;--primary-on-dark: #c4b0ef;--primary-2: #8560c0;--on-primary: #ffffff;--grad-primary: linear-gradient(135deg, #2a1854 0%, #331e64 52%, #6a45a8 100%);--grad-primary-soft: linear-gradient(135deg, rgba(51, 30, 100, .22), rgba(133, 96, 192, .08));--grad-surface: linear-gradient(180deg, #1a1428 0%, #120e1c 100%);--grad-surface-elevated: linear-gradient(180deg, #1e1830 0%, color-mix(in srgb, #161022 88%, #1e1830) 100%);--grad-shine: linear-gradient(180deg, rgba(255, 255, 255, .06) 0%, rgba(255, 255, 255, 0) 48%);--grad-ambient: radial-gradient(ellipse 120% 80% at 50% -20%, rgba(51, 30, 100, .28), transparent 58%);--glow: 0 0 0 1px rgba(155, 130, 217, .18), 0 8px 32px rgba(51, 30, 100, .32), 0 2px 8px rgba(51, 30, 100, .18);--glow-soft: 0 4px 16px rgba(51, 30, 100, .28), 0 1px 3px rgba(51, 30, 100, .16);--glow-subtle: 0 0 24px rgba(51, 30, 100, .16);--background: #0c0814;--background-subtle: #100c1a;--surface: #161022;--surface-container-lowest: #1a1428;--surface-container-low: #1e1830;--surface-container: #241e38;--surface-container-high: #2c2544;--surface-dim: #342c50;--surface-elevated: #1e1830;--surface-overlay: rgba(22, 16, 34, .94);--surface-outline: rgba(255, 255, 255, .07);--surface-outline-strong: rgba(255, 255, 255, .12);--surface-inset-highlight: inset 0 1px 0 0 rgba(255, 255, 255, .05);--surface-inset-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .22);--text-primary: #f2eef8;--text-secondary: #b8aed0;--text-muted: #8a7fa8;--text-disabled: #5c5470;--text-inverse: #ffffff;--overlay-scrim: rgba(4, 2, 8, .62);--media-shade: rgba(4, 2, 8, .72);--badge-on-media: rgba(22, 16, 34, .92);--shadow-xs: 0 0 0 1px rgba(255, 255, 255, .04), 0 1px 2px rgba(0, 0, 0, .28);--shadow-sm: 0 0 0 1px rgba(255, 255, 255, .05), 0 1px 3px rgba(0, 0, 0, .32), 0 6px 16px rgba(0, 0, 0, .24);--shadow-md: 0 0 0 1px rgba(255, 255, 255, .05), 0 4px 12px rgba(0, 0, 0, .36), 0 12px 28px rgba(0, 0, 0, .28);--shadow-lg: 0 0 0 1px rgba(255, 255, 255, .06), 0 12px 32px rgba(0, 0, 0, .42), 0 24px 48px rgba(0, 0, 0, .32);--shadow-xl: 0 0 0 1px rgba(255, 255, 255, .07), 0 24px 56px rgba(0, 0, 0, .52), 0 8px 16px rgba(0, 0, 0, .36);--shadow-brand: 0 0 0 1px rgba(155, 130, 217, .16), 0 8px 24px rgba(51, 30, 100, .34);--primary-soft: rgba(155, 130, 217, .12);--primary-soft-2: rgba(155, 130, 217, .18);--primary-surface: rgba(51, 30, 100, .16);--primary-tint-sm: rgba(155, 130, 217, .06);--primary-tint-md: rgba(155, 130, 217, .1);--primary-tint-lg: rgba(155, 130, 217, .14);--primary-tint-xl: rgba(155, 130, 217, .18);--primary-tint-2xl: rgba(155, 130, 217, .24);--primary-tint-3xl: rgba(155, 130, 217, .32);--primary-tint-4xl: rgba(155, 130, 217, .4);--primary-tint-5xl: rgba(155, 130, 217, .48);--hover-tint: rgba(255, 255, 255, .04);--hover-tint-strong: rgba(255, 255, 255, .07);--tint-hover: var(--hover-tint);--tint-hover-strong: var(--hover-tint-strong);--active-tint: rgba(255, 255, 255, .1);--danger-tint: rgba(239, 68, 68, .12);--danger-tint-md: rgba(239, 68, 68, .18);--danger-tint-lg: rgba(239, 68, 68, .24);--success-tint: rgba(34, 197, 94, .12);--success-tint-md: rgba(34, 197, 94, .18);--success-tint-lg: rgba(34, 197, 94, .24);--warning-tint: rgba(245, 158, 11, .14);--info-tint: rgba(59, 130, 246, .14);--border-subtle: rgba(255, 255, 255, .05);--border-medium: rgba(255, 255, 255, .09);--border-strong: rgba(255, 255, 255, .14);--border-emphasis: rgba(255, 255, 255, .2);--glass-lightest: rgba(22, 16, 34, .98);--glass-light: rgba(22, 16, 34, .94);--glass-medium: rgba(22, 16, 34, .88);--glass-heavy: rgba(16, 12, 26, .92);--glass-dense: rgba(22, 16, 34, .96);--focus-ring: 0 0 0 2px var(--background), 0 0 0 4px rgba(155, 130, 217, .42);--focus-ring-inset: inset 0 0 0 1px var(--primary), 0 0 0 3px rgba(155, 130, 217, .24);--shell-backdrop: transparent;--rail-bg: color-mix(in srgb, var(--surface) 82%, transparent);--rail-border: color-mix(in srgb, var(--surface-outline) 70%, transparent);--rail-tip-bg: var(--surface-elevated);--rail-tip-fg: var(--text-primary);--rail-tip-border: var(--surface-outline-strong);--lib-canvas-base: linear-gradient(180deg, #100c18 0%, #0c0814 100%);--lib-canvas-overlay: linear-gradient( 180deg, color-mix(in srgb, #120e1c 52%, transparent) 0%, color-mix(in srgb, #0c0814 68%, transparent) 48%, color-mix(in srgb, #080510 58%, transparent) 100% );--lib-canvas-glow-a: rgba(51, 30, 100, .34);--lib-canvas-glow-b: rgba(155, 130, 217, .12);--scene-ink: #b8a8d8;--scene-accent: #a88ee8;--scene-accent-2: #6a45a8;--scene-warm: #c9923a;--scene-nebula-a: rgba(51, 30, 100, .42);--scene-nebula-b: rgba(133, 96, 192, .2);--scene-base-a: #0c0814;--scene-base-b: #100c1a;--scene-base-c: #080510;--scene-nav-base-a: #0e0a16;--scene-nav-base-b: #120e1c;--scene-nav-base-c: #06040c;--scene-film-fill-top: color-mix(in srgb, var(--surface-elevated) 58%, transparent);--scene-film-fill-bottom: color-mix(in srgb, var(--surface-container) 28%, transparent);--scene-film-frost-top: color-mix(in srgb, var(--surface-elevated) 72%, transparent);--scene-film-frost-bottom: color-mix(in srgb, var(--surface-container) 48%, transparent);--scene-film-frost-base: color-mix(in srgb, var(--surface-container-high) 55%, transparent);--scene-film-frame: color-mix(in srgb, var(--surface-container-high) 42%, transparent);--scene-zone-shine: rgba(196, 176, 239, .09);--scene-zone-shine-soft: rgba(196, 176, 239, .06);--scene-beam-shine-top: rgba(196, 176, 239, .1);--scene-beam-shine-bottom: rgba(196, 176, 239, .02);--scene-focus-highlight: rgba(176, 154, 232, .32);--scene-grain-light: rgba(196, 176, 239, .035);--scene-grain-dark: rgba(8, 4, 14, .22);--scene-film-cell: color-mix(in srgb, var(--surface-container-high) 36%, transparent);--scene-film-inset: rgba(196, 176, 239, .08);--scene-blend-mode: soft-light;--scene-layer-lightfield-opacity: .46;--scene-layer-focus-opacity: .62;--scene-layer-zone-opacity: .42;--scene-layer-zone-secondary-opacity: .3;--scene-layer-film-opacity: .36;--scene-layer-beam-opacity: .28;--scene-layer-scan-opacity: .34;--scene-layer-grain-opacity: .22;--scene-focus-strength-scale: .78;--home-ambient-accent-a: #a88ee8;--home-ambient-accent-b: #6a45a8;--home-ambient-accent-c: #c9923a;--home-ambient-zone-shine: rgba(196, 176, 239, .08);--home-ambient-focus-shine: rgba(176, 154, 232, .28);--home-ambient-focus-blend: soft-light;--home-ambient-vignette: radial-gradient(ellipse 120% 90% at 50% 0%, transparent 42%, rgba(4, 2, 8, .42) 100%);--wb-glass: rgba(22, 16, 34, .88);--wb-glass-soft: rgba(22, 16, 34, .76);--wb-glass-muted: rgba(22, 16, 34, .72);--wb-seg-bg: var(--surface-container);--wb-pane-bg: var(--surface);--wb-input-bg: var(--surface-container-low);--wb-loading-bg: color-mix(in srgb, var(--background) 94%, transparent);--wb-border: var(--surface-outline);--wb-border-medium: var(--border-medium);--wb-hover: var(--hover-tint);--wb-field-num-bg: linear-gradient(180deg, var(--surface-container-high), var(--surface-container));--wb-tint-base: var(--surface-container);--wb-hero-bg: linear-gradient( 180deg, color-mix(in srgb, var(--primary) 12%, var(--surface-container)), color-mix(in srgb, var(--surface) 90%, var(--background)) );--wb-hero-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), 0 1px 2px rgba(0, 0, 0, .28), 0 8px 24px -16px rgba(0, 0, 0, .32);--wb-card-bg: var(--surface-container-low);--wb-card-border: var(--surface-outline);--wb-row-divider: var(--surface-outline);--wb-chip-bg: var(--surface-container);--wb-chip-border: var(--border-medium);--wb-cta-divider: var(--surface-outline);--wb-entry-bg: var(--surface-container);--device-frame-border: #06040c;--device-frame-bg: linear-gradient(155deg, #2c2544 0%, #161022 44%, #080510 100%);--device-frame-ring: rgba(196, 176, 239, .1);--device-frame-shine: rgba(196, 176, 239, .11);--device-frame-shadow-a: rgba(0, 0, 0, .55);--device-frame-shadow-b: rgba(51, 30, 100, .32);--device-frame-inset-dark: rgba(0, 0, 0, .65);--device-screen-bg: #06040c;--device-inner-border: rgba(196, 176, 239, .08);--device-inner-shine: rgba(196, 176, 239, .06);--device-glow: rgba(155, 130, 217, .14);--device-notch-bg: #040208;--device-notch-lens: radial-gradient(circle at 30% 30%, #3a2858 0%, #080510 72%);--device-notch-lens-ring: rgba(196, 176, 239, .16);--device-notch-lens-glow: rgba(155, 130, 217, .34);--device-home-bg: rgba(196, 176, 239, .36);--device-home-glow: rgba(155, 130, 217, .18);--device-home-shine: rgba(196, 176, 239, .26);--device-vignette: rgba(155, 130, 217, .09);--device-vignette-media: rgba(4, 2, 8, .44);--device-vignette-top: rgba(196, 176, 239, .06);--device-safe-border: rgba(155, 130, 217, .2);--device-empty-bg: linear-gradient(180deg, #1a1428 0%, #100c18 100%);--device-empty-bg-mix: linear-gradient(180deg, #1e1830 0%, #0e0a16 100%);--device-empty-glow: rgba(155, 130, 217, .16);--device-empty-title: #e8e0f8;--device-empty-desc: rgba(184, 174, 208, .72);--device-empty-art-shadow: rgba(155, 130, 217, .24);--promo-surface: linear-gradient( 148deg, color-mix(in srgb, var(--success) 10%, var(--surface)) 0%, var(--surface) 58%, var(--surface-container-low) 100% );--promo-surface-mint: linear-gradient( 148deg, color-mix(in srgb, var(--success) 14%, var(--surface-container)) 0%, color-mix(in srgb, var(--success) 6%, var(--surface-container-low)) 48%, var(--background) 100% );--promo-surface-warm: linear-gradient( 145deg, color-mix(in srgb, #ff8d6b 10%, var(--surface)), var(--surface) 60%, color-mix(in srgb, var(--primary) 8%, var(--surface-container-low)) );--promo-text: var(--text-primary);--promo-text-muted: var(--text-secondary);--promo-accent: color-mix(in srgb, var(--success) 72%, var(--text-primary));--on-brand-gradient: var(--on-primary);--brand-chip-on-gradient: var(--primary-2);--nav-active-bg: rgba(51, 30, 100, .42);--nav-active-fg: #d4c8ed;--nav-hover-bg: var(--hover-tint);--search-bg: rgba(22, 16, 34, .92);--mobile-nav-active-bg: var(--primary-strong);--mobile-nav-active-fg: #ffffff;--home-grid-color: rgba(176, 154, 232, .07);--home-composer-glow-color: var(--primary-tint-2xl);--home-composer-beam-from: var(--ds-brand-400);--home-composer-beam-to: var(--ds-brand-300);--home-hero-glow: var(--primary-tint-2xl);--studio-panel-border: rgba(255, 255, 255, .08);--studio-control-bg: var(--surface-container-low);--studio-control-border: rgba(255, 255, 255, .08);--studio-template-blue: var(--primary-tint-md);--studio-template-cyan: color-mix(in srgb, var(--ds-brand-400) 14%, transparent);--studio-template-violet: color-mix(in srgb, var(--primary) 12%, transparent);--pulse-bg: var(--primary-strong);--pulse-bg-hover: var(--ds-brand-500);--pulse-accent: 51, 30, 100;--pulse-shadow: rgba(51, 30, 100, .32);--el-bg-color: var(--surface);--el-bg-color-page: var(--background);--el-bg-color-overlay: var(--surface-elevated);--el-fill-color-blank: var(--surface-container-low);--el-input-bg-color: var(--surface-container-low);--el-overlay-color-lighter: rgba(4, 2, 8, .48);--el-mask-color-extra-light: rgba(4, 2, 8, .18)}html[data-theme=dark] body:before{background:radial-gradient(ellipse 90% 60% at 12% -8%,rgba(51,30,100,.22),transparent 52%),radial-gradient(ellipse 70% 50% at 88% 8%,rgba(133,96,192,.1),transparent 48%)}:root[data-theme=dark]{--border: var(--surface-outline)}html[data-theme=dark] .el-empty__description{color:var(--text-muted)!important}html[data-theme=dark] .el-loading-mask{background-color:color-mix(in srgb,var(--background) 76%,transparent)!important}html[data-theme=dark] .el-segmented{background:var(--surface-container)!important;border-color:var(--surface-outline)!important}html[data-theme=dark] .el-segmented__item:not(.is-selected){color:var(--text-muted)!important}html[data-theme=dark] .el-segmented__item:not(.is-selected):hover{color:var(--text-secondary)!important}html[data-theme=dark] .el-input__wrapper,html[data-theme=dark] .el-textarea__inner,html[data-theme=dark] .el-select__wrapper{background:var(--surface-container-low)!important;color:var(--text-primary)!important}html[data-theme=dark] .el-input__wrapper.is-focus,html[data-theme=dark] .el-textarea__inner:focus,html[data-theme=dark] .el-select__wrapper.is-focused{background:var(--surface-container)!important}html[data-theme=dark] .el-tag{--el-tag-bg-color: var(--surface-container-high);--el-tag-border-color: var(--surface-outline);--el-tag-text-color: var(--text-secondary)}html[data-theme=dark] .el-drawer,html[data-theme=dark] .el-drawer__body{background:var(--surface)!important;color:var(--text-primary)!important}html[data-theme=dark] .el-drawer__header{color:var(--text-primary)!important;border-bottom-color:var(--surface-outline)!important}html[data-theme=dark] .el-popper.is-light,html[data-theme=dark] .el-select-dropdown,html[data-theme=dark] .el-dropdown-menu{background:var(--surface-elevated)!important;border-color:var(--surface-outline)!important}html[data-theme=dark] .el-table{--el-table-bg-color: var(--surface);--el-table-tr-bg-color: var(--surface);--el-table-header-bg-color: var(--surface-container);--el-table-row-hover-bg-color: var(--hover-tint);--el-table-border-color: var(--surface-outline);--el-table-text-color: var(--text-primary);--el-table-header-text-color: var(--text-secondary)}html[data-theme=dark] .el-pagination button,html[data-theme=dark] .el-pager li{background:var(--surface-container)!important;color:var(--text-secondary)!important}html[data-theme=dark] .el-pager li.is-active{background:var(--primary-tint-lg)!important;color:var(--primary)!important}html{color-scheme:light;overflow-y:scroll;scrollbar-gutter:stable;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}html.is-iframe-embed{overflow-x:hidden;overflow-y:auto;scrollbar-gutter:auto}html.app-scroll-locked{overflow:hidden}body.el-popup-parent--hidden,body.el-message-box-parent--hidden,body.el-tour-parent--hidden{overscroll-behavior:contain;width:100%!important}html,body{margin:0;min-height:100%;background:var(--background);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);letter-spacing:var(--tracking-normal)}body{position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 90% 60% at 12% -8%,var(--primary-tint-md),transparent 52%),radial-gradient(ellipse 70% 50% at 88% 8%,rgba(34,211,238,.05),transparent 48%)}#app{position:relative;z-index:1;min-height:100vh}*{box-sizing:border-box}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{padding:0;border:0;background:none;cursor:pointer;color:inherit}code{font-family:var(--font-mono)}::selection{background:var(--primary-tint-3xl);color:var(--text-primary)}html,body,.app-native-scrollbar{scrollbar-width:thin;scrollbar-color:var(--border-medium) transparent}::-webkit-scrollbar{width:var(--app-scrollbar-size);height:var(--app-scrollbar-size)}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:var(--radius-full);background:var(--border-medium);background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--border-emphasis);background-clip:padding-box}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.ds-display{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:700;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text-primary)}.ds-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;line-height:var(--leading-snug);letter-spacing:var(--tracking-tight);color:var(--text-primary)}.ds-subtitle{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--text-secondary)}.ds-label{font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-muted)}.ds-kicker{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1px solid color-mix(in srgb,var(--primary) 18%,transparent);background:linear-gradient(180deg,var(--primary-tint-sm),color-mix(in srgb,var(--primary-tint-sm) 60%,transparent));box-shadow:var(--surface-inset-highlight);color:var(--primary-strong);font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-widest);text-transform:uppercase}.ds-kicker:before{content:"";width:5px;height:5px;border-radius:var(--radius-full);background:var(--grad-primary);box-shadow:0 0 8px color-mix(in srgb,var(--primary) 40%,transparent)}.ds-surface{background:var(--surface);border:1px solid var(--surface-outline);border-radius:var(--radius-xl)}.ds-surface-elevated{background:var(--grad-surface-elevated);border:1px solid var(--surface-outline);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm),var(--surface-inset-highlight)}.ds-surface-interactive{transition:border-color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out)}.ds-surface-interactive:hover{border-color:color-mix(in srgb,var(--primary) 22%,var(--surface-outline));box-shadow:var(--shadow-md),var(--surface-inset-highlight);transform:translateY(-1px)}.ds-surface-interactive:active{transform:translateY(0) scale(.995)}.ds-metric{position:relative;overflow:hidden;padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--surface-outline);background:var(--grad-surface-elevated);box-shadow:var(--shadow-xs),var(--surface-inset-highlight)}.ds-metric:before{content:"";position:absolute;top:0;left:var(--space-4);right:var(--space-4);height:2px;border-radius:0 0 var(--radius-full) var(--radius-full);background:var(--metric-accent, var(--primary));opacity:.85}.ds-page{display:flex;flex-direction:column;gap:var(--space-5)}.app-layout__content.is-library-canvas{position:relative;isolation:isolate;flex:1;background:transparent}.app-layout__content.is-library-canvas:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(520px 360px at 78% 18%,color-mix(in srgb,var(--lib-canvas-glow-a) 55%,transparent),transparent 70%),radial-gradient(480px 340px at 12% 82%,color-mix(in srgb,var(--lib-canvas-glow-b) 55%,transparent),transparent 72%)}.app-layout__content.is-library-canvas:after{content:none}.app-layout__content.is-library-canvas>div{position:relative;z-index:1}.ds-library-page{position:relative;isolation:isolate;gap:var(--space-5);min-height:100%;background:transparent}.ds-library-page:before,.ds-library-page:after{display:none}.ds-library-page>*{position:relative;z-index:1}.ds-page-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--space-3)}.cp-bar__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.cp-bar :deep(.ui-toolbar__end){flex-wrap:wrap}.ds-library-body{display:flex;flex-direction:column;gap:var(--space-5);padding:0;border:none;background:transparent;box-shadow:none}.ds-library-page .ds-page-actions,.ds-library-page .ds-library-body :deep(.ui-toolbar),.ds-library-page .al-toolbar-row{padding:0;border:none;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.ds-library-page .ds-library-body :deep(.ui-toolbar--sticky){top:var(--space-3);z-index:var(--z-sticky);padding-bottom:var(--space-2);background:color-mix(in srgb,var(--background) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ds-library-body--flush{overflow:visible;padding:0;border:none;border-radius:0;background:transparent;box-shadow:none}.ds-library-body--flush>.cc-shell{border:none;min-height:0;background:transparent;box-shadow:none}.ds-library-card{position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--card-glow, var(--primary)) 16%,var(--surface-outline));border-radius:var(--radius-xl);background:radial-gradient(circle at 92% 0%,color-mix(in srgb,var(--card-glow, var(--primary)) 16%,transparent),transparent 42%),color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:var(--shadow-xs),var(--surface-inset-highlight);transition:border-color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out)}.ds-library-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--card-glow, var(--primary)) 36%,var(--surface-outline));box-shadow:var(--shadow-md),var(--surface-inset-highlight)}.ds-page-hero{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--space-5);padding:var(--space-7) var(--space-8);border-radius:var(--radius-2xl);border:1px solid var(--surface-outline);background:var(--grad-surface-elevated);box-shadow:var(--shadow-sm),var(--surface-inset-highlight)}.ds-page-hero__copy{min-width:0;flex:1}.ds-page-hero__title{margin:var(--space-2) 0 0;font-size:clamp(1.375rem,2.2vw,1.75rem);font-weight:700;letter-spacing:var(--tracking-tight);color:var(--text-primary)}.ds-page-hero__desc{margin:var(--space-2) 0 0;max-width:560px;font-size:var(--text-md);line-height:var(--leading-relaxed);color:var(--text-secondary)}.ds-page-hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.ds-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--surface-outline);background:var(--surface);box-shadow:var(--shadow-xs)}.ds-toolbar--sticky{position:sticky;top:var(--space-3);z-index:20}.ds-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:var(--space-4)}.ds-rail{display:flex;gap:var(--space-3);overflow-x:auto;padding-bottom:var(--space-1);scroll-snap-type:x proximity;scrollbar-width:thin}.ds-rail>*{scroll-snap-align:start;flex-shrink:0}.ds-stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-3)}.ds-link{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);transition:color var(--duration-fast) var(--ease-out)}.ds-link:hover{color:var(--primary)}.ds-link svg{width:14px;height:14px}.ds-fade-in{animation:ds-fade-in var(--duration-normal) var(--ease-out) both}@keyframes ds-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.app-shell-card,.app-workspace-panel{position:relative;border:1px solid var(--surface-outline);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-xs)}.app-workspace-panel--muted{background:var(--surface-container)}.app-tonal-card,.app-inline-panel{border-radius:var(--radius-lg);background:var(--surface-container);border:1px solid var(--border-subtle)}.app-workspace-shell{display:grid;gap:var(--space-6)}.app-workspace-shell--two{grid-template-columns:minmax(0,1.4fr) minmax(300px,360px);align-items:start}.app-workspace-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-5);padding:var(--space-7) var(--space-7) 0}.app-workspace-head-copy{min-width:0}.app-workspace-eyebrow,.app-page-kicker{display:inline-flex;align-items:center;gap:var(--space-2);min-height:26px;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--surface-container);border:1px solid var(--surface-outline);color:var(--text-secondary);font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-widest);text-transform:uppercase}.app-workspace-eyebrow:before,.app-page-kicker:before{content:"";width:5px;height:5px;border-radius:var(--radius-full);background:var(--primary)}.app-workspace-title,.app-page-title{margin:var(--space-3) 0 0;font-size:clamp(1.375rem,2.2vw,1.75rem);line-height:var(--leading-tight);font-weight:700;letter-spacing:var(--tracking-tight);color:var(--text-primary)}.app-workspace-desc,.app-page-desc,.app-section-desc{margin:var(--space-3) 0 0;max-width:640px;font-size:var(--text-md);line-height:var(--leading-relaxed);color:var(--text-secondary)}.app-page-hero{padding:var(--space-2) 0 0}.app-page-header{display:flex;align-items:end;justify-content:space-between;gap:var(--space-5)}.app-page-copy{min-width:0;max-width:640px}.app-page-meta{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-6)}.app-stat-chip{min-width:140px;padding:var(--space-4);border-radius:var(--radius-lg);background:var(--surface-container);border:1px solid var(--surface-outline)}.app-stat-label{display:block;font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-muted)}.app-stat-value{display:block;margin-top:var(--space-2);font-size:1.625rem;line-height:1;font-weight:700;letter-spacing:var(--tracking-tight);color:var(--text-primary);font-feature-settings:"tnum"}.app-page-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--space-3)}.app-panel-block{padding:var(--space-6) var(--space-7) var(--space-7)}.app-panel-block+.app-panel-block{padding-top:0}.app-folder-trail{display:flex;align-items:center;gap:var(--space-4)}.app-folder-trail-head{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-muted)}.app-folder-trail-list{display:flex;min-width:0;flex:1;align-items:center;gap:var(--space-2);overflow-x:auto}.app-folder-trail-node{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid transparent;border-radius:var(--radius-full);background:var(--surface-container);color:var(--text-secondary);font-size:var(--text-sm);font-weight:600;transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out);cursor:pointer}.app-folder-trail-node:hover{background:var(--hover-tint);color:var(--text-primary)}.app-folder-trail-node.is-current{background:var(--primary);color:var(--on-primary);border-color:transparent}.app-folder-trail-separator{color:var(--text-muted)}.app-grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:var(--space-4)}.app-icon-badge{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-lg);background:var(--primary-tint-md);color:var(--primary)}.app-list-rail{padding:0 var(--space-7) var(--space-7)}.app-list-stack{display:grid;gap:var(--space-3)}.app-list-item{padding:var(--space-4) var(--space-5);border:1px solid transparent;border-radius:var(--radius-lg);background:var(--surface-container);text-align:left;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out);cursor:pointer}.app-list-item:hover,.app-list-item.is-active{background:var(--surface-dim);border-color:var(--surface-outline)}.app-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-3)}.app-choice-card{padding:var(--space-4);border:1px solid var(--surface-outline);border-radius:var(--radius-lg);background:var(--surface-container);text-align:left;transition:border-color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out);cursor:pointer}.app-choice-card:hover,.app-choice-card.is-active{background:var(--surface-dim);border-color:var(--border-strong)}.app-section-head{display:flex;align-items:end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.app-section-title{margin:0;font-size:var(--text-lg);font-weight:600;letter-spacing:var(--tracking-tight);color:var(--text-primary)}.app-section-count{font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-muted)}.app-step-rail{display:grid;gap:var(--space-3)}.app-step-item{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--surface-container);border:1px solid var(--border-subtle)}.app-step-item.is-active{background:var(--primary-tint-sm);border-color:var(--primary-tint-lg)}.app-step-item.is-done{background:var(--success-tint);border-color:transparent}.app-step-index{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-sm);background:var(--surface);font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-wide);color:var(--text-primary)}.app-step-label{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.app-step-note{margin-top:2px;font-size:var(--text-xs);color:var(--text-muted)}.app-native-scrollbar{overflow:auto}.el-button{min-height:36px;border-radius:var(--radius-sm)!important;padding:0 var(--space-4)!important;font-size:var(--text-sm)!important;font-weight:600!important;letter-spacing:var(--tracking-normal);box-shadow:none!important;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)!important}.el-button--default{border:1px solid var(--border-medium)!important;background:var(--surface)!important;color:var(--text-secondary)!important}.el-button--default:hover:not(:disabled){background:var(--hover-tint)!important;color:var(--text-primary)!important;border-color:var(--border-strong)!important}.el-button--default:active:not(:disabled){background:var(--active-tint)!important;transform:scale(.98)}.el-button--primary{border:0!important;background:var(--grad-primary)!important;color:var(--on-primary)!important;box-shadow:var(--shadow-brand),var(--surface-inset-highlight)!important}.el-button--primary:hover:not(:disabled){filter:brightness(1.04);box-shadow:var(--glow)!important}.el-button--primary:active:not(:disabled){transform:scale(.98)}.el-button:disabled{opacity:.45;cursor:not-allowed}.el-button:focus-visible{outline:none;box-shadow:var(--focus-ring)!important}.el-input,.el-textarea,.el-select,.el-input-number{--el-input-hover-border-color: var(--border-strong);--el-input-border-color: var(--border-medium);--el-input-focus-border-color: var(--primary)}.el-input__wrapper,.el-textarea__inner,.el-select__wrapper,.el-input-number{border:1px solid var(--border-medium)!important;border-radius:var(--radius-sm)!important;background:var(--surface-container)!important;box-shadow:none!important;color:var(--text-primary)!important;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)!important}.el-input__wrapper,.el-select__wrapper,.el-input-number{min-height:40px;padding:0 var(--space-3)!important}.el-input__wrapper:hover,.el-select__wrapper:hover,.el-textarea__inner:hover{border-color:var(--border-strong)!important}.el-input__wrapper.is-focus,.el-select__wrapper.is-focused,.el-textarea__inner:focus,.el-input-number:focus-within{background:var(--surface)!important;border-color:var(--primary)!important;box-shadow:var(--focus-ring-inset)!important}.el-input__inner{color:var(--text-primary)!important}.el-input__inner::placeholder{color:var(--text-muted)!important}.el-textarea__inner{color:var(--text-primary)!important}.el-input .el-input__count{color:var(--text-muted)!important;background:transparent!important}.el-form-item__label{font-size:var(--text-xs)!important;font-weight:600!important;letter-spacing:var(--tracking-wide);color:var(--text-secondary)!important}.el-dialog{border-radius:var(--radius-2xl)!important;background:var(--grad-surface-elevated)!important;border:1px solid var(--surface-outline)!important;box-shadow:var(--shadow-xl),var(--surface-inset-highlight)!important;color:var(--text-primary)!important;overflow:hidden}.el-dialog__header{padding:var(--space-6) var(--space-6) 0!important;margin-right:0!important}.el-dialog__title{font-family:var(--font-display)!important;font-size:var(--text-lg)!important;font-weight:600!important;letter-spacing:var(--tracking-tight);color:var(--text-primary)!important}.el-dialog__headerbtn{top:var(--space-5)!important;right:var(--space-5)!important;width:32px!important;height:32px!important;border-radius:var(--radius-sm)!important;background:var(--surface-container)!important;border:1px solid var(--surface-outline)!important;color:var(--text-muted)!important;transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)!important}.el-dialog__headerbtn:hover{background:var(--hover-tint)!important;color:var(--text-primary)!important}.el-dialog__headerbtn .el-dialog__close{color:inherit!important}.el-dialog__body{padding:var(--space-5) var(--space-6) 0!important;color:var(--text-primary)!important}.el-dialog__footer{padding:var(--space-5) var(--space-6) var(--space-6)!important}.el-overlay{background:var(--account-overlay)!important;-webkit-backdrop-filter:blur(var(--blur-glass));backdrop-filter:blur(var(--blur-glass))}.el-tag{border:1px solid var(--surface-outline)!important;background:var(--surface-container)!important;color:var(--text-secondary)!important;font-weight:600;font-size:var(--text-xs)!important;border-radius:var(--radius-full)!important}.el-tag.el-tag--success{background:var(--success-tint)!important;color:var(--success)!important;border-color:transparent!important}.el-tag.el-tag--warning{background:var(--warning-tint)!important;color:var(--warning)!important;border-color:transparent!important}.el-tag.el-tag--danger{background:var(--danger-tint)!important;color:var(--danger)!important;border-color:transparent!important}.el-tag.el-tag--primary{background:var(--primary-tint-md)!important;color:var(--primary-2)!important;border-color:transparent!important}.el-alert{border:1px solid var(--surface-outline)!important;border-radius:var(--radius-lg)!important;background:var(--surface-container)!important;color:var(--text-secondary)!important}.el-dropdown-menu,.el-select-dropdown__wrap,.el-popper.is-light{border-radius:var(--radius-lg)!important;background:var(--surface-elevated)!important;border:1px solid var(--surface-outline)!important;box-shadow:var(--shadow-lg)!important}.el-dropdown-menu__item{color:var(--text-secondary)!important;border-radius:var(--radius-sm)!important;font-size:var(--text-sm)!important;transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.el-dropdown-menu__item:hover{background:var(--hover-tint)!important;color:var(--text-primary)!important}.el-progress-bar__outer{background:var(--surface-container-high)!important;border-radius:var(--radius-full)!important}.el-progress-bar__inner{background:var(--primary)!important;border-radius:var(--radius-full)!important}.el-drawer{background:var(--surface)!important;color:var(--text-primary)!important;border-left:1px solid var(--surface-outline)!important}.el-drawer__body{overflow-y:auto!important}.el-overlay.is-drawer{overflow:hidden!important}.avatar-picker-drawer>.el-drawer__header{margin-bottom:10px!important;padding:16px 20px 0!important}.avatar-picker-drawer>.el-drawer__body{padding-top:4px!important}.el-message-box{background:var(--surface)!important;border:1px solid var(--surface-outline)!important;border-radius:var(--radius-xl)!important;box-shadow:var(--shadow-xl)!important;color:var(--text-primary)!important}.el-message-box__title{color:var(--text-primary)!important;font-weight:600!important}.el-message-box__message{color:var(--text-secondary)!important}.el-message-box__headerbtn{color:var(--text-muted)!important}.el-upload-dragger{border-radius:var(--radius-lg)!important;border:1.5px dashed var(--border-medium)!important;background:var(--surface-container)!important;transition:border-color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)!important}.el-upload-dragger:hover{border-color:var(--primary)!important;background:var(--primary-tint-sm)!important}.el-upload-list__item{background:var(--surface-container)!important;border:1px solid var(--surface-outline)!important;border-radius:var(--radius-sm)!important;color:var(--text-secondary)!important}.el-segmented{background:var(--surface-container)!important;border-radius:var(--radius-sm)!important;border:1px solid var(--surface-outline)!important}.el-segmented__item{color:var(--text-muted)!important;font-weight:600!important;font-size:var(--text-sm)!important}.el-segmented__item.is-selected{background:var(--primary)!important;color:var(--on-primary)!important}.el-radio-button__inner{background:var(--surface-container)!important;border-color:var(--surface-outline)!important;color:var(--text-secondary)!important;font-weight:600!important}.el-radio-button__original-radio:checked+.el-radio-button__inner{background:var(--primary)!important;border-color:var(--primary)!important;color:var(--on-primary)!important}.el-loading-mask{background:var(--surface-overlay)!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.el-table{--el-table-border-color: var(--surface-outline);--el-table-header-bg-color: var(--surface-container);--el-table-row-hover-bg-color: var(--hover-tint);--el-table-bg-color: var(--surface);--el-table-tr-bg-color: var(--surface);--el-table-text-color: var(--text-primary);--el-table-header-text-color: var(--text-muted);font-size:var(--text-sm)!important}.el-table th.el-table__cell{font-weight:600!important;letter-spacing:var(--tracking-wide);text-transform:uppercase;font-size:var(--text-xs)!important}.mixing-cta-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:40px;padding:0 var(--space-5);border:0;border-radius:var(--radius-sm);background:var(--primary);color:var(--on-primary);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.mixing-cta-button:hover:not(:disabled){background:var(--primary-focus);box-shadow:var(--glow-soft)}.mixing-cta-button:active:not(:disabled){transform:scale(.98)}.mixing-cta-button:disabled{opacity:.45;cursor:not-allowed}.mixing-cta-button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.mixing-pro-dialog .el-dialog{background:var(--surface)!important;border:1px solid var(--surface-outline)!important}.mixing-pro-dialog .el-dialog__header{border-bottom:1px solid var(--surface-outline)}.mixing-pro-dialog .el-dialog__title{color:var(--text-primary)!important}.mixing-pro-dialog .el-dialog__body{background:var(--surface)!important}.mixing-shell-dialog-mask,.app-account-dialog-mask{background:var(--account-overlay)!important;-webkit-backdrop-filter:blur(var(--blur-glass));backdrop-filter:blur(var(--blur-glass))}:root{--studio-accent: var(--primary);--studio-accent-2: var(--accent);--studio-page-gradient-a: var(--primary-tint-md);--studio-page-gradient-b: color-mix(in srgb, var(--accent) 6%, transparent);--studio-page-grid-line: var(--primary-tint-sm);--studio-panel-bg: var(--glass-light);--studio-panel-soft: var(--glass-medium);--studio-panel-border: var(--ds-zinc-200);--studio-control-bg: var(--surface);--studio-control-border: var(--ds-zinc-200);--studio-card-shadow: var(--shadow-card);--studio-floating-shadow: var(--shadow-floating);--studio-template-blue: var(--primary-tint-md);--studio-template-cyan: color-mix(in srgb, var(--accent) 8%, transparent);--studio-template-violet: color-mix(in srgb, var(--primary) 8%, transparent);--studio-template-amber: rgba(255, 125, 0, .08);--studio-home-grid-color: var(--home-grid-color);--studio-home-hero-glow: var(--home-hero-glow)}.studio-page-shell{background:linear-gradient(180deg,var(--studio-page-gradient-a) 0%,transparent 320px),radial-gradient(circle at 50% -12%,var(--studio-page-gradient-b),transparent 42%),var(--background)}.studio-page-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,var(--studio-page-grid-line) 1px,transparent 1px),linear-gradient(180deg,var(--studio-page-grid-line) 1px,transparent 1px);background-size:88px 88px;-webkit-mask-image:linear-gradient(180deg,var(--overlay-scrim),transparent 62%);mask-image:linear-gradient(180deg,var(--overlay-scrim),transparent 62%)}.studio-home-composer{position:relative;z-index:2;padding:0;border-radius:18px;border:0;background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:inset 0 0 0 1px var(--studio-panel-border);overflow:visible;transition:box-shadow .25s ease,transform .2s ease}.studio-home-composer:hover,.studio-home-composer:focus-within{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--studio-accent) 36%,var(--studio-panel-border))}.studio-home-composer.is-document{padding:0}.studio-home-composer__tabs{display:flex;align-items:center;gap:6px;padding:14px 16px 0;flex-wrap:wrap;max-height:64px;overflow:hidden;opacity:1;transition:max-height .25s ease,opacity .2s ease,padding .25s ease}.studio-home-composer__tab{border:1px solid transparent;border-radius:10px;min-height:34px;padding:0 13px;background:var(--studio-control-bg);color:var(--text-muted);font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.studio-home-composer__tab:hover:not(:disabled){border-color:color-mix(in srgb,var(--studio-accent) 24%,var(--studio-control-border));background:color-mix(in srgb,var(--studio-accent) 5%,var(--studio-control-bg));color:var(--text-primary)}.studio-home-composer__tab em{min-height:18px;border-radius:4px;background:var(--surface-container-high);color:var(--text-muted);padding:0 7px;display:inline-flex;align-items:center;font-size:11px;font-style:normal;font-weight:600}.studio-home-composer__tab.is-disabled{color:var(--text-muted);cursor:not-allowed;opacity:.5}.studio-home-composer__tab.is-disabled .studio-home-composer__tab-icon{color:var(--text-muted);background:transparent}.studio-home-composer__tab-icon{width:20px;height:20px;border-radius:6px;display:inline-grid;place-items:center;background:transparent;color:inherit}.studio-home-composer__tab.is-active .studio-home-composer__tab-icon{background:transparent;color:inherit}.studio-home-composer__tab.is-active{border-color:color-mix(in srgb,var(--text-primary) 88%,transparent);background:linear-gradient(180deg,color-mix(in srgb,#ffffff 10%,transparent),transparent),var(--text-primary);color:var(--surface);box-shadow:0 10px 22px #0f0f1429,inset 0 1px #ffffff29}.studio-home-composer__tab.is-active:hover:not(:disabled){border-color:color-mix(in srgb,var(--text-primary) 88%,transparent);background:linear-gradient(180deg,color-mix(in srgb,#ffffff 10%,transparent),transparent),var(--text-primary);color:var(--surface)}.studio-home-composer__prompt{flex:1;min-width:220px;display:block;width:100%;min-height:112px;max-height:220px;border-radius:0;border:0;border-top:none;background:transparent;padding:18px 20px;color:var(--text-primary);font-size:16px;line-height:1.6;outline:none;resize:none;font-family:inherit;transition:min-height .25s ease}.studio-home-composer__prompt::placeholder{color:color-mix(in srgb,var(--text-muted) 78%,transparent)}.studio-home-composer__prompt:focus{box-shadow:none}.studio-home-composer__prompt-row{display:grid;gap:10px;margin:12px 16px 10px;border-radius:14px}.studio-home-composer__prompt-glow{position:relative;width:100%;min-height:112px;border:0;background:var(--studio-control-bg);border-radius:14px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--studio-control-border);transition:box-shadow .2s ease,min-height .25s ease}.studio-home-composer__prompt-glow:focus-within{box-shadow:inset 0 0 0 1px var(--studio-accent),inset 0 0 0 999px color-mix(in srgb,var(--studio-accent) 3%,transparent)}.studio-home-composer__uploads{display:flex;align-items:center;gap:12px;margin-top:18px}.studio-home-composer__uploads--document{width:100%;justify-content:center;align-items:center;margin-top:10px}.studio-home-composer__upload{width:96px;min-height:82px;border-radius:var(--radius-lg);border:1px dashed rgba(135,151,176,.46);background:var(--surface-container-lowest);display:grid;justify-items:center;align-content:center;gap:4px;color:var(--text-muted);cursor:pointer}.studio-home-composer__upload--document{width:min(100%,420px);min-height:260px}.studio-home-composer__upload strong{font-size:21px;line-height:1}.studio-home-composer__upload span{font-size:14px;font-weight:600}.studio-home-composer__doc-panel{width:100%;border-radius:14px;border:1px solid color-mix(in srgb,var(--surface-outline) 80%,transparent);background:var(--surface-container-high);padding:12px;box-shadow:none}.studio-home-composer__doc-panel.is-dragover{border-color:var(--primary-tint-3xl);background:var(--primary-tint-sm)}.studio-home-composer__doc-drop{width:100%;min-height:210px;border-radius:14px;border:1px dashed color-mix(in srgb,var(--primary) 46%,var(--surface-outline));background:var(--surface-container-high);display:grid;justify-items:center;align-content:center;gap:10px;cursor:pointer;color:var(--text-secondary);transition:border-color .2s ease,background-color .2s ease,transform .2s ease}.studio-home-composer__doc-drop:hover:not(:disabled){border-color:color-mix(in srgb,var(--primary) 62%,var(--surface-outline));background:var(--primary-tint-sm);transform:translateY(-1px)}.studio-home-composer__doc-drop:disabled{cursor:wait}.studio-home-composer__doc-tag{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 14px;border-radius:var(--radius-xl);background:var(--primary-tint-sm);color:var(--primary);font-size:clamp(12px,.9vw,14px);font-weight:600;letter-spacing:.01em}.studio-home-composer__doc-drop strong{font-size:clamp(28px,2.5vw,38px);font-weight:650;line-height:1.2;letter-spacing:.01em;color:var(--text-secondary)}.studio-home-composer__doc-drop em{margin-top:2px;font-style:normal;font-size:clamp(14px,1vw,16px);line-height:1.35;color:var(--text-muted)}.studio-home-composer__doc-files{display:grid;gap:8px;margin-top:10px}.studio-home-composer__doc-file{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:8px 10px 8px 14px;border-radius:10px;background:var(--surface-dim);border:none}.studio-home-composer__doc-file div{min-width:0;display:grid;gap:2px}.studio-home-composer__doc-file strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);font-size:14px;font-weight:600}.studio-home-composer__doc-file span{color:var(--text-muted);font-size:12px}.studio-home-composer__doc-file button{border:0;background:transparent;color:var(--danger);font-size:14px;font-weight:600;cursor:pointer}.studio-home-composer__doc-file button:disabled{cursor:not-allowed;opacity:.5}.studio-home-composer__doc-progress{display:grid;gap:8px;margin-top:10px;padding:12px 14px;border-radius:10px;border:none;background:var(--surface-dim)}.studio-home-composer__doc-progress-head,.studio-home-composer__doc-progress-bar{display:flex;align-items:center;justify-content:space-between;gap:12px}.studio-home-composer__doc-progress-head strong{color:var(--text-primary);font-size:14px}.studio-home-composer__doc-progress-badge{flex:0 0 auto;border-radius:var(--radius-xl);padding:3px 9px;background:var(--primary-surface);color:var(--primary);font-size:12px;font-weight:600}.studio-home-composer__doc-progress-badge.is-danger{background:var(--danger-tint);color:var(--danger)}.studio-home-composer__doc-progress-badge.is-success{background:var(--success-tint);color:var(--success)}.studio-home-composer__doc-progress p{margin:0;color:var(--text-muted);font-size:14px}.studio-home-composer__doc-progress-bar .el-progress{flex:1}.studio-home-composer__doc-progress-bar em{color:var(--text-muted);font-size:12px;font-style:normal;font-weight:600}.studio-home-composer__toolbar--document{justify-content:flex-end;align-items:center;flex-direction:row;margin-top:10px}.studio-home-composer__bumper-strip{display:flex;align-items:center;flex:0 0 auto;gap:6px;margin:0;padding:0}.studio-home-composer__bumper-tile{position:relative;display:inline-grid;align-items:center;justify-content:center;justify-items:center;align-content:center;gap:1px;width:48px;height:42px;border:1px dashed color-mix(in srgb,var(--text-muted) 44%,transparent);border-radius:10px;background:color-mix(in srgb,var(--surface) 70%,transparent);color:var(--text-secondary);cursor:pointer;font-size:12px;line-height:1;overflow:hidden;transition:border-color .16s ease,background .16s ease,color .16s ease}.studio-home-composer__bumper-tile:hover:not(:disabled),.studio-home-composer__bumper-tile.is-set{border-color:var(--primary);background:var(--primary-surface);color:var(--primary)}.studio-home-composer__bumper-tile:disabled{cursor:not-allowed;opacity:.55}.studio-home-composer__bumper-tile.is-set{border-style:solid;background:var(--surface)}.studio-home-composer__bumper-tile.is-set>span:not(.studio-home-composer__bumper-thumb){position:absolute;left:0;right:0;bottom:0;z-index:2;display:block;padding:9px 4px 4px;background:linear-gradient(180deg,transparent,rgba(17,24,39,.78));color:var(--text-inverse);font-size:11px;text-align:center}.studio-home-composer__bumper-tile:not(.is-set)>span:not(.studio-home-composer__bumper-plus){line-height:1}.studio-home-composer__bumper-plus{color:inherit;font-size:14px;font-weight:300;line-height:1}.studio-home-composer__bumper-thumb{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block;background:var(--surface-container-high)}.studio-home-composer__bumper-thumb img{width:100%;height:100%;display:block;object-fit:cover}.studio-home-composer__bumper-tile em{position:absolute;top:3px;right:3px;z-index:3;border-radius:999px;padding:1px 3px;background:var(--primary);color:var(--text-inverse);font-size:9px;font-style:normal}.studio-bumper-drawer .el-drawer__header{margin-bottom:0!important;padding:16px 20px 8px!important}.studio-bumper-drawer .el-drawer__body{display:flex;flex-direction:column;flex:1 1 0;height:0;min-height:0;overflow:hidden;padding:8px 20px 0!important}.studio-bumper-drawer .el-drawer__footer{flex-shrink:0;border-top:1px solid var(--surface-outline);padding:14px 20px 18px!important}.studio-bumper-dialog__layout{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:16px;flex:1 1 0;min-height:0;height:auto}.studio-bumper-dialog__preview{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:9 / 16;max-height:280px;overflow:hidden;border:1px solid var(--border-light);border-radius:8px;background:var(--surface-container-high)}.studio-bumper-dialog__preview img,.studio-bumper-dialog__preview video{width:100%;height:100%;object-fit:contain;object-position:center center}.studio-bumper-dialog__remove{position:absolute;top:8px;right:8px;z-index:2;display:grid;place-items:center;width:24px;height:24px;border:1px solid var(--glass-light);border-radius:50%;background:#1f2328a8;color:var(--glass-dense);cursor:pointer;font-size:18px;line-height:1}.studio-bumper-dialog__remove:hover{background:#1f2328d1}.studio-bumper-dialog__preview div{display:grid;gap:6px;justify-items:center;color:var(--text-muted);font-size:13px}.studio-bumper-dialog__preview div span{color:var(--text-secondary);font-size:15px;font-weight:600}.studio-bumper-dialog__preview div small{font-size:12px}.studio-bumper-dialog__summary{display:grid;gap:5px;min-width:0}.studio-bumper-dialog__summary strong{overflow:hidden;color:var(--text-primary);font-size:14px;text-overflow:ellipsis;white-space:nowrap}.studio-bumper-dialog__summary span{display:-webkit-box;overflow:hidden;color:var(--text-muted);font-size:12px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.studio-bumper-dialog__duration{display:flex;align-items:center;gap:8px;min-width:0}.studio-bumper-dialog__duration label{flex:0 0 auto;color:var(--text-secondary);font-size:12px;font-weight:600}.studio-bumper-dialog__duration span{flex:0 0 auto;color:var(--text-muted);font-size:12px;white-space:nowrap}.studio-bumper-dialog__duration-input{flex:0 0 auto;display:block;width:54px;height:34px;border:1px solid var(--border-medium);border-radius:8px;background:var(--surface);color:var(--text-primary);font-size:13px;line-height:34px;outline:none;padding:0 11px;text-align:left;transition:border-color .16s ease,box-shadow .16s ease}.studio-bumper-dialog__duration-input:focus{border-color:var(--info);box-shadow:0 0 0 2px var(--info-tint)}.studio-bumper-dialog__duration-input::-webkit-outer-spin-button,.studio-bumper-dialog__duration-input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.studio-bumper-dialog__duration-input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.studio-bumper-dialog__main{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0}.studio-bumper-dialog__inspector{display:grid;align-content:start;gap:10px;min-width:0;padding-left:16px;border-left:1px solid var(--border-light)}.studio-bumper-dialog__tabs{display:inline-flex;width:fit-content;padding:3px;border-radius:999px;background:var(--surface-container-high)}.studio-bumper-dialog__tabs button{height:30px;border:0;border-radius:999px;padding:0 14px;background:transparent;color:var(--text-secondary);cursor:pointer;font-size:13px}.studio-bumper-dialog__tabs button.is-active{background:var(--surface);color:var(--primary);font-weight:600}.studio-bumper-library,.studio-bumper-upload{display:grid;align-content:start;gap:14px;min-height:0;margin-top:14px}.studio-bumper-library__shell{display:grid;grid-template-columns:176px minmax(0,1fr);min-height:0;height:100%;overflow:hidden;border:1px solid var(--border-light);border-radius:11px}.studio-bumper-library__sidebar{display:flex;flex-direction:column;gap:4px;min-width:0;min-height:0;overflow-y:auto;padding:10px;border-right:1px solid var(--border-light);background:var(--surface-container-low, var(--surface-container-high))}.studio-bumper-library__folder{flex:0 0 auto;display:flex;align-items:center;gap:8px;min-width:0;border:0;border-radius:8px;background:transparent;color:var(--text-secondary);cursor:pointer;font-size:13px;padding:8px 9px;text-align:left}.studio-bumper-library__folder span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-bumper-library__folder:hover,.studio-bumper-library__folder.is-active{background:var(--surface);color:var(--primary)}.studio-bumper-library__divider{height:1px;margin:4px 0;background:var(--border-light)}.studio-bumper-library__content{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;padding:12px}.studio-bumper-library__toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px}.studio-bumper-library__path{color:var(--text-primary);font-size:13px;font-weight:600}.studio-bumper-library__media-tabs{display:inline-flex;gap:3px;padding:3px;border-radius:999px;background:var(--surface-container-high)}.studio-bumper-library__media-tabs button{height:26px;border:0;border-radius:999px;padding:0 10px;background:transparent;color:var(--text-secondary);cursor:pointer;font-size:12px}.studio-bumper-library__media-tabs button.is-active{background:var(--primary);color:var(--text-inverse)}.studio-bumper-library__state{display:grid;place-items:center;min-height:280px;color:var(--text-muted);font-size:13px}.studio-bumper-library__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));align-content:start;gap:10px;overflow:auto;min-height:0;margin-top:12px;padding-right:2px}.studio-bumper-library__item{display:grid;gap:7px;min-width:0;border:1px solid var(--border-light);border-radius:8px;padding:7px;background:var(--surface);color:inherit;cursor:pointer;text-align:left}.studio-bumper-library__item:hover,.studio-bumper-library__item.is-active{border-color:var(--primary);background:var(--primary-surface)}.studio-bumper-library__thumb{position:relative;display:block;aspect-ratio:4 / 3;overflow:hidden;border-radius:6px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 6%,transparent),transparent),var(--surface-container-high)}.studio-bumper-library__thumb img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;margin:auto;object-fit:contain;object-position:center center}.studio-bumper-library__thumb em{position:absolute;right:5px;bottom:5px;border-radius:999px;padding:2px 6px;background:var(--overlay-scrim);color:var(--text-inverse);font-size:10px;font-style:normal}.studio-bumper-library__item strong{overflow:hidden;color:var(--text-primary);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.studio-bumper-library__item small{color:var(--text-muted);font-size:11px}.studio-bumper-upload .el-upload-dragger{border-radius:8px;padding:34px}.studio-bumper-upload__drop{display:grid;gap:6px}.studio-bumper-upload__drop strong{color:var(--text-primary);font-size:15px}.studio-bumper-upload__drop span{color:var(--text-muted);font-size:12px}.studio-bumper-upload__meta{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--text-muted);font-size:12px}.studio-bumper-dialog__footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;width:100%}.studio-home-composer__toolbar--document .studio-home-composer__generate{min-width:168px;min-height:46px;font-size:15px;width:auto;border-radius:12px}.studio-home-composer__doc-input{display:none}.studio-home-composer__toolbar{margin-top:0;padding:0 16px 16px;display:flex;align-items:center;gap:12px;max-height:88px;overflow:visible;opacity:1;transition:max-height .25s ease,opacity .2s ease,padding .25s ease}.studio-home-composer__primary{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:10px}.studio-home-composer__select{min-height:36px;max-width:180px;border:0;border-radius:8px;background:transparent;color:var(--text-primary);padding:0 4px;font-size:13px;font-weight:600;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.studio-home-composer__select-control{min-height:38px;border:1px solid var(--studio-control-border);border-radius:10px;background:var(--studio-control-bg);color:var(--text-secondary);display:inline-flex;align-items:center;gap:4px;padding-left:10px;transition:background .15s ease,border-color .15s ease,color .15s ease}.studio-home-composer__select-control:hover{background:color-mix(in srgb,var(--studio-accent) 5%,var(--studio-control-bg));border-color:color-mix(in srgb,var(--studio-accent) 32%,var(--studio-control-border));color:var(--text-primary)}.studio-home-composer__select-control:focus-within{box-shadow:0 0 0 1px var(--primary),0 0 0 3px var(--primary-tint-md)}.studio-home-composer__select-control .el-icon{flex:0 0 auto}.studio-home-composer__select-control--trigger{gap:6px;padding:0 12px;cursor:pointer;min-width:168px;max-width:280px}.studio-home-composer__select-control--trigger:disabled{cursor:not-allowed;opacity:.6}.studio-home-composer__select-control--trigger:disabled:hover{background:var(--surface-container-high)}.studio-home-composer__asset-control{min-height:42px;min-width:190px;max-width:240px;border:1px solid color-mix(in srgb,var(--primary) 34%,var(--studio-control-border));border-radius:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 9%,transparent),transparent 58%),color-mix(in srgb,var(--studio-control-bg) 82%,var(--surface-container-lowest) 18%);color:var(--text-primary);padding:6px 10px;display:inline-flex;align-items:center;gap:9px;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.studio-home-composer__asset-control:hover:not(:disabled){border-color:color-mix(in srgb,var(--primary) 58%,var(--studio-control-border));background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 13%,transparent),transparent 58%),color-mix(in srgb,var(--studio-control-bg) 76%,var(--surface-container-lowest) 24%)}.studio-home-composer__asset-control:disabled{cursor:not-allowed;opacity:.62}.studio-home-composer__asset-control.is-default{border-color:color-mix(in srgb,var(--primary) 52%,var(--studio-control-border));background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 8%,transparent),transparent 58%),color-mix(in srgb,var(--studio-control-bg) 84%,var(--surface-container-lowest) 16%)}.studio-home-composer__asset-icon{width:28px;height:28px;border-radius:9px;background:var(--primary);color:var(--on-primary);display:inline-grid;place-items:center;flex:0 0 auto}.studio-home-composer__asset-copy{min-width:0;display:grid;gap:1px;text-align:left}.studio-home-composer__asset-copy em{color:var(--text-muted);font-size:11px;font-style:normal;font-weight:700;line-height:1}.studio-home-composer__asset-copy em span{color:var(--warning);margin-left:2px}.studio-home-composer__asset-copy strong{overflow:hidden;color:var(--text-primary);font-size:13px;font-weight:700;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.studio-home-composer__asset-arrow{flex:0 0 auto;color:var(--text-muted)}.studio-home-composer__select-trigger-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;text-align:left}.studio-home-composer__select--wide{min-width:190px;max-width:260px}.studio-home-composer__summary-wrap{position:relative}.studio-home-composer__summary-bar{min-height:38px;max-width:min(460px,42vw);border:1px solid var(--studio-control-border);border-radius:10px;background:var(--studio-control-bg);color:var(--text-secondary);display:inline-flex;align-items:center;gap:6px;padding:0 13px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease;white-space:nowrap}.studio-home-composer__summary-bar:hover{background:color-mix(in srgb,var(--studio-accent) 5%,var(--studio-control-bg));border-color:color-mix(in srgb,var(--studio-accent) 32%,var(--studio-control-border));color:var(--text-primary)}.studio-home-composer__summary-sep{color:var(--text-muted);font-weight:400}.studio-home-composer__summary-main{min-width:0;overflow:hidden;text-overflow:ellipsis}.studio-home-composer__summary-more{color:var(--text-muted)}.studio-home-composer__summary-arrow{margin-left:2px;transition:transform .2s}.studio-home-composer__summary-arrow.is-open{transform:rotate(180deg)}.studio-home-composer__advanced-popup{position:fixed;width:min(560px,calc(100vw - 48px));min-width:0;padding:12px;border:1px solid color-mix(in srgb,var(--surface-outline) 72%,transparent);border-radius:18px;background:var(--surface-container-lowest);box-shadow:0 26px 80px var(--overlay-scrim);z-index:8000;overflow-x:visible;overflow-y:auto;overscroll-behavior:contain;animation:dropdown-in .2s cubic-bezier(.16,1,.3,1) both}.studio-home-composer__advanced-popup::-webkit-scrollbar{width:6px}.studio-home-composer__advanced-popup::-webkit-scrollbar-track{background:transparent}.studio-home-composer__advanced-popup::-webkit-scrollbar-thumb{border-radius:999px;background:color-mix(in srgb,var(--text-muted) 24%,transparent)}.studio-home-composer__advanced-head{position:sticky;top:-12px;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:-12px -12px 10px;padding:14px 16px 12px;border-bottom:1px solid color-mix(in srgb,var(--surface-outline) 42%,transparent);background:color-mix(in srgb,var(--surface-container-lowest) 94%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.studio-home-composer__advanced-head div{display:grid;gap:4px}.studio-home-composer__advanced-head strong{color:var(--text-primary);font-size:16px;font-weight:700;line-height:1.2}.studio-home-composer__advanced-head span{color:var(--text-muted);font-size:12px;line-height:1.2}.studio-home-composer__advanced-close{width:28px;height:28px;border:0;border-radius:8px;background:transparent;color:var(--text-muted);display:inline-grid;place-items:center;font-size:20px;line-height:1;cursor:pointer;transition:background .15s ease,color .15s ease}.studio-home-composer__advanced-close:hover{background:color-mix(in srgb,var(--surface-container-high) 80%,transparent);color:var(--text-primary)}.studio-home-composer__advanced-section{display:grid;gap:8px;padding:10px;border:1px solid color-mix(in srgb,var(--surface-outline) 54%,transparent);border-radius:14px;background:color-mix(in srgb,var(--surface-container-high) 42%,transparent)}.studio-home-composer__advanced-section+.studio-home-composer__advanced-section{margin-top:10px}.studio-home-composer__advanced-section-title{display:flex;align-items:center;justify-content:space-between;min-height:18px}.studio-home-composer__advanced-section-title span{color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.studio-home-composer__advanced-grid{display:grid;grid-template-columns:1fr;gap:1px;align-items:stretch;overflow:hidden;border:1px solid color-mix(in srgb,var(--surface-outline) 42%,transparent);border-radius:12px;background:color-mix(in srgb,var(--surface-outline) 38%,transparent)}@keyframes dropdown-in{0%{opacity:0}to{opacity:1}}.studio-home-composer__advanced-popup .studio-home-composer__adv-row{padding:10px 12px;min-height:58px;border:0;border-radius:0;background:color-mix(in srgb,var(--surface-container-lowest) 90%,var(--surface-container-high) 10%);transition:border-color .15s,background .15s}.studio-home-composer__advanced-popup .studio-home-composer__adv-row:hover{background:color-mix(in srgb,var(--surface-container-lowest) 92%,var(--primary) 2%)}.studio-home-composer__adv-row{display:grid;grid-template-columns:78px minmax(0,1fr);align-items:center;gap:14px}.studio-home-composer__adv-row--wide{grid-column:auto}.studio-home-composer__adv-row--template{align-items:center}.studio-home-composer__template-action{position:relative;min-width:0}.studio-home-composer__template-current{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;padding:6px 8px;border:1px solid color-mix(in srgb,var(--surface-outline) 46%,transparent);border-radius:12px;background:color-mix(in srgb,var(--surface-container-lowest) 90%,var(--surface-container-high) 10%)}.studio-home-composer__template-current.is-empty{grid-template-columns:40px minmax(0,1fr) auto}.studio-home-composer__template-current-media{position:relative;display:grid;place-items:center;width:48px;height:64px;overflow:hidden;border:0;border-radius:8px;background:color-mix(in srgb,var(--surface-container-high) 78%,var(--primary) 8%);color:var(--primary);cursor:pointer;padding:0}.studio-home-composer__template-current-media.is-portrait{width:48px;height:64px;justify-self:center}.studio-home-composer__template-current.is-empty .studio-home-composer__template-current-media{width:40px;height:40px}.studio-home-composer__template-current-media:disabled{cursor:default}.studio-home-composer__template-current-media img{width:100%;height:100%;display:block;object-fit:cover}.studio-home-composer__template-current-copy{display:grid;gap:2px;min-width:0}.studio-home-composer__template-current-copy strong,.studio-home-composer__template-current-copy span{min-width:0;overflow:hidden;text-overflow:ellipsis}.studio-home-composer__template-current-copy strong{color:var(--text-primary);font-size:12px;font-weight:700;white-space:nowrap}.studio-home-composer__template-current-copy span{display:block;color:var(--text-muted);font-size:11px;line-height:1.25;white-space:nowrap}.studio-home-composer__template-change{min-width:58px;height:30px;border:1px solid color-mix(in srgb,var(--surface-outline) 58%,transparent);border-radius:10px;background:color-mix(in srgb,var(--surface-container-lowest) 84%,var(--surface-container-high) 16%);color:var(--text-primary);padding:0 9px;display:inline-flex;align-items:center;justify-content:center;gap:5px;cursor:pointer;font-size:12px;font-weight:600;white-space:nowrap;transition:background .15s ease,border-color .15s ease,color .15s ease}.studio-home-composer__template-change:hover:not(:disabled){border-color:color-mix(in srgb,var(--primary) 32%,var(--surface-outline));background:color-mix(in srgb,var(--surface-container-lowest) 92%,var(--primary) 4%);color:var(--primary)}.studio-home-composer__template-change:disabled{cursor:not-allowed;opacity:.58}.studio-home-composer__adv-media-list{display:grid;grid-template-columns:1fr;gap:1px;padding:0;overflow:visible;border:1px solid color-mix(in srgb,var(--surface-outline) 42%,transparent);border-radius:12px;background:color-mix(in srgb,var(--surface-outline) 38%,transparent)}.studio-home-composer__adv-pair-item{width:100%;display:grid;grid-template-columns:78px minmax(0,1fr);align-items:center;gap:14px;min-width:0;min-height:58px;padding:10px 12px;border:0;border-radius:0;background:color-mix(in srgb,var(--surface-container-lowest) 90%,var(--surface-container-high) 10%)}.studio-home-composer__adv-label{flex:0 0 auto;width:auto;font-size:12px;font-weight:700;color:var(--text-muted);text-align:left}.studio-home-composer__adv-help{display:inline-grid;place-items:center;width:16px;height:16px;border:1px solid var(--border-light);border-radius:999px;background:transparent;color:var(--text-muted);cursor:help;font-size:11px;line-height:1;padding:0}.studio-home-composer__adv-help:hover{border-color:var(--primary);color:var(--primary)}.studio-home-composer__media-section-head{display:flex;align-items:center;justify-content:flex-start;gap:6px;min-height:20px}.studio-home-composer__media-section-head strong{color:var(--text-muted);font-size:12px;font-weight:700;letter-spacing:0}.studio-home-composer__media-section-head .el-icon{display:none}.studio-home-composer__adv-options{display:flex;flex-wrap:nowrap;gap:6px;align-self:center}.studio-home-composer__duration-control{display:grid;gap:9px;min-width:0}.studio-home-composer__duration-group{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:8px}.studio-home-composer__duration-group>span,.studio-home-composer__duration-custom>span{color:var(--text-muted);font-size:11px;font-weight:700;white-space:nowrap}.studio-home-composer__duration-options{display:flex;flex-wrap:wrap;gap:6px}.studio-home-composer__duration-custom{display:grid;grid-template-columns:48px 72px minmax(0,1fr);align-items:center;gap:8px}.studio-home-composer__duration-custom .studio-home-composer__adv-numinput{width:72px}.studio-home-composer__duration-custom em{color:var(--text-muted);font-size:11px;font-style:normal;white-space:nowrap}.studio-home-composer__adv-btn{height:30px;min-width:0;padding:0 11px;border:1px solid color-mix(in srgb,var(--surface-outline) 62%,transparent);border-radius:999px;background:transparent;color:var(--text-primary);font-size:12px;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease;white-space:nowrap}.studio-home-composer__adv-btn:hover{background:color-mix(in srgb,var(--primary) 6%,var(--surface-container-high));border-color:color-mix(in srgb,var(--primary) 28%,var(--surface-outline));color:var(--text-primary)}.studio-home-composer__adv-btn.is-active{background:var(--primary);border-color:var(--primary);color:var(--on-primary);font-weight:600}.studio-home-composer__knowledge-dropdown{max-width:340px}.studio-home-composer__knowledge-dropdown-item{display:flex;align-items:center;justify-content:space-between;gap:10px}.studio-home-composer__knowledge-dropdown-item span{min-width:0;overflow:hidden;text-overflow:ellipsis}.studio-home-composer__knowledge-dropdown-item em{flex:0 0 auto;color:var(--text-muted);font-size:12px;font-style:normal}.studio-home-composer__adv-switch-row{display:inline-flex;align-items:center;gap:10px;min-width:0;color:var(--text-primary);font-size:12px;font-weight:600}.studio-home-composer__adv-divider{height:0;margin:4px 14px}.studio-home-composer__adv-slider-group{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 54px;align-items:center;gap:12px}.studio-home-composer__adv-slider-wrap{min-width:0;display:flex;flex-direction:column;position:relative;padding:0 0 14px}.studio-home-composer__adv-ticks-overlay{position:absolute;bottom:0;left:7px;right:7px;height:16px;pointer-events:none}.studio-home-composer__adv-tick,.studio-home-composer__adv-tick.is-major{display:none}.studio-home-composer__adv-tick-num{position:absolute;top:0;transform:translate(-50%);font-size:9px;color:var(--text-muted);line-height:1;white-space:nowrap}.studio-home-composer__adv-slider{flex:1}.studio-home-composer__adv-slider .el-slider__runway{height:3px}.studio-home-composer__adv-slider .el-slider__bar{height:3px;background:var(--primary)}.studio-home-composer__adv-slider .el-slider__button-wrapper{top:-5px}.studio-home-composer__adv-slider .el-slider__button{width:8px;height:10px;border:none;background:var(--primary);border-radius:0 0 2px 2px;position:relative}.studio-home-composer__adv-slider .el-slider__button:after{content:"";position:absolute;top:-4px;left:50%;transform:translate(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid var(--primary)}.studio-home-composer__adv-numinput{width:52px;height:30px;border:1px solid color-mix(in srgb,var(--surface-outline) 64%,transparent);border-radius:10px;background:color-mix(in srgb,var(--surface-container-lowest) 78%,var(--surface-container-high) 22%);color:var(--text-primary);font-size:12px;font-weight:600;text-align:center;outline:none;-moz-appearance:textfield}.studio-home-composer__adv-numinput::-webkit-outer-spin-button,.studio-home-composer__adv-numinput::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.studio-home-composer__adv-numinput:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-tint-md)}.studio-home-composer__adv-dropdown{flex:1;min-width:0;position:relative}.studio-home-composer__adv-dropdown-trigger{flex:1 1 auto;min-width:0;width:100%;height:34px;border:1px solid color-mix(in srgb,var(--surface-outline) 88%,transparent);border-radius:9px;background:color-mix(in srgb,var(--surface-container-high) 90%,var(--surface) 10%);color:var(--text-primary);padding:0 10px;font-size:13px;font-weight:600;outline:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:4px;transition:background .15s ease,border-color .15s ease,color .15s ease}.studio-home-composer__preview-btn{position:absolute;left:50%;top:50%;z-index:2;transform:translate(-50%,-50%);width:30px;height:30px;min-width:0;border:1px solid var(--glass-light);border-radius:999px;background:var(--glass-medium);color:var(--text-secondary);padding:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 1px 5px var(--border-medium);opacity:1;transition:background .15s ease,border-color .15s ease,color .15s ease,opacity .15s ease,transform .15s ease}.studio-home-composer__preview-btn span{display:none}.studio-home-composer__preview-btn:hover:not(:disabled),.studio-home-composer__preview-btn.is-playing{border-color:var(--border-emphasis);background:var(--primary);color:var(--glass-dense);transform:translate(-50%,-50%) scale(1.04)}.studio-home-composer__wave-bars{width:18px;height:18px;display:block;overflow:visible}.studio-home-composer__wave-bars path{fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;vector-effect:non-scaling-stroke}.studio-home-composer__preview-btn.is-playing .studio-home-composer__wave-bars{filter:drop-shadow(0 0 5px color-mix(in srgb,var(--on-primary) 36%,transparent))}.studio-home-composer__preview-btn:disabled{cursor:not-allowed}.studio-home-composer__preview-btn:disabled{opacity:.45}.studio-home-composer__adv-dropdown-trigger:hover{background:color-mix(in srgb,var(--studio-accent) 8%,var(--surface-container-high));border-color:color-mix(in srgb,var(--studio-accent) 38%,var(--surface-outline));color:var(--text-primary)}.studio-home-composer__adv-dropdown-trigger:disabled{cursor:not-allowed;opacity:.6}.studio-home-composer__adv-dropdown-trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;text-align:left}.studio-home-composer__media-picker{flex:1;min-width:0;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;min-height:38px;height:38px;padding:0;border:0;border-radius:0;background:transparent;color:var(--text-primary);overflow:visible;transition:background .16s ease}.studio-home-composer__media-picker:hover,.studio-home-composer__media-picker--bgm,.studio-home-composer__media-picker--bgm:hover{background:transparent}.studio-home-composer__media-avatar{position:relative;overflow:hidden;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:0;background:color-mix(in srgb,var(--surface-container-high) 76%,var(--primary) 8%);color:var(--primary)}.studio-home-composer__media-avatar--bgm{color:var(--studio-accent-2);background:color-mix(in srgb,var(--surface-container-high) 76%,var(--studio-accent-2) 8%)}.studio-home-composer__media-avatar img{width:100%;height:100%;object-fit:cover}.studio-home-composer__media-main{min-width:0;display:grid;grid-template-columns:minmax(0,210px) minmax(150px,1fr);align-items:center;gap:10px}.studio-home-composer__media-copy{min-width:0;display:grid;gap:2px}.studio-home-composer__media-kicker{color:var(--text-muted);font-size:12px;font-weight:600;line-height:1.15}.studio-home-composer__media-copy strong,.studio-home-composer__media-copy span:not(.studio-home-composer__media-kicker){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-home-composer__media-copy strong{color:var(--text-primary);font-size:13px;font-weight:700;letter-spacing:0}.studio-home-composer__media-copy span:not(.studio-home-composer__media-kicker){color:var(--text-muted);font-size:12px}.studio-home-composer__volume-row{display:grid;grid-template-columns:auto minmax(86px,1fr) 34px;align-items:center;gap:8px;max-width:none}.studio-home-composer__volume-row span{color:var(--text-primary);font-size:12px;font-weight:600;white-space:nowrap}.studio-home-composer__volume-row em{color:var(--text-muted);font-size:12px;font-style:normal;font-weight:500;text-align:right;font-variant-numeric:tabular-nums}.studio-home-composer__volume-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:16px;margin:0;background:transparent;accent-color:var(--primary);cursor:pointer}.studio-home-composer__volume-range::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--primary) 64%,var(--ds-brand-300)),color-mix(in srgb,var(--surface-outline) 48%,transparent))}.studio-home-composer__volume-range::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-5px;border:2px solid var(--surface-container-lowest);border-radius:50%;background:var(--primary)}.studio-home-composer__volume-range::-moz-range-track{height:4px;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--primary) 64%,var(--ds-brand-300)),color-mix(in srgb,var(--surface-outline) 48%,transparent))}.studio-home-composer__volume-range::-moz-range-thumb{width:16px;height:16px;border:2px solid var(--surface-container-lowest);border-radius:50%;background:var(--primary)}.studio-home-composer__media-action{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 32px;align-items:center;gap:6px;min-width:0}.studio-home-composer__media-select{width:100%;height:30px;min-width:0;border:1px solid color-mix(in srgb,var(--surface-outline) 58%,transparent);border-radius:10px;background:color-mix(in srgb,var(--surface-container-lowest) 84%,var(--surface-container-high) 16%);color:var(--text-primary);padding:0 9px 0 4px;display:inline-flex;align-items:center;justify-content:space-between;gap:7px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s ease,border-color .15s ease,color .15s ease}.studio-home-composer__media-select span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-home-composer__media-select-avatar{flex:0 0 24px;width:24px;height:24px;border-radius:50%;display:inline-grid;place-items:center;overflow:hidden;background:color-mix(in srgb,var(--surface-container-high) 76%,var(--primary) 8%);color:var(--primary)}.studio-home-composer__media-select-avatar--bgm{color:var(--studio-accent-2);background:color-mix(in srgb,var(--surface-container-high) 76%,var(--studio-accent-2) 8%)}.studio-home-composer__media-select-avatar img{width:100%;height:100%;object-fit:cover}.studio-home-composer__media-select-label{flex:1 1 auto;text-align:left}.studio-home-composer__media-select:hover:not(:disabled){border-color:color-mix(in srgb,var(--primary) 32%,var(--surface-outline));background:color-mix(in srgb,var(--surface-container-lowest) 92%,var(--primary) 4%);color:var(--primary)}.studio-home-composer__media-select:disabled{cursor:not-allowed;opacity:.58}.studio-home-composer__media-select .el-icon{flex:0 0 auto}.studio-home-composer__select-preview{width:30px;height:30px;min-width:0;border:1px solid color-mix(in srgb,var(--surface-outline) 58%,transparent);border-radius:10px;background:color-mix(in srgb,var(--surface-container-lowest) 84%,var(--surface-container-high) 16%);color:var(--text-muted);padding:0;display:inline-grid;place-items:center;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.studio-home-composer__select-preview span{display:none}.studio-home-composer__select-preview:hover,.studio-home-composer__select-preview.is-playing{border-color:color-mix(in srgb,var(--primary) 38%,var(--surface-outline));background:var(--primary);color:var(--on-primary)}.studio-home-composer__select-preview .studio-home-composer__wave-bars{width:16px;height:16px}.studio-home-composer__adv-dropdown-panel{position:fixed;min-width:260px;width:max-content;max-width:340px;background:var(--surface-container-lowest);border:1px solid color-mix(in srgb,var(--studio-accent) 18%,var(--surface-outline));border-radius:12px;box-shadow:0 24px 70px var(--overlay-scrim);z-index:8100;padding:4px;animation:dropdown-in .2s cubic-bezier(.16,1,.3,1) both}.studio-home-composer__adv-dropdown-scroll{max-height:180px;overflow-y:auto;overscroll-behavior:contain}.studio-home-composer__adv-dropdown-scroll::-webkit-scrollbar{width:4px}.studio-home-composer__adv-dropdown-scroll::-webkit-scrollbar-track{background:transparent}.studio-home-composer__adv-dropdown-scroll::-webkit-scrollbar-thumb{background:var(--hover-tint-strong);border-radius:var(--radius-xs)}.studio-home-composer__adv-dropdown-item{padding:7px 10px;font-size:13px;color:var(--text-secondary);border-radius:6px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .15s ease,color .15s ease}.studio-home-composer__adv-dropdown-item:hover{background:var(--surface-dim);color:var(--text-primary)}.studio-home-composer__adv-dropdown-item.is-active{background:var(--primary-tint-sm);color:var(--primary);font-weight:600}.studio-home-composer__adv-dropdown-item--media{display:grid;grid-template-columns:26px minmax(0,1fr) 28px;align-items:center;gap:8px;min-height:34px;padding:4px 6px}.studio-home-composer__dropdown-avatar{width:26px;height:26px;border-radius:50%;display:inline-grid;place-items:center;overflow:hidden;background:color-mix(in srgb,var(--surface-container-high) 76%,var(--primary) 8%);color:var(--primary)}.studio-home-composer__dropdown-avatar--bgm{color:var(--studio-accent-2);background:color-mix(in srgb,var(--surface-container-high) 76%,var(--studio-accent-2) 8%)}.studio-home-composer__dropdown-avatar img{width:100%;height:100%;object-fit:cover}.studio-home-composer__dropdown-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-home-composer__dropdown-preview{width:28px;height:28px;border:0;border-radius:8px;background:transparent;color:var(--text-muted);padding:0;display:inline-grid;place-items:center;cursor:pointer;transition:background .15s ease,color .15s ease}.studio-home-composer__dropdown-preview:hover,.studio-home-composer__dropdown-preview.is-playing{background:var(--primary);color:var(--on-primary)}.studio-home-composer__dropdown-preview .studio-home-composer__wave-bars{width:16px;height:16px}.studio-home-composer__adv-dropdown-loading{padding:6px 10px;font-size:12px;color:var(--text-muted);text-align:center}.studio-home-composer__model-control{min-height:38px;border:1px solid var(--studio-control-border);border-radius:10px;background:var(--studio-control-bg);color:var(--text-secondary);display:inline-flex;align-items:center;gap:4px;padding:0 10px;flex-shrink:0;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease;position:relative}.studio-home-composer__model-control:after{content:"";width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid var(--text-muted);margin-left:2px;flex-shrink:0}.studio-home-composer__model-control:hover{background:color-mix(in srgb,var(--studio-accent) 5%,var(--studio-control-bg));border-color:color-mix(in srgb,var(--studio-accent) 32%,var(--studio-control-border));color:var(--text-primary)}.studio-home-composer__model-control:focus-within{box-shadow:0 0 0 1px var(--primary),0 0 0 3px var(--primary-tint-md)}.studio-home-composer__model-control .el-icon{flex:0 0 auto}.studio-home-composer__select:focus{outline:none}.studio-home-composer__select:disabled{cursor:not-allowed;opacity:.62}.studio-home-composer__lang{border:none;background:var(--surface-container-high);color:var(--text-primary);min-width:52px;min-height:36px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s ease}.studio-home-composer__lang:hover{background:var(--surface-dim)}.studio-home-composer__quota{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;background:var(--hover-tint-strong);color:var(--text-secondary);font-size:12px;font-weight:500;white-space:nowrap;align-self:center;margin-right:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.studio-home-composer__quota-icon{flex-shrink:0}.studio-home-composer__generate{border:1px solid color-mix(in srgb,var(--studio-accent) 74%,transparent);height:42px;min-width:74px;padding:0;border-radius:12px;background:var(--primary);color:var(--on-primary);display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;cursor:pointer;box-shadow:var(--shadow-product);transition:transform .2s ease,background .2s ease,opacity .2s ease,box-shadow .2s ease;overflow:hidden;gap:0}.studio-home-composer__generate:hover{background:var(--primary-focus);transform:translateY(-1px);box-shadow:var(--shadow-product)}.studio-home-composer__generate:disabled{cursor:not-allowed;filter:none;transform:none;opacity:.78}.studio-home-composer__generate-quota{display:inline-flex;align-items:center;flex:0 0 auto;gap:5px;padding:0 5px 0 15px;background:transparent;font-size:15px;font-weight:600;line-height:1;height:100%}.studio-home-composer__generate-quota em{font-style:normal;min-width:1ch;text-align:center}.studio-home-composer__generate-action{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;margin:4px 5px 4px 7px;border-radius:10px;background:var(--border-strong);font-style:normal;font-size:16px;font-weight:700;line-height:1;flex-shrink:0}html[data-theme=dark] .mix{background:var(--background)!important;color:var(--text-primary)}html[data-theme=dark] .mix-topbar{box-shadow:var(--shadow-sm)}html[data-theme=dark] .ux-field-num{box-shadow:var(--shadow-xs),var(--surface-inset-highlight)}html[data-theme=dark] .ux-group-details>summary{border-color:var(--border-medium);background:color-mix(in srgb,var(--surface-container) 88%,transparent)}html[data-theme=dark] .ux-group-details>summary:hover{border-color:color-mix(in srgb,var(--primary) 40%,transparent);background:color-mix(in srgb,var(--primary) 8%,var(--surface-container))}html[data-theme=dark] .ux-group-details[open]>summary{background:color-mix(in srgb,var(--primary) 6%,var(--surface-container))}html[data-theme=dark] .ux-pill{border-color:var(--wb-border);background:var(--wb-glass-muted)}html[data-theme=dark] .ux-gen-btn{box-shadow:var(--shadow-brand)}html[data-theme=dark] .ux-gen-btn:hover:not(:disabled){box-shadow:var(--glow),var(--focus-ring-inset)}html[data-theme=dark] .ux-ghost-btn{border-color:var(--wb-border-medium);background:var(--wb-input-bg)}html[data-theme=dark] .ux-ghost-btn:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-container)}html[data-theme=dark] .mix-config,html[data-theme=dark] .mix-config__scroll{background:var(--wb-pane-bg)}html[data-theme=dark] .mix-config__card,html[data-theme=dark] .mix-config__section{background:var(--surface-container-low);border-color:var(--surface-outline)}html[data-theme=dark] .mix-chip,html[data-theme=dark] .mix-option,html[data-theme=dark] .mix-toggle-card{background:var(--surface-container);border-color:var(--surface-outline)}html[data-theme=dark] .mix-chip.is-active,html[data-theme=dark] .mix-option.is-active{background:color-mix(in srgb,var(--primary) 14%,var(--surface-container));border-color:color-mix(in srgb,var(--primary) 42%,transparent)}html[data-theme=dark] .mix-config__textarea-wrap,html[data-theme=dark] .mix-upload-zone{background:var(--wb-input-bg);border-color:var(--wb-border-medium)}html[data-theme=dark] .mix-preview-stage,html[data-theme=dark] .mix-result-panel{background:transparent}html[data-theme=dark] .mix-empty-card,html[data-theme=dark] .mix-empty-state__card,html[data-theme=dark] .mix-preview-empty__panel{background:color-mix(in srgb,var(--surface-container) 96%,var(--background));border-color:var(--surface-outline)}html[data-theme=dark] .mix-empty-card__icon-wrap,html[data-theme=dark] .mix-empty-state__icon{background:color-mix(in srgb,var(--primary) 10%,var(--surface-container))}html[data-theme=dark] .mix-result-card,html[data-theme=dark] .mix-result-item,html[data-theme=dark] .mix-result-toolbar,html[data-theme=dark] .mix-result-meta{background:var(--surface-container-low);border-color:var(--surface-outline)}html[data-theme=dark] .mix-result-toolbar__btn,html[data-theme=dark] .mix-result-action,html[data-theme=dark] .mix-preview-toolbar__btn{background:var(--surface-container);border-color:var(--surface-outline);color:var(--text-secondary)}html[data-theme=dark] .mix-result-toolbar__btn:hover,html[data-theme=dark] .mix-result-action:hover,html[data-theme=dark] .mix-preview-toolbar__btn:hover{background:var(--surface-container-high);color:var(--text-primary)}html[data-theme=dark] .mix-process-card,html[data-theme=dark] .mix-process__panel{background:var(--surface-container);border-color:var(--surface-outline)}html[data-theme=dark] .mix-failed-panel,html[data-theme=dark] .mix-failed-panel__card{background:color-mix(in srgb,var(--danger-tint) 40%,var(--surface-container));border-color:color-mix(in srgb,var(--danger) 24%,transparent)}html[data-theme=dark] .mix-failed-panel__retry{background:var(--surface-container-high);border-color:var(--surface-outline)}html[data-theme=dark] .mix-dialog,html[data-theme=dark] .mix-dialog__panel,html[data-theme=dark] .mix-modal__body{background:var(--surface-elevated);border-color:var(--surface-outline);color:var(--text-primary)}html[data-theme=dark] .mix-dialog__header{border-bottom-color:var(--surface-outline)}html[data-theme=dark] .mix-dialog-chip,html[data-theme=dark] .mix-dialog__tag{background:var(--surface-container);border-color:var(--surface-outline)}html[data-theme=dark] .mix-preview-zone__hint,html[data-theme=dark] .mix-preview-zone__badge,html[data-theme=dark] .mix-preview-sidecard{background:var(--wb-glass);border-color:var(--surface-outline)}html[data-theme=dark] .mix-preview-empty__steps li{background:var(--surface-container);border-color:var(--surface-outline)}html[data-theme=dark] .mix-preview-empty__steps li:before{background:var(--primary-tint-lg);color:var(--primary)}html[data-theme=dark] .mix-empty-accent,html[data-theme=dark] .mix-preview-empty{--empty-accent: var(--primary)}html[data-theme=dark] .mix-preview-zone__device-frame{background:var(--surface-container-high)}html[data-theme=dark] .mix-results__head,html[data-theme=dark] .mix-output-sidebar,html[data-theme=dark] .mix-output-cover,html[data-theme=dark] .mix-output-meta{background:var(--surface-container-low);border-color:var(--surface-outline)}html[data-theme=dark] .mix-output-editor__title,html[data-theme=dark] .mix-output-editor__desc{background:var(--wb-glass-soft);border-color:var(--wb-border-medium)}html[data-theme=dark] .mix-output-editor__title:focus,html[data-theme=dark] .mix-output-editor__desc:focus{background:var(--wb-input-bg);border-color:color-mix(in srgb,var(--primary) 34%,transparent)}html[data-theme=dark] .mix-out-btn{background:var(--wb-glass);border-color:var(--wb-border-medium)}html[data-theme=dark] .mix-out-btn:hover:not(:disabled){background:var(--surface-container);border-color:var(--border-strong)}html[data-theme=dark] .avatar-preview-media{background:radial-gradient(circle at 50% 18%,var(--primary-tint-md),transparent 34%),linear-gradient(180deg,var(--surface) 0%,var(--surface-container-low) 100%)}html[data-theme=dark] .mix-step-flow,html[data-theme=dark] .avatar-est-progress{background:radial-gradient(120% 100% at 0% 50%,color-mix(in srgb,var(--primary) 8%,transparent),transparent 55%),linear-gradient(180deg,var(--surface-container),var(--surface))}html[data-theme=dark] .mix-results__head{background:var(--surface-container-low)}html[data-theme=dark] .mix-pane .el-slider__runway{background-color:var(--surface-container-high)!important}html[data-theme=dark] .mix-pane .el-slider__bar{background-color:var(--primary)!important}html[data-theme=dark] .mix-pane .el-slider__button{border-color:var(--primary)!important;background-color:var(--surface-elevated)!important}html[data-theme=dark] .coming-soon-mode__card{background:var(--wb-glass)!important;border-color:var(--surface-outline)}html[data-theme=dark] .sc-pane{--sc-line: var(--surface-outline);--sc-line-2: var(--border-medium);--sc-text: var(--text-primary);--sc-text-2: var(--text-secondary);--sc-text-3: var(--text-muted);--sc-surface: var(--surface-container-low);--sc-surface-2: var(--surface-container);--sc-accent: var(--primary);--sc-accent-hover: var(--primary-focus);background:var(--wb-pane-bg);color:var(--text-primary)}html[data-theme=dark] .sc-scroll::-webkit-scrollbar-thumb{background:#ffffff24}html[data-theme=dark] .sc-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff3d}html[data-theme=dark] .sc-upload-box{background:var(--wb-input-bg)}html[data-theme=dark] .sc-upload-box.is-empty:hover,html[data-theme=dark] .sc-upload-box.is-drag,html[data-theme=dark] .sc-add:hover{background:color-mix(in srgb,var(--primary) 10%,var(--surface-container-low))}html[data-theme=dark] .sc-error{background:color-mix(in srgb,var(--danger) 14%,var(--surface-container));border-color:color-mix(in srgb,var(--danger) 32%,transparent);color:#fca5a5}html[data-theme=dark] .showcase-stage{background:transparent}html[data-theme=dark] .showcase-stage__header{border-bottom-color:var(--surface-outline);background:var(--wb-glass-muted)}html[data-theme=dark] .showcase-stage__meta span{background:var(--surface-container)}html[data-theme=dark] .showcase-stage__meta .is-primary{background:color-mix(in srgb,var(--primary) 16%,transparent)}html[data-theme=dark] .showcase-empty__art{background:color-mix(in srgb,var(--primary) 12%,var(--surface-container));color:var(--primary)}html[data-theme=dark] .showcase-loading__spinner{border-color:color-mix(in srgb,var(--primary) 22%,transparent);border-top-color:var(--primary)}html[data-theme=dark] .showcase-card{border-color:var(--surface-outline);background:var(--surface-container-low);box-shadow:var(--shadow-sm)}html[data-theme=dark] .showcase-card__head{border-bottom-color:var(--surface-outline);background:var(--surface-container)}html[data-theme=dark] .showcase-card__head code{background:var(--surface-container-high)}html[data-theme=dark] .sc-param-popper.el-popper{background:var(--surface-elevated)!important;border-color:var(--surface-outline-strong)!important;box-shadow:0 8px 24px #00000080!important}html[data-theme=dark] .sc-param-popper.el-popper .el-popper__arrow:before{background:var(--surface-elevated)!important;border-color:var(--surface-outline-strong)!important}html[data-theme=dark] .sc-param-popper .el-select-dropdown__item{color:var(--text-secondary)!important}html[data-theme=dark] .sc-param-popper .el-select-dropdown__item.is-hovering,html[data-theme=dark] .sc-param-popper .el-select-dropdown__item:hover{background:var(--surface-container-high)!important;color:var(--text-primary)!important}html[data-theme=dark] .sc-param-popper .el-select-dropdown__item.is-selected{color:var(--primary)!important;background:color-mix(in srgb,var(--primary) 14%,transparent)!important}html[data-theme=dark] .sc-param-popper .el-select-dropdown__empty{color:var(--text-muted)!important}html.is-landing-page{color-scheme:light!important;scrollbar-gutter:stable}html.is-landing-page,html.is-landing-page body{margin:0!important;padding:0!important;background:#fff!important;color:#0f172a}html.is-landing-page body:before{content:none!important;display:none!important}html.is-landing-page #app{background:#fff;min-height:100vh}@media (max-width: 1100px){.app-workspace-shell--two{grid-template-columns:1fr}}@media (max-width: 768px){:root{--content-padding-x: 20px;--content-padding-y: 20px}.app-page-header,.app-workspace-head,.app-section-head{flex-direction:column;align-items:stretch}.app-page-actions{justify-content:stretch}.app-page-actions>*{flex:1 1 auto}.app-panel-block,.app-workspace-head,.app-list-rail{padding-left:var(--space-5);padding-right:var(--space-5)}.app-stat-chip{min-width:120px}}