@import"https://api.fontshare.com/v2/css?f[]=satoshi@300,400,500,600,700,900&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--topbar-height: 48px;--topbar-padding-x: 16px;--topbar-logo-width: 140px;--topbar-tab-min-width: 80px;--topbar-tab-padding-x: 20px;--topbar-icon-button-size: 36px;--topbar-avatar-size: 32px;--topbar-dropdown-width: 240px;--parslee-navy: #091B35;--parslee-emerald: #00A991;--parslee-cyan: #3FE0DE;--parslee-sage: #A3C9A8;--parslee-grey: #E5E5E5;--parslee-charcoal: #333333;--topbar-bg: #FFFFFF;--topbar-border: #E5E7EB;--topbar-text: var(--parslee-charcoal);--topbar-text-active: var(--parslee-navy);--topbar-text-muted: #6B7280;--topbar-text-dim: #9CA3AF;--topbar-hover-bg: rgba(9, 27, 53, .05);--topbar-active-indicator: var(--parslee-emerald);--topbar-focus-ring: var(--parslee-cyan);--topbar-dropdown-bg: #FFFFFF;--topbar-dropdown-border: #E5E7EB;--topbar-dropdown-hover: #F3F4F6;--topbar-dropdown-active: #E5E7EB;--topbar-dropdown-selected: rgba(163, 201, 168, .1);--topbar-transition-fast: .15s ease;--topbar-transition-normal: .2s ease;--topbar-transition-slow: .3s ease-out;--topbar-shadow: 0 1px 3px rgba(0, 0, 0, .1);--topbar-dropdown-shadow: 0 4px 12px rgba(0, 0, 0, .15)}[data-theme=dark],.dark{--topbar-bg: #0F172A;--topbar-border: #1E293B;--topbar-text: #E2E8F0;--topbar-text-active: #FFFFFF;--topbar-text-muted: #94A3B8;--topbar-text-dim: #64748B;--topbar-hover-bg: rgba(255, 255, 255, .05);--topbar-dropdown-bg: #1E293B;--topbar-dropdown-border: #334155;--topbar-dropdown-hover: #334155;--topbar-dropdown-active: #475569;--topbar-dropdown-selected: rgba(0, 169, 145, .15)}.topbar{position:fixed;top:0;left:0;right:0;height:var(--topbar-height);background:var(--topbar-bg);border-bottom:1px solid var(--topbar-border);box-shadow:var(--topbar-shadow);z-index:1000}.topbar-container{display:flex;align-items:center;height:100%;padding:0 var(--topbar-padding-x)}.topbar-spacer{flex:1}.topbar-right{display:flex;align-items:center;gap:4px}.topbar-logo{display:flex;align-items:center;height:100%;text-decoration:none;transition:opacity var(--topbar-transition-fast)}.topbar-logo:hover{opacity:.9}.topbar-logo-image{display:block;height:56px;width:auto}.topbar-logo-image--collapsed{height:48px}[data-theme=dark] .topbar-logo-image,.dark .topbar-logo-image{filter:brightness(0) invert(1)}.topbar-app-switcher{display:flex;align-items:center;height:100%;margin-left:20px}.topbar-app-list{display:flex;list-style:none;margin:0;padding:0;height:100%}.topbar-app-tab{position:relative;display:flex;align-items:center;gap:6px;height:100%;padding:0 var(--topbar-tab-padding-x);font-family:DM Sans,system-ui,sans-serif;font-size:14px;font-weight:500;color:var(--topbar-text);text-decoration:none;transition:background var(--topbar-transition-fast),color var(--topbar-transition-fast)}.topbar-app-tab:hover{background:var(--topbar-hover-bg);color:var(--topbar-text-active)}.topbar-app-tab:focus{outline:2px solid var(--topbar-focus-ring);outline-offset:-2px}.topbar-app-tab--active{font-weight:600;color:var(--topbar-text-active)}.topbar-app-icon{width:16px;height:16px}.topbar-active-indicator{position:absolute;bottom:0;left:var(--topbar-tab-padding-x);right:var(--topbar-tab-padding-x);height:2px;background:var(--topbar-active-indicator);border-radius:2px 2px 0 0}.topbar-icon-button{display:flex;align-items:center;justify-content:center;width:var(--topbar-icon-button-size);height:var(--topbar-icon-button-size);border:none;background:transparent;border-radius:6px;color:var(--topbar-text-muted);cursor:pointer;transition:background var(--topbar-transition-fast),color var(--topbar-transition-fast)}.topbar-icon-button:hover{background:var(--topbar-hover-bg);color:var(--topbar-text-active)}.topbar-icon-button:focus{outline:2px solid var(--topbar-focus-ring);outline-offset:2px}.topbar-icon{width:20px;height:20px}.topbar-user-menu{position:relative}.topbar-user-trigger{display:flex;align-items:center;gap:8px;padding:4px 8px;border:none;background:transparent;border-radius:6px;cursor:pointer;transition:background var(--topbar-transition-fast)}.topbar-user-trigger:hover{background:var(--topbar-hover-bg)}.topbar-user-trigger:focus{outline:2px solid var(--topbar-focus-ring);outline-offset:2px}.topbar-user-trigger--open{background:var(--topbar-hover-bg)}.topbar-avatar{width:var(--topbar-avatar-size);height:var(--topbar-avatar-size);border-radius:50%;-o-object-fit:cover;object-fit:cover}.topbar-avatar--initials{display:flex;align-items:center;justify-content:center;background:var(--parslee-sage);color:var(--parslee-navy);font-family:DM Sans,system-ui,sans-serif;font-size:12px;font-weight:600}.topbar-user-name{font-family:DM Sans,system-ui,sans-serif;font-size:14px;font-weight:500;color:var(--topbar-text)}.topbar-user-chevron{width:16px;height:16px;color:var(--topbar-text-muted);transition:transform var(--topbar-transition-fast)}.topbar-user-chevron--open{transform:rotate(180deg)}.topbar-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:var(--topbar-dropdown-width);background:var(--topbar-dropdown-bg);border:1px solid var(--topbar-dropdown-border);border-radius:8px;box-shadow:var(--topbar-dropdown-shadow);overflow:hidden;z-index:1010}.topbar-dropdown-header{display:flex;align-items:center;gap:12px;padding:12px}.topbar-dropdown-avatar{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.topbar-dropdown-avatar--initials{display:flex;align-items:center;justify-content:center;background:var(--parslee-sage);color:var(--parslee-navy);font-family:DM Sans,system-ui,sans-serif;font-size:14px;font-weight:600}.topbar-dropdown-user-info{flex:1;min-width:0}.topbar-dropdown-user-name{font-family:DM Sans,system-ui,sans-serif;font-size:14px;font-weight:500;color:var(--topbar-text-active);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-dropdown-user-email{font-family:DM Sans,system-ui,sans-serif;font-size:12px;color:var(--topbar-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-dropdown-divider{height:1px;background:var(--topbar-dropdown-border);margin:4px 0}.topbar-dropdown-section{padding:8px 12px}.topbar-dropdown-section-header{font-family:DM Sans,system-ui,sans-serif;font-size:11px;font-weight:600;letter-spacing:.05em;color:var(--topbar-text-dim);margin-bottom:4px}.topbar-dropdown-org-current{display:flex;align-items:center;justify-content:space-between;font-family:DM Sans,system-ui,sans-serif;font-size:14px;color:var(--topbar-text);padding:4px 0}.topbar-dropdown-check{color:var(--parslee-emerald);font-size:14px}.topbar-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;border:none;background:transparent;font-family:DM Sans,system-ui,sans-serif;font-size:14px;color:var(--topbar-text);cursor:pointer;transition:background var(--topbar-transition-fast);text-align:left}.topbar-dropdown-item:hover{background:var(--topbar-dropdown-hover)}.topbar-dropdown-item:focus{outline:none;background:var(--topbar-dropdown-hover)}.topbar-dropdown-item--danger{color:#dc2626}.topbar-dropdown-item--danger:hover{background:#dc26261a}.topbar-dropdown-item-icon{width:16px;height:16px;color:var(--topbar-text-muted)}.topbar-dropdown-item--danger .topbar-dropdown-item-icon{color:#dc2626}.topbar-dropdown-item-chevron{width:16px;height:16px;margin-left:auto;color:var(--topbar-text-muted)}.topbar-dropdown-back{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;border:none;background:transparent;font-family:DM Sans,system-ui,sans-serif;font-size:14px;font-weight:500;color:var(--topbar-text);cursor:pointer}.topbar-dropdown-back:hover{background:var(--topbar-dropdown-hover)}.topbar-dropdown-back-icon{width:16px;height:16px}.topbar-dropdown-org-list{max-height:200px;overflow-y:auto}.topbar-dropdown-org-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;border:none;background:transparent;font-family:DM Sans,system-ui,sans-serif;font-size:14px;color:var(--topbar-text);cursor:pointer;text-align:left}.topbar-dropdown-org-item:hover{background:var(--topbar-dropdown-hover)}.topbar-dropdown-org-item--selected{background:var(--topbar-dropdown-selected)}.topbar-account-info{display:flex;flex-direction:column;align-items:flex-start;gap:2px;flex:1;min-width:0}.topbar-account-name{font-weight:500}.topbar-account-email{font-size:11px;opacity:.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.topbar-account-org{font-size:11px;opacity:.5}.topbar-current-app{display:flex;align-items:center;gap:4px;font-family:DM Sans,system-ui,sans-serif;font-size:14px;font-weight:600;color:var(--topbar-text-active)}.topbar-current-app-chevron{width:16px;height:16px;color:var(--topbar-text-muted)}.topbar-mobile-trigger{display:flex}.topbar-mobile-backdrop{position:fixed;inset:0;background:#00000080;z-index:1020;animation:fadeIn var(--topbar-transition-normal)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.topbar-mobile-panel{position:fixed;top:0;right:0;bottom:0;width:280px;max-width:100%;background:var(--topbar-dropdown-bg);z-index:1030;animation:slideIn var(--topbar-transition-slow);display:flex;flex-direction:column}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.topbar-mobile-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--topbar-dropdown-border)}.topbar-mobile-panel-title{font-family:DM Sans,system-ui,sans-serif;font-size:16px;font-weight:600;color:var(--topbar-text-active)}.topbar-mobile-panel-content{flex:1;overflow-y:auto;padding:16px}.topbar-mobile-section-header{font-family:DM Sans,system-ui,sans-serif;font-size:11px;font-weight:600;letter-spacing:.05em;color:var(--topbar-text-dim);margin-bottom:8px}.topbar-mobile-divider{height:1px;background:var(--topbar-dropdown-border);margin:16px 0}.topbar-mobile-app-list{list-style:none;margin:0;padding:0}.topbar-mobile-app-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;font-family:DM Sans,system-ui,sans-serif;font-size:14px;color:var(--topbar-text);text-decoration:none;transition:background var(--topbar-transition-fast)}.topbar-mobile-app-item:hover{background:var(--topbar-dropdown-hover)}.topbar-mobile-app-item--active{background:var(--topbar-dropdown-selected);font-weight:500}.topbar-mobile-app-icon{width:20px;height:20px;color:var(--topbar-text-muted)}.topbar-mobile-app-item--active .topbar-mobile-app-icon{color:var(--parslee-emerald)}.topbar-mobile-check{margin-left:auto;color:var(--parslee-emerald)}.topbar-mobile-user-info{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;background:var(--topbar-dropdown-selected);margin-bottom:8px}.topbar-mobile-avatar{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.topbar-mobile-avatar--initials{display:flex;align-items:center;justify-content:center;background:var(--parslee-sage);color:var(--parslee-navy);font-family:DM Sans,system-ui,sans-serif;font-size:14px;font-weight:600}.topbar-mobile-user-details{flex:1;min-width:0}.topbar-mobile-user-name{font-family:DM Sans,system-ui,sans-serif;font-size:14px;font-weight:500;color:var(--topbar-text-active)}.topbar-mobile-user-org{font-family:DM Sans,system-ui,sans-serif;font-size:12px;color:var(--topbar-text-muted)}.topbar-mobile-menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px;border:none;border-radius:8px;background:transparent;font-family:DM Sans,system-ui,sans-serif;font-size:14px;color:var(--topbar-text);cursor:pointer;text-align:left;transition:background var(--topbar-transition-fast)}.topbar-mobile-menu-item:hover{background:var(--topbar-dropdown-hover)}.topbar-mobile-menu-item--danger{color:#dc2626}.topbar-mobile-menu-icon{width:20px;height:20px;color:var(--topbar-text-muted)}.topbar-mobile-menu-item--danger .topbar-mobile-menu-icon{color:#dc2626}.topbar-mobile-menu-chevron{width:16px;height:16px;margin-left:auto;color:var(--topbar-text-muted);transition:transform var(--topbar-transition-fast)}.topbar-mobile-menu-chevron--open{transform:rotate(180deg)}.topbar-mobile-org-list{margin:8px 0 8px 32px}.topbar-mobile-org-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;border:none;border-radius:6px;background:transparent;font-family:DM Sans,system-ui,sans-serif;font-size:14px;color:var(--topbar-text);cursor:pointer;text-align:left}.topbar-mobile-org-item:hover{background:var(--topbar-dropdown-hover)}.topbar-mobile-org-item--selected{background:var(--topbar-dropdown-selected)}.topbar-mobile-account-info{display:flex;flex-direction:column;gap:2px}.topbar-mobile-account-org{font-size:11px;opacity:.6}.topbar-mobile-add-account-icon{width:14px;height:14px;margin-right:8px;opacity:.6}.topbar-mobile-help-button{width:100%;justify-content:flex-start;padding:12px;gap:12px}.topbar-mobile-help-button:after{content:"Help & Support";font-family:DM Sans,system-ui,sans-serif;font-size:14px}.topbar{--topbar-bg: rgba(255, 255, 255, .6) !important;--topbar-border: rgba(0, 0, 0, .06) !important;--topbar-hover-bg: rgba(0, 169, 145, .06) !important;--topbar-text-active: #00A991 !important;--topbar-active-indicator: #00A991 !important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important}.dark .topbar{--topbar-bg: rgba(11, 17, 32, .7) !important;--topbar-border: rgba(255, 255, 255, .08) !important;--topbar-hover-bg: rgba(0, 169, 145, .08) !important}.topbar .topbar-app-tab{font-size:13px!important;font-weight:500!important;color:#8b92a5!important}.topbar .topbar-app-tab:hover{color:#1a1d23!important;background:#00a9910f!important;border-radius:8px!important}.topbar .topbar-app-tab.topbar-app-tab--active{color:#00a991!important;font-weight:600!important}.topbar .topbar-active-indicator{background:#00a991!important;left:50%!important;right:auto!important;width:20px!important;transform:translate(-50%)!important}.topbar .topbar-avatar--initials{background:linear-gradient(135deg,#00a991,#3fe0de)!important;color:#fff!important;border-radius:10px!important;font-size:12px!important;font-weight:600!important}.topbar .topbar-user-name{font-size:13px!important;font-weight:500!important;color:#4a5060!important}.topbar .topbar-user-chevron{display:none!important}.topbar .topbar-icon-button{width:36px!important;height:36px!important;border-radius:10px!important;color:#8b92a5!important}.topbar .topbar-icon-button:hover{background:#0000000a!important;color:#1a1d23!important}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}input:where([type=text]),input:where(:not([type])),input:where([type=email]),input:where([type=url]),input:where([type=password]),input:where([type=number]),input:where([type=date]),input:where([type=datetime-local]),input:where([type=month]),input:where([type=search]),input:where([type=tel]),input:where([type=time]),input:where([type=week]),select:where([multiple]),textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow: 0 0 #0000}input:where([type=text]):focus,input:where(:not([type])):focus,input:where([type=email]):focus,input:where([type=url]):focus,input:where([type=password]):focus,input:where([type=number]):focus,input:where([type=date]):focus,input:where([type=datetime-local]):focus,input:where([type=month]):focus,input:where([type=search]):focus,input:where([type=tel]):focus,input:where([type=time]):focus,input:where([type=week]):focus,select:where([multiple]):focus,textarea:focus,select:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#2563eb}input::-moz-placeholder,textarea::-moz-placeholder{color:#6b7280;opacity:1}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}select:where([multiple]),select:where([size]:not([size="1"])){background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}input:where([type=checkbox]),input:where([type=radio]){-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow: 0 0 #0000}input:where([type=checkbox]){border-radius:0}input:where([type=radio]){border-radius:100%}input:where([type=checkbox]):focus,input:where([type=radio]):focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 2px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}input:where([type=checkbox]):checked,input:where([type=radio]):checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}input:where([type=checkbox]):checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}@media(forced-colors:active){input:where([type=checkbox]):checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}input:where([type=radio]):checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}@media(forced-colors:active){input:where([type=radio]):checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}input:where([type=checkbox]):checked:hover,input:where([type=checkbox]):checked:focus,input:where([type=radio]):checked:hover,input:where([type=radio]):checked:focus{border-color:transparent;background-color:currentColor}input:where([type=checkbox]):indeterminate{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}@media(forced-colors:active){input:where([type=checkbox]):indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}input:where([type=checkbox]):indeterminate:hover,input:where([type=checkbox]):indeterminate:focus{border-color:transparent;background-color:currentColor}input:where([type=file]){background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}input:where([type=file]):focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}.\!container{width:100%!important}.container{width:100%}@media(min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media(min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media(min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media(min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media(min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.form-input,.form-textarea,.form-select,.form-multiselect{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow: 0 0 #0000}.form-input:focus,.form-textarea:focus,.form-select:focus,.form-multiselect:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#2563eb}.form-input::-moz-placeholder,.form-textarea::-moz-placeholder{color:#6b7280;opacity:1}.form-input::placeholder,.form-textarea::placeholder{color:#6b7280;opacity:1}.form-input::-webkit-datetime-edit-fields-wrapper{padding:0}.form-input::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}.form-input::-webkit-datetime-edit{display:inline-flex}.form-input::-webkit-datetime-edit,.form-input::-webkit-datetime-edit-year-field,.form-input::-webkit-datetime-edit-month-field,.form-input::-webkit-datetime-edit-day-field,.form-input::-webkit-datetime-edit-hour-field,.form-input::-webkit-datetime-edit-minute-field,.form-input::-webkit-datetime-edit-second-field,.form-input::-webkit-datetime-edit-millisecond-field,.form-input::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}.form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}.form-select:where([size]:not([size="1"])){background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}.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}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.bottom-2{bottom:.5rem}.left-2{left:.5rem}.right-2{right:.5rem}.top-2{top:.5rem}.top-8{top:2rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.aspect-video{aspect-ratio:16 / 9}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:.5rem}.h-20{height:5rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-8{height:2rem}.h-\[calc\(100vh-200px\)\]{height:calc(100vh - 200px)}.h-full{height:100%}.max-h-48{max-height:12rem}.max-h-full{max-height:100%}.min-h-screen{min-height:100vh}.w-1\/2{width:50%}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-2{width:.5rem}.w-20{width:5rem}.w-32{width:8rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0px}.max-w-3xl{max-width:48rem}.max-w-\[85\%\]{max-width:85%}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-grab{cursor:grab}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.resize-none{resize:none}.resize-y{resize:vertical}.resize{resize:both}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-amber-200{--tw-border-opacity: 1;border-color:rgb(253 230 138 / var(--tw-border-opacity, 1))}.border-blue-200{--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1))}.border-blue-300{--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1))}.border-blue-400{--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1))}.border-blue-500{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.border-blue-600{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity, 1))}.border-emerald-100{--tw-border-opacity: 1;border-color:rgb(209 250 229 / var(--tw-border-opacity, 1))}.border-emerald-300{--tw-border-opacity: 1;border-color:rgb(110 231 183 / var(--tw-border-opacity, 1))}.border-emerald-600{--tw-border-opacity: 1;border-color:rgb(5 150 105 / var(--tw-border-opacity, 1))}.border-gray-100{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-green-200{--tw-border-opacity: 1;border-color:rgb(187 247 208 / var(--tw-border-opacity, 1))}.border-green-300{--tw-border-opacity: 1;border-color:rgb(134 239 172 / var(--tw-border-opacity, 1))}.border-parslee-emerald{--tw-border-opacity: 1;border-color:rgb(0 169 145 / var(--tw-border-opacity, 1))}.border-red-200{--tw-border-opacity: 1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.border-yellow-200{--tw-border-opacity: 1;border-color:rgb(254 240 138 / var(--tw-border-opacity, 1))}.border-yellow-300{--tw-border-opacity: 1;border-color:rgb(253 224 71 / var(--tw-border-opacity, 1))}.border-t-transparent{border-top-color:transparent}.bg-amber-100{--tw-bg-opacity: 1;background-color:rgb(254 243 199 / var(--tw-bg-opacity, 1))}.bg-amber-200{--tw-bg-opacity: 1;background-color:rgb(253 230 138 / var(--tw-bg-opacity, 1))}.bg-amber-50{--tw-bg-opacity: 1;background-color:rgb(255 251 235 / var(--tw-bg-opacity, 1))}.bg-amber-500{--tw-bg-opacity: 1;background-color:rgb(245 158 11 / var(--tw-bg-opacity, 1))}.bg-black\/0{background-color:#0000}.bg-black\/30{background-color:#0000004d}.bg-black\/50{background-color:#00000080}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.bg-blue-400{--tw-bg-opacity: 1;background-color:rgb(96 165 250 / var(--tw-bg-opacity, 1))}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-emerald-400{--tw-bg-opacity: 1;background-color:rgb(52 211 153 / var(--tw-bg-opacity, 1))}.bg-emerald-50{--tw-bg-opacity: 1;background-color:rgb(236 253 245 / var(--tw-bg-opacity, 1))}.bg-emerald-500{--tw-bg-opacity: 1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))}.bg-emerald-600{--tw-bg-opacity: 1;background-color:rgb(5 150 105 / var(--tw-bg-opacity, 1))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.bg-gray-950{--tw-bg-opacity: 1;background-color:rgb(3 7 18 / var(--tw-bg-opacity, 1))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.bg-green-50{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-green-600{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.bg-orange-100{--tw-bg-opacity: 1;background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1))}.bg-orange-400{--tw-bg-opacity: 1;background-color:rgb(251 146 60 / var(--tw-bg-opacity, 1))}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.bg-red-200{--tw-bg-opacity: 1;background-color:rgb(254 202 202 / var(--tw-bg-opacity, 1))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-red-500\/90{background-color:#ef4444e6}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-yellow-50{--tw-bg-opacity: 1;background-color:rgb(254 252 232 / var(--tw-bg-opacity, 1))}.bg-yellow-500{--tw-bg-opacity: 1;background-color:rgb(234 179 8 / var(--tw-bg-opacity, 1))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-blue-500{--tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-emerald-50{--tw-gradient-from: #ecfdf5 var(--tw-gradient-from-position);--tw-gradient-to: rgb(236 253 245 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-blue-50{--tw-gradient-to: #eff6ff var(--tw-gradient-to-position)}.to-emerald-600{--tw-gradient-to: #059669 var(--tw-gradient-to-position)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-2{padding-bottom:.5rem}.pl-4{padding-left:1rem}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.text-amber-600{--tw-text-opacity: 1;color:rgb(217 119 6 / var(--tw-text-opacity, 1))}.text-amber-700{--tw-text-opacity: 1;color:rgb(180 83 9 / var(--tw-text-opacity, 1))}.text-amber-800{--tw-text-opacity: 1;color:rgb(146 64 14 / var(--tw-text-opacity, 1))}.text-blue-200{--tw-text-opacity: 1;color:rgb(191 219 254 / var(--tw-text-opacity, 1))}.text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-blue-700{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.text-emerald-600{--tw-text-opacity: 1;color:rgb(5 150 105 / var(--tw-text-opacity, 1))}.text-emerald-700{--tw-text-opacity: 1;color:rgb(4 120 87 / var(--tw-text-opacity, 1))}.text-emerald-900{--tw-text-opacity: 1;color:rgb(6 78 59 / var(--tw-text-opacity, 1))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-green-400{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-green-700{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}.text-orange-600{--tw-text-opacity: 1;color:rgb(234 88 12 / var(--tw-text-opacity, 1))}.text-orange-700{--tw-text-opacity: 1;color:rgb(194 65 12 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.text-red-800{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-yellow-600{--tw-text-opacity: 1;color:rgb(202 138 4 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-blue-200{--tw-ring-opacity: 1;--tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity, 1))}.ring-blue-300{--tw-ring-opacity: 1;--tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity, 1))}.ring-blue-500{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;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}.btn-primary{padding:.5rem 1rem;background-color:#f59e0b;color:#fff;font-weight:500;border-radius:.5rem;border:none;cursor:pointer;transition:background-color .15s ease;text-decoration:none;display:inline-block}.btn-primary:hover{background-color:#d97706}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.dark [class*=platform-top-bar],.dark [class*=ptb-],.dark nav[class*=platform]{color:var(--text-primary, #e4e4e7)}.dark [class*=platform-top-bar] a,.dark [class*=platform-top-bar] button,.dark [class*=platform-top-bar] span{color:inherit}.hover\:scale-\[1\.02\]:hover{--tw-scale-x: 1.02;--tw-scale-y: 1.02;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-gray-300:hover{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.hover\:bg-amber-600:hover{--tw-bg-opacity: 1;background-color:rgb(217 119 6 / var(--tw-bg-opacity, 1))}.hover\:bg-black\/20:hover{background-color:#0003}.hover\:bg-blue-200:hover{--tw-bg-opacity: 1;background-color:rgb(191 219 254 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.hover\:bg-emerald-50:hover{--tw-bg-opacity: 1;background-color:rgb(236 253 245 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-200:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.hover\:bg-green-200:hover{--tw-bg-opacity: 1;background-color:rgb(187 247 208 / var(--tw-bg-opacity, 1))}.hover\:bg-green-700:hover{--tw-bg-opacity: 1;background-color:rgb(21 128 61 / var(--tw-bg-opacity, 1))}.hover\:bg-orange-200:hover{--tw-bg-opacity: 1;background-color:rgb(254 215 170 / var(--tw-bg-opacity, 1))}.hover\:bg-red-50:hover{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.hover\:text-amber-900:hover{--tw-text-opacity: 1;color:rgb(120 53 15 / var(--tw-text-opacity, 1))}.hover\:text-blue-500:hover{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.hover\:text-blue-600:hover{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.hover\:text-blue-700:hover{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.hover\:text-emerald-400:hover{--tw-text-opacity: 1;color:rgb(52 211 153 / var(--tw-text-opacity, 1))}.hover\:text-emerald-700:hover{--tw-text-opacity: 1;color:rgb(4 120 87 / var(--tw-text-opacity, 1))}.hover\:text-gray-600:hover{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.hover\:text-gray-700:hover{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.hover\:text-gray-900:hover{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.hover\:text-red-700:hover{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-lg:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:border-blue-500:focus{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-blue-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.focus\:ring-red-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1))}.active\:cursor-grabbing:active{cursor:grabbing}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:opacity-100{opacity:1}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}:root{--color-void: #F0F4F8;--color-base: #F0F4F8;--color-surface: rgba(255, 255, 255, .55);--color-elevated: rgba(255, 255, 255, .7);--color-overlay: #e4e4e7;--color-primary: #00A991;--color-primary-dim: #008870;--color-primary-glow: rgba(0, 169, 145, .15);--color-primary-soft: rgba(0, 169, 145, .08);--color-accent: #06b6d4;--color-accent-dim: #0891b2;--color-accent-glow: rgba(6, 182, 212, .15);--color-link: #3b82f6;--color-link-dim: #2563eb;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--color-warm: #f59e0b;--color-warm-dim: #d97706;--color-warm-bright: #fbbf24;--color-warm-glow: rgba(245, 158, 11, .2);--color-warm-soft: rgba(245, 158, 11, .08);--text-primary: #09090b;--text-secondary: #3f3f46;--text-muted: #525252;--text-disabled: #737373;--text-on-accent: #ffffff;--border-color: rgba(0, 0, 0, .08);--border-hover: rgba(0, 0, 0, .15);--border-focus: var(--color-primary);--color-border: var(--border-color);--color-text: var(--text-primary);--color-muted: var(--text-muted);--glass-bg: rgba(255, 255, 255, .55);--glass-border: rgba(0, 0, 0, .06);--glass-blur: 16px;--glass-shadow: 0 8px 32px rgba(0, 0, 0, .04);--gradient-primary: linear-gradient(135deg, #00A991 0%, #00C4AA 100%);--gradient-accent: linear-gradient(135deg, #06b6d4 0%, #22d3ee 100%);--gradient-surface: linear-gradient(180deg, var(--color-surface) 0%, var(--color-elevated) 100%);--gradient-mesh: radial-gradient(at 40% 20%, rgba(0, 169, 145, .08) 0px, transparent 50%), radial-gradient(at 80% 0%, rgba(6, 182, 212, .06) 0px, transparent 50%), radial-gradient(at 0% 50%, rgba(0, 169, 145, .04) 0px, transparent 50%);--font-sans: "Satoshi", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace;--font-display-light: 300;--font-display-semibold: 600;--font-display-black: 900;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .875rem;--text-md: .9375rem;--text-lg: 1rem;--text-xl: 1.125rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--text-5xl: 3.5rem;--leading-none: 1;--leading-tight: 1.2;--leading-snug: 1.35;--leading-normal: 1.5;--leading-relaxed: 1.65;--tracking-tighter: -.03em;--tracking-tight: -.015em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--space-px: 1px;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-3xl: 24px;--radius-full: 9999px;--border-thin: 1px solid var(--border-color);--border-medium: 1.5px solid var(--border-color);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 8px rgba(0, 0, 0, .04), 0 2px 4px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .06), 0 4px 8px rgba(0, 0, 0, .04);--shadow-xl: 0 16px 32px rgba(0, 0, 0, .08), 0 8px 16px rgba(0, 0, 0, .04);--shadow-2xl: 0 24px 48px rgba(0, 0, 0, .12), 0 12px 24px rgba(0, 0, 0, .06);--shadow-glow-primary: 0 0 30px rgba(0, 169, 145, .25);--shadow-glow-accent: 0 0 30px rgba(6, 182, 212, .2);--shadow-glow-success: 0 0 20px rgba(16, 185, 129, .25);--shadow-glow-error: 0 0 20px rgba(239, 68, 68, .25);--ring-width: 2px;--ring-offset: 2px;--ring-color: var(--color-primary);--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-bounce: cubic-bezier(.68, -.6, .32, 1.6);--ease-smooth: cubic-bezier(.23, 1, .32, 1);--duration-instant: 50ms;--duration-fast: .1s;--duration-normal: .2s;--duration-slow: .3s;--duration-slower: .5s;--duration-slowest: .7s;--z-behind: -1;--z-base: 0;--z-elevated: 10;--z-dropdown: 50;--z-sticky: 100;--z-overlay: 200;--z-modal: 300;--z-popover: 400;--z-toast: 500;--z-max: 9999}.dark{--color-void: #000000;--color-base: #050505;--color-surface: #0a0a0c;--color-elevated: #141416;--color-overlay: #1c1c1f;--color-primary: #06C89B;--color-primary-dim: #00A991;--color-primary-glow: rgba(6, 200, 155, .2);--color-primary-soft: rgba(6, 200, 155, .1);--color-accent: #22d3ee;--color-accent-dim: #06b6d4;--color-accent-glow: rgba(34, 211, 238, .2);--color-link: #60a5fa;--color-link-dim: #3b82f6;--color-success: #34d399;--color-warning: #fbbf24;--color-error: #f87171;--color-info: #60a5fa;--color-warm: #fbbf24;--color-warm-dim: #f59e0b;--color-warm-bright: #fcd34d;--color-warm-glow: rgba(251, 191, 36, .25);--color-warm-soft: rgba(251, 191, 36, .1);--text-primary: #fafafa;--text-secondary: #a1a1aa;--text-muted: #71717a;--text-disabled: #52525b;--border-color: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .15);--color-border: var(--border-color);--color-text: var(--text-primary);--color-muted: var(--text-muted);--glass-bg: rgba(20, 20, 22, .8);--glass-border: rgba(255, 255, 255, .06);--gradient-primary: linear-gradient(135deg, #00A991 0%, #06C89B 100%);--gradient-accent: linear-gradient(135deg, #06b6d4 0%, #22d3ee 100%);--gradient-warm: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);--gradient-surface: linear-gradient(180deg, var(--color-surface) 0%, var(--color-elevated) 100%);--gradient-mesh: radial-gradient(at 40% 20%, rgba(0, 169, 145, .15) 0px, transparent 50%), radial-gradient(at 80% 0%, rgba(6, 182, 212, .1) 0px, transparent 50%), radial-gradient(at 0% 50%, rgba(0, 169, 145, .08) 0px, transparent 50%), radial-gradient(at 100% 100%, rgba(245, 158, 11, .06) 0px, transparent 40%);--gradient-vignette: radial-gradient(ellipse at center, transparent 0%, transparent 50%, rgba(0, 0, 0, .4) 100%);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .2), 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 8px rgba(0, 0, 0, .25), 0 2px 4px rgba(0, 0, 0, .2);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .3), 0 4px 8px rgba(0, 0, 0, .2);--shadow-xl: 0 16px 32px rgba(0, 0, 0, .35), 0 8px 16px rgba(0, 0, 0, .2);--shadow-2xl: 0 24px 48px rgba(0, 0, 0, .4), 0 12px 24px rgba(0, 0, 0, .25);--shadow-glow-primary: 0 0 40px rgba(6, 200, 155, .3);--shadow-glow-accent: 0 0 40px rgba(34, 211, 238, .25)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1,"liga" 1,"calt" 1}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);letter-spacing:var(--tracking-tight);color:var(--text-primary);background:var(--color-base);min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:var(--z-behind);background:var(--gradient-mesh);opacity:.6}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:var(--z-max);opacity:.02;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}::-moz-selection{background:var(--color-primary);color:#fff}::selection{background:var(--color-primary);color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full);border:3px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--text-muted);border:3px solid transparent;background-clip:padding-box}*{scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}:focus{outline:none}:focus-visible{outline:var(--ring-width) solid var(--ring-color);outline-offset:var(--ring-offset)}a{color:inherit;text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--color-primary)}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;transition:all var(--duration-normal) var(--ease-out)}button:disabled{cursor:not-allowed;opacity:.5}input,textarea,select{font:inherit;color:inherit;background:transparent;border:none}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--text-muted);opacity:1}input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.glass{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border)}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.6}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes bounce-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes panel-slide-in{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes panel-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes shot-complete-pop{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes pipeline-flow-pulse{0%{background-position:0% 50%;opacity:.6}50%{background-position:100% 50%;opacity:1}to{background-position:0% 50%;opacity:.6}}@keyframes gate-reveal{0%{opacity:0;transform:scale(.9) translateY(10px);filter:blur(4px)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}@keyframes status-pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes progress-sweep{0%{background-position:0% 50%}to{background-position:200% 50%}}@keyframes progress-glow{0%,to{box-shadow:0 0 8px var(--color-primary)}50%{box-shadow:0 0 20px var(--color-primary),0 0 30px var(--color-primary-glow)}}@keyframes node-ripple{0%{box-shadow:0 0 0 0 var(--color-primary-glow)}to{box-shadow:0 0 0 12px transparent}}@keyframes typing-pulse{0%,to{opacity:.4;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}@keyframes message-slide-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes waveform-glow{0%,to{filter:drop-shadow(0 0 2px var(--color-primary))}50%{filter:drop-shadow(0 0 8px var(--color-primary)) drop-shadow(0 0 16px var(--color-primary-glow))}}@keyframes logo-entrance{0%{opacity:0;transform:scale(.8) rotate(-5deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes logo-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes scanlines{0%{background-position:0 0}to{background-position:0 100%}}.skeleton{background:linear-gradient(90deg,var(--color-elevated) 0%,var(--color-overlay) 50%,var(--color-elevated) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md);position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.05) 50%,transparent 100%);animation:shimmer 1.5s ease-in-out infinite}.skeleton--text{height:1em;border-radius:var(--radius-sm)}.skeleton--avatar{border-radius:var(--radius-full)}.skeleton--card{border-radius:var(--radius-lg)}.text-display-light{font-weight:var(--font-display-light);letter-spacing:var(--tracking-tight)}.text-display-semibold{font-weight:var(--font-display-semibold);letter-spacing:var(--tracking-tight)}.text-display-black{font-weight:var(--font-display-black);letter-spacing:var(--tracking-tighter)}.skeleton-enhanced{position:relative;background:var(--color-elevated);overflow:hidden;border-radius:var(--radius-md)}.skeleton-enhanced:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.08) 50%,transparent 100%);animation:shimmer-sweep 1.5s infinite}.dark .skeleton-enhanced:before{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.05) 50%,transparent 100%)}.video-thumbnail-loading{position:relative;background:linear-gradient(135deg,var(--color-elevated) 0%,var(--color-surface) 100%);display:flex;align-items:center;justify-content:center;overflow:hidden}.video-thumbnail-loading:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,var(--color-primary-glow) 50%,transparent 100%);animation:shimmer-sweep 2s infinite}.video-thumbnail-loading:after{content:"▶";font-size:1.5rem;color:var(--text-muted);opacity:.3;z-index:1}.card-hover-lift{transition:transform var(--duration-normal) var(--ease-spring),box-shadow var(--duration-normal) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.card-hover-lift:hover{transform:translateY(-6px) scale(1.01);box-shadow:var(--shadow-xl),0 0 40px var(--color-primary-glow)}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.gradient-border{position:relative;background:var(--color-surface);border-radius:var(--radius-lg)}.gradient-border:before{content:"";position:absolute;inset:-1px;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border-radius:inherit;z-index:-1;opacity:0;transition:opacity var(--duration-normal) var(--ease-out)}.gradient-border:hover:before{opacity:1}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px var(--color-primary-glow)}50%{box-shadow:0 0 40px var(--color-primary-glow),0 0 60px var(--color-primary-glow)}}.glow-pulse{animation:glow-pulse 2s var(--ease-in-out) infinite}.empty-state-enhanced{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-12) var(--space-6);animation:fade-up var(--duration-slower) var(--ease-smooth)}.empty-state-enhanced__icon{font-size:5rem;margin-bottom:var(--space-6);opacity:.2;filter:grayscale(.5);animation:bounce-subtle 3s var(--ease-in-out) infinite}.empty-state-enhanced__title{font-size:var(--text-2xl);font-weight:var(--font-display-semibold);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-3);background:linear-gradient(135deg,var(--text-primary),var(--color-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.empty-state-enhanced__text{font-size:var(--text-md);color:var(--text-secondary);max-width:400px;line-height:var(--leading-relaxed);margin-bottom:var(--space-8)}.btn-glow{position:relative;overflow:hidden;transition:all var(--duration-normal) var(--ease-out)}.btn-glow:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border-radius:inherit;z-index:-1;opacity:0;transition:opacity var(--duration-normal) var(--ease-out)}.btn-glow:hover:before{opacity:1}.btn-glow:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow-primary)}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.stagger-7{animation-delay:.35s}.stagger-8{animation-delay:.4s}.tech-grid-bg{position:relative}.tech-grid-bg:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(0,169,145,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,169,145,.03) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0}.dark .tech-grid-bg:before{background-image:linear-gradient(rgba(6,200,155,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(6,200,155,.05) 1px,transparent 1px)}.scanline-effect{position:relative;overflow:hidden}.scanline-effect:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);pointer-events:none;animation:scanlines 8s linear infinite}.badge-glow{position:relative}.badge-glow:after{content:"";position:absolute;inset:-2px;background:inherit;filter:blur(8px);opacity:.4;z-index:-1;border-radius:inherit}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot--success{background:var(--color-success);box-shadow:0 0 8px var(--color-success)}.status-dot--warning{background:var(--color-warning);box-shadow:0 0 8px var(--color-warning);animation:pulse-soft 2s ease-in-out infinite}.status-dot--error{background:var(--color-error);box-shadow:0 0 8px var(--color-error)}.status-dot--processing{background:var(--color-primary);box-shadow:0 0 8px var(--color-primary);animation:pulse-soft 1s ease-in-out infinite}.text-warm{color:var(--color-warm)}.bg-warm{background:var(--color-warm)}.border-warm{border-color:var(--color-warm)}.glow-warm{box-shadow:var(--shadow-glow-warm, 0 0 20px rgba(245, 158, 11, .3))}.page-enter{animation:page-enter .4s var(--ease-smooth)}@keyframes page-enter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.btn{min-height:44px;min-width:44px;padding:var(--space-3) var(--space-4)}.btn--sm{min-height:40px;min-width:40px;padding:var(--space-2) var(--space-3)}.btn--lg{min-height:48px;padding:var(--space-4) var(--space-6)}button[aria-label],a[aria-label]{min-width:44px;min-height:44px}input,select,textarea{min-height:44px;padding:var(--space-3)}body{font-size:var(--text-md)}.btn--block-mobile{width:100%}}@media(max-width:480px){.btn{min-height:48px;font-size:var(--text-base)}.header{padding:var(--space-3);flex-wrap:wrap;gap:var(--space-2)}.header__nav{gap:var(--space-2);flex-wrap:wrap;justify-content:center}.header__title{font-size:var(--text-base)}.modal{width:100%;max-width:100%;max-height:100%;border-radius:0;margin:0}.modal-overlay{align-items:flex-end}.modal__footer{flex-direction:column;gap:var(--space-2)}.modal__footer .btn{width:100%}}@supports (padding: max(0px)){.page{padding-left:max(var(--space-4),env(safe-area-inset-left));padding-right:max(var(--space-4),env(safe-area-inset-right));padding-bottom:max(var(--space-4),env(safe-area-inset-bottom))}.header{padding-top:max(var(--space-4),env(safe-area-inset-top))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.skeleton,.skeleton:after{animation:none!important}}.toast-container{position:fixed;bottom:var(--space-4);right:var(--space-4);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2);max-width:400px}.toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-elevated);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);animation:toast-slide-in .2s ease-out}@keyframes toast-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast--error{border-color:var(--color-error);background:color-mix(in srgb,var(--color-error) 10%,var(--color-elevated))}.toast--success{border-color:var(--color-success);background:color-mix(in srgb,var(--color-success) 10%,var(--color-elevated))}.toast--warning{border-color:var(--color-warning);background:color-mix(in srgb,var(--color-warning) 10%,var(--color-elevated))}.toast--info{border-color:var(--color-info);background:color-mix(in srgb,var(--color-info) 10%,var(--color-elevated))}.toast__message{flex:1;font-size:var(--text-sm);color:var(--text-primary);line-height:1.4}.toast__dismiss{background:none;border:none;color:var(--text-muted);font-size:var(--text-lg);cursor:pointer;padding:0;line-height:1;transition:color .15s ease}.toast__dismiss:hover{color:var(--text-primary)}.app{min-height:100vh;position:relative;opacity:0;transform:translateY(10px);transition:opacity var(--duration-slowest) var(--ease-smooth),transform var(--duration-slowest) var(--ease-smooth)}.app--loaded{opacity:1;transform:translateY(0)}.app__background{position:fixed;inset:0;pointer-events:none;z-index:var(--z-behind);overflow:hidden}.app__gradient{position:absolute;inset:48px 0 0}.app__gradient:before,.app__gradient:after{content:"";position:absolute;border-radius:50%;filter:blur(140px)}.app__gradient:before{width:700px;height:700px;background:radial-gradient(circle,rgba(0,169,145,.18) 0%,transparent 70%);top:-100px;right:-150px;animation:drift1 20s ease-in-out infinite}.app__gradient:after{width:600px;height:600px;background:radial-gradient(circle,rgba(63,224,222,.14) 0%,transparent 70%);bottom:-200px;left:150px;animation:drift2 25s ease-in-out infinite}@keyframes drift1{0%,to{transform:translate(0)}50%{transform:translate(-80px,60px)}}@keyframes drift2{0%,to{transform:translate(0)}50%{transform:translate(60px,-40px)}}.app__grid{display:none;-webkit-mask-image:radial-gradient(ellipse 100% 80% at 50% 10%,black 0%,transparent 70%);mask-image:radial-gradient(ellipse 100% 80% at 50% 10%,black 0%,transparent 70%);opacity:.4}.page{min-height:100vh;padding:var(--space-8);max-width:1440px;margin:0 auto}.page--full{max-width:none;padding:0}.header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--glass-border);position:sticky;top:0;z-index:var(--z-sticky)}.header__logo{display:flex;align-items:center;gap:var(--space-3)}.header__mark{width:36px;height:36px;background:linear-gradient(135deg,#00a991,#3fe0de);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;color:#fff;box-shadow:var(--shadow-glow-primary);transition:all var(--duration-normal) var(--ease-out);animation:logo-entrance .6s var(--ease-spring) backwards;animation-delay:.1s}.header__mark:hover{transform:scale(1.08);box-shadow:var(--shadow-glow-primary),var(--shadow-md);animation:logo-pulse 1s var(--ease-in-out) infinite}.header__title{font-size:var(--text-lg);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.header__nav{display:flex;align-items:center;gap:var(--space-1)}.header__link{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);transition:all var(--duration-fast) var(--ease-out)}.header__link:hover{color:#1a1d23;background:#00a9910f}.header__link--active{color:#00a991;font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-lg);transition:all var(--duration-normal) var(--ease-out);position:relative;cursor:pointer}.btn--primary{background:linear-gradient(135deg,#00a991,#00c4aa);color:#fff;box-shadow:0 2px 8px #00a99133}.btn--primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px #00a99140}.btn--primary:active{transform:translateY(0)}.btn--secondary{background:var(--color-surface);border:1px solid var(--border-color);color:var(--text-primary)}.btn--secondary:hover{background:var(--color-elevated);border-color:var(--border-hover)}.btn--ghost{color:var(--text-secondary);background:transparent}.btn--ghost:hover{color:var(--text-primary);background:var(--color-elevated)}.btn--ghost.btn--danger{color:var(--color-error, #ef4444);background:transparent}.btn--ghost.btn--danger:hover{color:#fff;background:var(--color-error, #ef4444)}.btn--danger{background:#ef44441a;color:var(--color-error);border:1px solid rgba(239,68,68,.2)}.btn--danger:hover{background:#ef444426;border-color:#ef44444d}.btn--warning{background:#f59e0b1a;color:#d97706;border:1px solid rgba(245,158,11,.2)}.btn--warning:hover{background:#f59e0b26;border-color:#f59e0b4d}.btn--lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base);border-radius:var(--radius-xl)}.btn--sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-md)}.btn--icon{width:40px;height:40px;padding:0;border-radius:var(--radius-lg)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-input{padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--text-base);transition:all var(--duration-fast) var(--ease-out)}.form-input:hover{border-color:var(--border-hover)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}.form-textarea{min-height:120px;resize:vertical;line-height:var(--leading-relaxed)}.card{background:var(--color-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--duration-normal) var(--ease-out)}.card--hover{cursor:pointer}.card--hover:hover{border-color:var(--border-hover);box-shadow:var(--shadow-lg)}.card__header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.card__title{font-size:var(--text-md);font-weight:var(--font-semibold)}.card__description{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-1)}.card__body{padding:var(--space-5)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-md);background:var(--color-elevated);color:var(--text-secondary)}.badge--active{background:var(--color-primary-soft);color:var(--color-primary)}.badge--success{background:#10b9811a;color:var(--color-success)}.badge--warning{background:#f59e0b1a;color:var(--color-warning)}.badge--podcast{background:var(--color-primary-soft);color:var(--color-primary);font-variant-numeric:tabular-nums}.badge--error{background:#ef44441a;color:var(--color-error)}.progress{height:4px;background:var(--color-overlay);border-radius:var(--radius-full);overflow:hidden}.progress__bar{height:100%;background:var(--gradient-primary);border-radius:var(--radius-full);transition:width var(--duration-slow) var(--ease-smooth)}.spinner{width:20px;height:20px;border:2px solid var(--color-overlay);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.protected-route__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:var(--space-4);color:var(--text-secondary)}.protected-route__spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.protected-route__login{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-4)}.protected-route__login-card{background:var(--color-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;max-width:400px;width:100%;box-shadow:var(--shadow-lg)}.protected-route__login-card h1{margin:0 0 var(--space-2);font-size:var(--text-xl);font-weight:var(--font-semibold);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.protected-route__login-card p{color:var(--text-secondary);margin:0 0 var(--space-6);font-size:var(--text-sm)}.protected-route__login-button{background:var(--gradient-primary);color:#fff;border:none;padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);box-shadow:var(--shadow-sm)}.protected-route__login-button:hover{transform:translateY(-1px);box-shadow:var(--shadow-md),var(--shadow-glow-primary)}.protected-route__login-button:active{transform:translateY(0)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-primary-color{color:var(--color-primary)}.text-accent{color:var(--color-accent)}.text-mono{font-family:var(--font-mono)}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-center{text-align:center}.flex{display:flex}.flex-col{flex-direction:column}.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-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.theme-toggle{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-lg);color:var(--text-secondary);transition:all var(--duration-fast) var(--ease-out);cursor:pointer}.theme-toggle:hover{color:var(--text-primary);background:var(--color-elevated)}.theme-toggle:active{transform:scale(.95)}.theme-toggle svg{transition:transform var(--duration-normal) var(--ease-spring)}.theme-toggle:hover svg{transform:rotate(15deg)}.ai-indicator{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--color-primary-soft);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-primary)}.ai-indicator__dot{width:6px;height:6px;background:var(--color-primary);border-radius:50%;animation:pulse-soft 2s ease-in-out infinite}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-xl)}.floating-action{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:var(--z-sticky)}.floating-action .btn{box-shadow:var(--shadow-xl),var(--shadow-glow-primary)}@media(max-width:480px){.header{padding:var(--space-3) var(--space-3);gap:var(--space-2)}.header__logo{gap:var(--space-2);flex-shrink:0}.header__mark{width:32px;height:32px;font-size:var(--text-xs)}.header__title{display:none}.header__nav{gap:0;flex-shrink:0}.header__link{padding:var(--space-2) var(--space-2);font-size:var(--text-xs)}.btn{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.btn__icon{display:none}}.project-create__main{padding:var(--space-8);max-width:720px;margin:0 auto}.header__back{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);font-size:var(--text-lg);color:var(--text-secondary);transition:all var(--duration-fast)}.header__back:hover{background:var(--color-surface);color:var(--text-primary)}.project-create__container{animation:fadeInUp .6s var(--ease-out-expo)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.project-create__hero{text-align:center;margin-bottom:var(--space-10)}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:linear-gradient(135deg,#10b98126,#06b6d426);border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;color:var(--color-success);margin-bottom:var(--space-6);animation:pulse-badge 3s ease-in-out infinite}.hero-badge__icon{animation:sparkle 2s ease-in-out infinite}@keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.8}}@keyframes sparkle{0%,to{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.2)}}.hero-agents{display:flex;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-6)}.hero-agent{width:56px;height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-xl);transition:all .4s var(--ease-out-expo);opacity:.5;transform:scale(.9)}.hero-agent--active{opacity:1;transform:scale(1.1);border-color:var(--agent-color, var(--color-primary));box-shadow:0 0 24px color-mix(in srgb,var(--agent-color, var(--color-primary)) 40%,transparent),0 8px 16px #00000026}.hero-agent__emoji{font-size:1.25rem}.hero-agent__name{font-size:8px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;color:var(--text-muted);opacity:0;transition:opacity .3s ease}.hero-agent--active .hero-agent__name{opacity:1;color:var(--agent-color, var(--color-primary))}.capacity-indicator{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-2) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--text-secondary)}.capacity-indicator__dot{width:8px;height:8px;background:var(--color-success);border-radius:var(--radius-full);animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;box-shadow:0 0 #10b98166}50%{opacity:.8;box-shadow:0 0 0 4px #10b98100}}.capacity-indicator__text strong{color:var(--text-primary);font-weight:600}.project-create__title{font-size:var(--text-4xl);font-weight:var(--font-display-semibold);letter-spacing:var(--tracking-tighter);margin-bottom:var(--space-4);line-height:1.15}.title-gradient{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.title-accent{color:var(--text-primary);font-weight:var(--font-display-bold)}.project-create__subtitle{font-size:var(--text-lg);color:var(--text-secondary);max-width:500px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-3);line-height:var(--leading-relaxed)}.social-proof{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);font-size:var(--text-sm);padding:var(--space-3) var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);margin-top:var(--space-4)}.social-proof__avatars{display:flex;align-items:center}.social-proof__avatars .avatar{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--color-elevated);border:2px solid var(--color-surface);border-radius:var(--radius-full);font-size:14px;margin-left:-8px}.social-proof__avatars .avatar:first-child{margin-left:0}.social-proof__text{color:var(--text-secondary)}.social-proof__text strong{color:var(--text-primary);font-weight:600}.step-indicator{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-8)}.step-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.step-dot{width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:var(--text-base);font-weight:600;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-full);color:var(--text-muted);transition:all .3s var(--ease-out-quart);cursor:pointer}.step-dot--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:0 0 16px var(--color-primary-glow)}.step-dot--complete{background:var(--color-success);border-color:var(--color-success);color:#fff}.step-dot--clickable{cursor:pointer}.step-dot--clickable:hover{box-shadow:0 0 16px color-mix(in srgb,var(--color-success) 50%,transparent);transform:scale(1.08)}.step-label{font-size:var(--text-xs);font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.step-item:has(.step-dot--active) .step-label{color:var(--color-primary)}.step-item:has(.step-dot--complete) .step-label{color:var(--color-success)}.step-line{width:48px;height:2px;background:var(--color-border);transition:background .3s ease;margin-bottom:var(--space-5)}.step-line--complete{background:var(--color-success)}.form-step{display:flex;flex-direction:column;gap:var(--space-6)}.form-step--enter{animation:stepEnter .4s var(--ease-out-expo)}@keyframes stepEnter{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.step-header{text-align:center;margin-bottom:var(--space-6)}.step-header__badge{display:inline-block;padding:var(--space-1) var(--space-3);background:var(--color-primary-glow);color:var(--color-primary);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-radius:var(--radius-full);margin-bottom:var(--space-3)}.form-step__title{font-size:var(--text-2xl);font-weight:600;text-align:center;margin-bottom:var(--space-2)}.form-step__desc{text-align:center;color:var(--text-secondary);font-size:var(--text-base);max-width:400px;margin:0 auto;line-height:var(--leading-relaxed)}.form-step__subtitle{text-align:center;color:var(--text-secondary);margin-top:calc(-1 * var(--space-4))}.form-step__reassurance{text-align:center;font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-4);display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.form-step__actions{display:flex;justify-content:center;gap:var(--space-4);padding-top:var(--space-4)}.form-step__actions--final{padding-top:var(--space-6);border-top:var(--border-thin)}.form-step__footer{display:flex;align-items:center;justify-content:center;gap:var(--space-2);text-align:center;font-size:var(--text-sm);color:var(--text-muted)}.footer-icon{font-size:var(--text-base)}.project-create__form{display:flex;flex-direction:column;gap:var(--space-8)}.form-input--error{border-color:var(--color-error)!important}.form-error{font-size:var(--text-xs);color:var(--color-error);margin-top:var(--space-1)}.form-hint{font-size:var(--text-xs);margin-top:var(--space-2);text-align:right}.type-selector-v2{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.type-card-v2{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-4);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-xl);transition:all .3s var(--ease-out-expo);text-align:center;cursor:pointer}.type-card-v2:hover{background:var(--color-elevated);border-color:var(--color-primary-muted);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.type-card-v2--selected{border-color:var(--color-primary);background:linear-gradient(135deg,var(--color-primary-glow) 0%,rgba(124,58,237,.15) 100%);box-shadow:var(--shadow-xl),0 0 40px var(--color-primary-glow)}.type-card-v2__badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);padding:var(--space-1) var(--space-3);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);color:#fff;font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full);white-space:nowrap}.type-card-v2__icon{font-size:3rem;line-height:1;transition:transform .3s var(--ease-out-expo)}.type-card-v2:hover .type-card-v2__icon{transform:scale(1.1)}.type-card-v2--selected .type-card-v2__icon{color:var(--color-primary);filter:drop-shadow(0 0 12px var(--color-primary-glow))}.type-card-v2__label{font-weight:600;font-size:var(--text-base)}.type-card-v2__desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-snug)}.type-card-v2__stat{font-size:var(--text-xs);color:var(--color-primary);font-weight:500;margin-top:var(--space-2);padding:var(--space-1) var(--space-2);background:var(--color-primary-glow);border-radius:var(--radius-full)}.type-card-v2__check{position:absolute;top:var(--space-3);right:var(--space-3);width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:#fff;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600}.form-step__warning{display:flex;gap:.75rem;padding:1rem 1.25rem;background:color-mix(in srgb,var(--color-warning, #f59e0b) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-warning, #f59e0b) 30%,transparent);border-radius:var(--radius, 8px);margin-bottom:1.5rem;font-size:.875rem;line-height:1.5;color:var(--color-text)}.form-step__warning-icon{font-size:1.25rem;flex-shrink:0;margin-top:.125rem}.form-step__warning strong{display:block;margin-bottom:.25rem}.form-step__warning p{margin:0;color:var(--color-muted)}.type-card__asset-hint{display:block;font-size:.75rem;color:var(--color-warning, #f59e0b);margin-top:.25rem;font-style:italic}.testimonial-inline{padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);text-align:center}.testimonial-inline__quote{font-size:var(--text-base);font-style:italic;color:var(--text-primary);line-height:var(--leading-relaxed);margin-bottom:var(--space-4);position:relative}.testimonial-inline__quote:before{content:'"';position:absolute;left:-8px;top:-8px;font-size:2rem;color:var(--color-primary);opacity:.3;font-family:Georgia,serif}.testimonial-inline__author{display:flex;align-items:center;justify-content:center;gap:var(--space-3)}.testimonial-inline__avatar{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);color:#fff;font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full)}.testimonial-inline__name{font-weight:600;font-size:var(--text-sm)}.testimonial-inline__role{font-size:var(--text-xs);color:var(--text-muted)}.type-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.type-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-4);background:var(--color-surface);border:2px solid transparent;border-radius:var(--radius-lg);transition:all var(--duration-normal) var(--ease-out-quart);text-align:center}.type-card:hover{background:var(--color-elevated);transform:translateY(-4px);box-shadow:var(--shadow-md)}.type-card--selected{border-color:var(--color-primary);background:linear-gradient(135deg,var(--color-primary-glow) 0%,rgba(124,58,237,.12) 100%);box-shadow:var(--shadow-lg),0 0 30px var(--color-primary-glow),inset 0 0 20px var(--color-primary-glow);transform:translateY(-2px)}.type-card__icon{font-size:2.5rem;line-height:1;transition:transform var(--duration-normal) var(--ease-spring)}.type-card:hover .type-card__icon{transform:scale(1.1)}.type-card--selected .type-card__icon{color:var(--color-primary);filter:drop-shadow(0 0 8px var(--color-primary-glow))}.type-card__label{font-weight:600;font-size:var(--text-sm)}.type-card__desc{line-height:var(--leading-tight)}.mode-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.mode-card{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--color-surface);border:2px solid transparent;border-radius:var(--radius-lg);text-align:left;cursor:pointer;transition:all var(--duration-normal) var(--ease-out-quart)}.mode-card:hover{background:var(--color-elevated);transform:translateY(-3px);box-shadow:var(--shadow-md)}.mode-card--selected{border-color:var(--color-primary);background:linear-gradient(135deg,var(--color-primary-glow) 0%,rgba(124,58,237,.12) 100%);box-shadow:var(--shadow-lg),0 0 25px var(--color-primary-glow);transform:translateY(-1px)}.mode-card__icon{font-size:1.5rem;line-height:1;flex-shrink:0}.mode-card__content{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.mode-card__label{font-weight:600;font-size:var(--text-sm)}.mode-card--selected .mode-card__label{color:var(--color-primary)}.mode-card__desc{line-height:var(--leading-tight)}.policy-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}.policy-card{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--color-surface);border:2px solid transparent;border-radius:var(--radius-lg);text-align:left;cursor:pointer;transition:all var(--duration-normal) var(--ease-out-quart)}.policy-card:hover{background:var(--color-elevated);transform:translateY(-3px);box-shadow:var(--shadow-md)}.policy-card--selected{border-color:var(--color-primary);background:linear-gradient(135deg,var(--color-primary-glow) 0%,rgba(124,58,237,.12) 100%);box-shadow:var(--shadow-lg),0 0 25px var(--color-primary-glow);transform:translateY(-1px)}.policy-card__icon{font-size:1.5rem;line-height:1;flex-shrink:0}.policy-card__content{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.policy-card__label{font-weight:600;font-size:var(--text-sm)}.policy-card--selected .policy-card__label{color:var(--color-primary)}.policy-card__desc{line-height:var(--leading-tight)}.form-row{display:flex;gap:var(--space-4)}.form-input--lg{padding:var(--space-4);font-size:var(--text-base)}.form-label__optional{font-size:var(--text-xs);color:var(--text-muted);font-weight:400;margin-left:var(--space-2)}.form-label__hint{display:block;font-size:var(--text-xs);color:var(--text-muted);font-weight:400;margin-top:var(--space-1)}.form-hint__progress{display:inline-block;width:60px;height:4px;background:var(--color-border);border-radius:var(--radius-full);overflow:hidden;margin-right:var(--space-2);vertical-align:middle}.form-hint__bar{display:block;height:100%;background:var(--color-primary);border-radius:var(--radius-full);transition:width .3s ease}.duration-selector-v2{display:flex;gap:var(--space-2)}.duration-btn-v2{flex:1;padding:var(--space-3);font-size:var(--text-sm);font-weight:600;font-family:var(--font-mono);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);transition:all .2s ease;cursor:pointer}.duration-btn-v2:hover{background:var(--color-elevated);border-color:var(--color-primary-muted)}.duration-btn-v2--selected{border-color:var(--color-primary);background:var(--color-primary-glow);color:var(--color-primary)}.duration-selector{display:flex;gap:var(--space-2)}.duration-btn{flex:1;padding:var(--space-4);font-size:var(--text-lg);font-weight:600;font-family:var(--font-mono);background:var(--color-surface);border:2px solid transparent;border-radius:var(--radius-md);transition:all var(--duration-fast)}.duration-btn:hover{background:var(--color-elevated)}.duration-btn--selected{border-color:var(--color-primary);background:var(--color-primary-glow);color:var(--color-primary)}.format-selector-v2{display:flex;gap:var(--space-2)}.format-btn-v2{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);transition:all .2s ease;cursor:pointer}.format-btn-v2__ratio-container{width:100%;height:48px;display:flex;align-items:center;justify-content:center}.format-btn-v2:hover{background:var(--color-elevated);border-color:var(--color-primary-muted)}.format-btn-v2--selected{border-color:var(--color-primary);background:var(--color-primary-glow)}.format-btn-v2__ratio-box{height:100%;max-height:44px;aspect-ratio:var(--ratio);border:2px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-elevated);transition:all .2s ease}.format-btn-v2--selected .format-btn-v2__ratio-box{border-color:var(--color-primary);background:var(--color-primary-glow)}.format-btn-v2__label{font-size:var(--text-xs);font-family:var(--font-mono);font-weight:600;color:var(--text-secondary)}.format-btn-v2--selected .format-btn-v2__label{color:var(--color-primary)}.format-btn-v2__platform{font-size:10px;color:var(--text-tertiary);line-height:1.2;text-align:center}.format-btn-v2--selected .format-btn-v2__platform{color:var(--color-primary-muted)}.format-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-3)}.format-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-4) var(--space-3);background:var(--color-surface);border:2px solid transparent;border-radius:var(--radius-md);transition:all var(--duration-fast);text-align:center}.format-card:hover{background:var(--color-elevated);transform:translateY(-1px)}.format-card--selected{border-color:var(--color-primary);background:var(--color-primary-glow)}.format-card__label{font-weight:500;font-size:var(--text-sm)}.format-card--selected .format-card__label{color:var(--color-primary)}.format-card__dims{font-family:var(--font-mono)}.audio-upload{border:2px dashed var(--color-overlay);border-radius:var(--radius-lg);padding:var(--space-8);cursor:pointer;transition:all var(--duration-fast);background:var(--color-surface)}.audio-upload:hover{border-color:var(--color-primary);background:var(--color-primary-glow)}.audio-upload--has-file{border-style:solid;border-color:var(--color-primary)}.audio-upload--error{border-color:var(--color-error)}.audio-upload__placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.audio-upload__icon{font-size:2rem;color:var(--text-muted)}.audio-upload--has-file .audio-upload__icon{color:var(--color-primary)}.audio-upload__text{color:var(--text-secondary)}.audio-upload__file{display:flex;align-items:center;gap:var(--space-4)}.audio-upload__info{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.audio-upload__name{font-weight:500}.audio-upload__remove{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-overlay);border-radius:var(--radius-full);font-size:var(--text-lg);color:var(--text-secondary);transition:all var(--duration-fast)}.audio-upload__remove:hover{background:#f8717133;color:var(--color-error)}.music-source-toggle{display:flex;gap:0;margin-bottom:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.music-source-toggle__btn{flex:1;padding:var(--space-2) var(--space-4);background:var(--color-surface);border:none;color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--duration-fast)}.music-source-toggle__btn:not(:last-child){border-right:1px solid var(--color-border)}.music-source-toggle__btn:hover{background:var(--color-elevated)}.music-source-toggle__btn--active{background:var(--color-primary);color:#fff}.music-source-toggle__btn--active:hover{background:var(--color-primary)}.music-generate-form{display:flex;flex-direction:column;gap:var(--space-3)}.music-generate-form__duration{display:flex;flex-direction:column;gap:var(--space-1)}.music-generate-form__slider{width:100%;accent-color:var(--color-primary)}.music-generate-form__advanced-toggle{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer}.music-generate-form__btn{align-self:flex-start}.music-gen-error{padding:var(--space-3);background:#f871711a;border:1px solid rgba(248,113,113,.3);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--text-sm)}.music-gen-error p{margin:0 0 var(--space-2)}.music-preview{display:flex;flex-direction:column;gap:var(--space-2)}.music-preview audio{width:100%;border-radius:var(--radius-md)}.audio-options{display:flex;flex-direction:column;gap:var(--space-3)}.checkbox-option{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--color-surface);border:2px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast)}.checkbox-option:hover{background:var(--color-elevated)}.checkbox-option:has(input:checked){border-color:var(--color-primary);background:var(--color-primary-glow)}.checkbox-option input[type=checkbox]{width:18px;height:18px;margin-top:2px;accent-color:var(--color-primary);cursor:pointer}.checkbox-option__content{display:flex;flex-direction:column;gap:var(--space-1)}.checkbox-option__label{font-weight:600;font-size:var(--text-sm)}.checkbox-option__desc{line-height:var(--leading-tight)}.nested-input{padding-left:calc(18px + var(--space-3));margin-top:calc(-1 * var(--space-1))}.nested-input .form-input{font-size:var(--text-sm)}.agent-preview{background:var(--color-surface);border:var(--border-thin);border-radius:var(--radius-lg);padding:var(--space-6)}.agent-preview__header{margin-bottom:var(--space-4)}.agent-preview__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}.agent-chip{display:flex;flex-direction:column;padding:var(--space-3);background:var(--color-elevated);border-radius:var(--radius-md);border:var(--border-thin)}.agent-chip__name{font-size:var(--text-xs);font-weight:600}.agent-chip__role{font-size:.625rem;text-transform:uppercase;letter-spacing:var(--tracking-wide)}.sketch-preset-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}.sketch-preset-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);background:var(--color-surface);border:2px solid transparent;border-radius:var(--radius-lg);transition:all var(--duration-normal) var(--ease-out-quart);text-align:center;cursor:pointer}.sketch-preset-card:hover{background:var(--color-elevated);transform:translateY(-3px);box-shadow:var(--shadow-md)}.sketch-preset-card--selected{border-color:var(--color-primary);background:linear-gradient(135deg,var(--color-primary-glow) 0%,rgba(124,58,237,.12) 100%);box-shadow:var(--shadow-lg),0 0 25px var(--color-primary-glow);transform:translateY(-1px)}.sketch-preset-card__preview{width:60px;height:40px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;gap:var(--space-1);border:1px solid var(--border-subtle)}.sketch-preset-card__swatch{width:12px;height:12px;border-radius:50%;border:1px solid rgba(255,255,255,.2)}.sketch-preset-card__label{font-weight:600;font-size:var(--text-sm)}.sketch-preset-card--selected .sketch-preset-card__label{color:var(--color-primary)}.sketch-preset-card__desc{line-height:var(--leading-tight);font-size:var(--text-xs)}.sketch-options{display:flex;flex-direction:column;gap:var(--space-3)}.project-create__actions{display:flex;justify-content:space-between;padding-top:var(--space-6);border-top:var(--border-thin)}@media(max-width:768px){.type-selector{grid-template-columns:repeat(2,1fr)}.mode-selector{grid-template-columns:1fr}.policy-selector,.sketch-preset-selector,.agent-preview__grid{grid-template-columns:repeat(2,1fr)}.project-create__title{font-size:var(--text-2xl)}}@media(max-width:480px){.duration-selector{flex-wrap:wrap}.duration-btn{flex:0 0 calc(50% - var(--space-1))}.type-selector-v2{grid-template-columns:1fr}.form-row{flex-direction:column}}.voice-selector-inline{display:flex;gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap}.voice-btn{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:500;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);transition:all .2s ease;cursor:pointer}.voice-btn--two-line{display:flex;flex-direction:column;align-items:center;gap:1px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg)}.voice-btn__name{font-weight:600;font-size:var(--text-sm);line-height:1.2}.voice-btn__desc{font-size:var(--text-xs);opacity:.7;font-weight:400;line-height:1.2}.voice-btn:hover{background:var(--color-elevated);border-color:var(--color-primary-muted)}.voice-btn--selected{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.voice-btn--selected .voice-btn__desc{opacity:.85}.sketch-preset-selector-v2{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}.sketch-preset-v2{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);transition:all .2s ease;cursor:pointer}.sketch-preset-v2:hover{background:var(--color-elevated);border-color:var(--color-primary-muted)}.sketch-preset-v2--selected{border-color:var(--color-primary);background:var(--color-primary-glow)}.sketch-preset-v2__preview{width:56px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;gap:var(--space-1);border:1px solid var(--border-subtle)}.sketch-preset-v2__swatch{width:10px;height:10px;border-radius:50%}.sketch-preset-v2__label{font-size:var(--text-xs);font-weight:500}.sketch-preset-v2--selected .sketch-preset-v2__label{color:var(--color-primary)}.speed-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.speed-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-4);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-xl);transition:all .2s ease;cursor:pointer;text-align:center}.speed-card:hover{background:var(--color-elevated);border-color:var(--color-primary-muted);transform:translateY(-2px)}.speed-card--selected{border-color:var(--color-primary);background:linear-gradient(135deg,var(--color-primary-glow) 0%,rgba(124,58,237,.12) 100%);box-shadow:0 0 24px var(--color-primary-glow)}.speed-card__badge{position:absolute;top:-8px;left:50%;transform:translate(-50%);padding:2px var(--space-2);background:var(--color-success);color:#fff;font-size:10px;font-weight:600;border-radius:var(--radius-full);white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}.speed-card__icon{font-size:2rem}.speed-card__label{font-weight:600;font-size:var(--text-base)}.speed-card--selected .speed-card__label{color:var(--color-primary)}.speed-card__desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-snug)}.speed-card__stat{font-size:var(--text-xs);color:var(--color-primary);font-weight:500;margin-top:var(--space-1)}.enhance-options{display:flex;flex-direction:column;gap:var(--space-3)}.enhance-option{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease}.enhance-option:hover{background:var(--color-elevated);border-color:var(--color-primary-muted)}.enhance-option:has(input:checked){border-color:var(--color-primary);background:var(--color-primary-glow)}.enhance-option input[type=checkbox]{width:18px;height:18px;margin-top:2px;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0}.enhance-option__content{display:flex;align-items:flex-start;gap:var(--space-3);flex:1}.enhance-option__icon{font-size:1.25rem;flex-shrink:0}.enhance-option__label{display:block;font-weight:600;font-size:var(--text-sm);margin-bottom:var(--space-1)}.enhance-option__desc{display:block;font-size:var(--text-xs);color:var(--text-secondary);line-height:var(--leading-snug)}.team-preview{background:var(--color-surface);border:var(--border-thin);border-radius:var(--radius-xl);padding:var(--space-6);margin-top:var(--space-4)}.team-preview__header{text-align:center;margin-bottom:var(--space-4)}.team-preview__title{display:block;font-weight:600;font-size:var(--text-base);margin-bottom:var(--space-1)}.team-preview__subtitle{display:block;font-size:var(--text-sm);color:var(--text-secondary)}.team-preview__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}.team-agent{display:flex;flex-direction:column;align-items:center;padding:var(--space-3);background:var(--color-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all .4s var(--ease-out-expo);text-align:center}.team-agent--speaking{border-color:var(--agent-color, var(--color-primary));background:color-mix(in srgb,var(--agent-color, var(--color-primary)) 10%,var(--color-elevated));box-shadow:0 0 16px color-mix(in srgb,var(--agent-color, var(--color-primary)) 30%,transparent);transform:scale(1.02)}.team-agent__emoji{font-size:1.5rem;margin-bottom:var(--space-1)}.team-agent__name{font-size:var(--text-xs);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.team-agent__role{font-size:9px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.guarantee-box{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-5);background:linear-gradient(135deg,#10b98114,#06b6d414);border:1px solid rgba(16,185,129,.25);border-radius:var(--radius-xl);margin-bottom:var(--space-4)}.guarantee-box__icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-success);color:#fff;border-radius:var(--radius-full);font-size:var(--text-lg);font-weight:700;flex-shrink:0}.guarantee-box__content{display:flex;flex-direction:column;gap:var(--space-1)}.guarantee-box__title{font-weight:600;color:var(--color-success);font-size:var(--text-base)}.guarantee-box__text{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.trust-bar{display:flex;justify-content:center;gap:var(--space-6);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.trust-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary)}.btn--lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.btn--xl{padding:var(--space-5) var(--space-10);font-size:var(--text-lg);font-weight:600}.btn--wide{min-width:280px}.btn--glow{box-shadow:0 0 20px var(--color-primary-glow),0 4px 12px #0000004d}.btn--glow:hover{box-shadow:0 0 30px var(--color-primary-glow),0 6px 16px #0006}.btn--pulse{animation:pulse 2s ease-in-out infinite}.btn--pulse:hover{animation:none}@keyframes pulse{0%,to{box-shadow:0 0 20px var(--color-primary-glow),0 4px 12px #0000004d}50%{box-shadow:0 0 40px var(--color-primary-glow),0 0 60px color-mix(in srgb,var(--color-primary) 30%,transparent),0 4px 12px #0000004d}}.btn__arrow{margin-left:var(--space-2);transition:transform .2s ease}.btn__icon-right{margin-left:var(--space-2);font-size:1.1em}.btn:hover .btn__arrow{transform:translate(4px)}.btn--ghost{background:transparent;color:var(--text-secondary)}.btn--ghost:hover{background:var(--color-surface);color:var(--text-primary)}@media(max-width:768px){.speed-selector{grid-template-columns:1fr}.team-preview__grid,.sketch-preset-selector-v2{grid-template-columns:repeat(2,1fr)}.hero-agents{flex-wrap:wrap;gap:var(--space-2)}.hero-agent{width:44px;height:44px}.hero-agent__emoji{font-size:1.1rem}.hero-agent__name{display:none}.step-line{width:32px}.trust-bar{flex-direction:column;align-items:center;gap:var(--space-3)}.social-proof{flex-direction:column;gap:var(--space-2)}.social-proof__avatars{justify-content:center}.btn--wide{min-width:auto;width:100%}.btn--xl{padding:var(--space-4) var(--space-6);font-size:var(--text-base)}.hero-badge{font-size:var(--text-xs);padding:var(--space-1) var(--space-3)}.ref-card__header{flex-direction:column;gap:var(--space-2)}.ref-type-selector{grid-template-columns:repeat(2,1fr)}.voice-selector-inline{gap:var(--space-2)}}.duration-info-note{padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.ref-empty-state{text-align:center;padding:var(--space-8) var(--space-6);background:var(--color-surface);border:2px dashed var(--color-border);border-radius:var(--radius-xl)}.ref-empty-state__text{color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed);max-width:360px;margin:0 auto var(--space-5)}.ref-add-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:transparent;border:2px dashed var(--color-primary-muted);border-radius:var(--radius-lg);color:var(--color-primary);font-weight:500;font-size:var(--text-sm);cursor:pointer;transition:all .2s ease}.ref-add-btn:hover{background:var(--color-primary-glow);border-color:var(--color-primary)}.ref-add-btn__icon{font-size:var(--text-lg);font-weight:300}.ref-add-btn--compact{width:100%;justify-content:center;padding:var(--space-4)}.ref-list{display:flex;flex-direction:column;gap:var(--space-5)}.ref-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.ref-card__header{display:flex;align-items:center;gap:var(--space-3)}.ref-card__name{flex:1;font-weight:500}.ref-card__remove{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-overlay);border-radius:var(--radius-full);font-size:var(--text-lg);color:var(--text-secondary);cursor:pointer;transition:all .15s ease;flex-shrink:0}.ref-card__remove:hover{background:#f8717133;color:var(--color-error)}.ref-type-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}.ref-type-btn{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:500;background:var(--color-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;text-align:center}.ref-type-btn:hover{border-color:var(--color-primary-muted);background:var(--color-surface)}.ref-type-btn--selected{border-color:var(--color-primary);background:var(--color-primary-glow);color:var(--color-primary)}.ref-card__desc{font-size:var(--text-sm);resize:vertical;min-height:48px}.ref-images{display:flex;flex-wrap:wrap;gap:var(--space-3)}.ref-image-thumb{position:relative;width:72px;height:72px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border)}.ref-image-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.ref-image-thumb__remove{position:absolute;top:2px;right:2px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:#000000a6;color:#fff;border-radius:var(--radius-full);font-size:12px;cursor:pointer;opacity:0;transition:opacity .15s ease}.ref-image-thumb:hover .ref-image-thumb__remove{opacity:1}.ref-image-add{width:72px;height:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:2px dashed var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;color:var(--text-muted)}.ref-image-add:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-glow)}.ref-image-add__icon{font-size:var(--text-lg);font-weight:300;line-height:1}.ref-image-add__text{font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.ref-card__hint{font-size:var(--text-xs);color:var(--text-muted);line-height:var(--leading-relaxed);padding:var(--space-2) var(--space-3);background:color-mix(in srgb,var(--color-primary) 6%,transparent);border-radius:var(--radius-md);margin:0}.comp-plan-editor{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3);background:var(--color-elevated);border-radius:var(--radius-md);border:1px solid var(--color-border);margin-top:var(--space-2)}.comp-plan-editor__global{display:flex;gap:var(--space-3)}.comp-plan-editor__global>.comp-plan-editor__field{flex:1}.comp-plan-editor__label{display:block;font-size:var(--text-xs);font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-1)}.comp-plan-editor__sections{display:flex;flex-direction:column;gap:var(--space-2)}.comp-plan-editor__sections-header{display:flex;justify-content:space-between;align-items:center}.comp-plan-editor__section{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2);background:var(--color-surface);border-radius:var(--radius-sm);border:1px solid var(--color-overlay)}.comp-plan-editor__section-header{display:flex;align-items:center;gap:var(--space-2)}.comp-plan-editor__section-name{flex:1;font-weight:500}.comp-plan-editor__section-dur{font-size:var(--text-xs);color:var(--text-secondary);white-space:nowrap}.comp-plan-editor__remove-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1.2rem;line-height:1;padding:0 var(--space-1)}.comp-plan-editor__remove-btn:hover{color:var(--color-error)}.comp-plan-editor__slider{width:100%;accent-color:var(--color-primary)}.comp-plan-editor__lines{font-size:var(--text-xs);resize:vertical}.comp-plan-editor__add-btn{align-self:flex-start}.music-library-picker{border:1px solid var(--color-border, #333);border-radius:8px;background:var(--color-surface, #1a1a1a);overflow:hidden}.music-library-picker__loading,.music-library-picker__error,.music-library-picker__empty{padding:1.5rem;text-align:center;color:var(--color-text-secondary, #999);font-size:.875rem}.music-library-picker__error{color:var(--color-error, #ef4444)}.music-library-picker__list{max-height:300px;overflow-y:auto}.music-library-picker__row{display:flex;align-items:center;gap:.75rem;width:100%;padding:.625rem .75rem;border:none;border-bottom:1px solid var(--color-border, #333);background:transparent;color:var(--color-text, #fff);cursor:pointer;text-align:left;transition:background .15s}.music-library-picker__row:last-child{border-bottom:none}.music-library-picker__row:hover{background:var(--color-surface-hover, #222)}.music-library-picker__row--selected{background:var(--color-primary-alpha, rgba(99, 102, 241, .12))}.music-library-picker__row--selected:hover{background:var(--color-primary-alpha, rgba(99, 102, 241, .18))}.music-library-picker__artwork{width:32px;height:32px;border-radius:4px;background:var(--color-surface-elevated, #2a2a2a);overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center}.music-library-picker__artwork-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.music-library-picker__artwork-fallback{font-size:1rem;color:var(--color-text-secondary, #999)}.music-library-picker__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.music-library-picker__title{font-size:.875rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-library-picker__meta{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--color-text-secondary, #999)}.music-library-picker__style{background:var(--color-surface-elevated, #2a2a2a);padding:.0625rem .375rem;border-radius:3px}.music-library-picker__play-btn{width:28px;height:28px;border-radius:50%;border:1px solid var(--color-border, #444);background:transparent;color:var(--color-text, #fff);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.625rem;flex-shrink:0;transition:background .15s}.music-library-picker__play-btn:hover{background:var(--color-surface-elevated, #333)}.music-library-picker__check{color:var(--color-primary, #6366f1);font-size:.875rem;flex-shrink:0}.gate-modal-overlay{position:fixed;inset:0;background:#000000eb;backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);animation:gate-overlay-fade .3s var(--ease-out)}.gate-modal-overlay:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 0%,transparent 40%,rgba(0,0,0,.6) 100%);pointer-events:none}.gate-modal-overlay:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:600px;background:radial-gradient(ellipse at center,rgba(167,139,250,.15) 0%,rgba(245,158,11,.08) 40%,transparent 70%);pointer-events:none;animation:gate-ambient-pulse 4s ease-in-out infinite}@keyframes gate-overlay-fade{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}@keyframes gate-ambient-pulse{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}.gate-modal{width:90%;max-width:640px;max-height:90vh;background:var(--color-surface);border:2px solid var(--color-primary);border-radius:var(--radius-xl);display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s var(--ease-out-expo),borderGlow 2s ease-in-out infinite;box-shadow:var(--shadow-lg),0 0 60px #f4a6234d,0 0 120px #f4a62326}@keyframes borderGlow{0%,to{border-color:var(--color-primary);box-shadow:var(--shadow-lg),0 0 60px #f4a6234d,0 0 120px #f4a62326}50%{border-color:#f4a62399;box-shadow:var(--shadow-lg),0 0 40px #f4a62333,0 0 80px #f4a6231a}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.gate-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:var(--border-thin);background:var(--color-elevated)}.gate-modal__badge{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-primary-glow);color:var(--color-primary);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wide);animation:pulse-badge 2s ease-in-out infinite}@keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.7}}.gate-modal__close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);font-size:var(--text-xl);color:var(--text-muted);transition:all var(--duration-fast)}.gate-modal__close:hover{background:var(--color-surface);color:var(--text-primary)}.gate-modal__content{flex:1;overflow-y:auto;padding:var(--space-6)}.gate-modal__title{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-2)}.gate-modal__subtitle{margin-bottom:var(--space-4)}.gate-modal__rationale{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);margin-bottom:var(--space-5);background:linear-gradient(135deg,#7c3aed14,#a855f70a);border:1px solid rgba(124,58,237,.2);border-radius:var(--radius-lg)}.gate-modal__rationale-icon{flex-shrink:0;color:var(--color-primary);margin-top:2px}.gate-modal__rationale-text{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--text-secondary);margin:0}.gate-modal__alternatives{margin-bottom:var(--space-5)}.gate-modal__alternatives-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.gate-modal__alternatives-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--text-muted)}.gate-modal__alternatives-hint{font-size:var(--text-xs);color:var(--text-muted)}.gate-modal__alternatives-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-3)}.gate-modal__alternative{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);padding:var(--space-4);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast);text-align:left}.gate-modal__alternative:hover{border-color:var(--color-muted);background:var(--color-elevated)}.gate-modal__alternative--selected{border-color:var(--color-primary);background:var(--color-primary-glow)}.gate-modal__alternative--selected:hover{border-color:var(--color-primary)}.gate-modal__alternative-label{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.gate-modal__alternative-desc{font-size:var(--text-xs);color:var(--text-muted);line-height:var(--leading-relaxed)}.gate-modal__alternative-confidence{font-size:var(--text-xs);font-weight:600;font-family:var(--font-mono);margin-top:var(--space-2)}.gate-modal__confidence{padding:var(--space-4);margin-bottom:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.gate-modal__confidence--low{background:#ef444414;border-color:#ef44444d;animation:confidence-pulse 2s ease-in-out infinite}@keyframes confidence-pulse{0%,to{border-color:#ef44444d}50%{border-color:#ef444499}}.gate-modal__confidence-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.gate-modal__confidence-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--text-muted)}.gate-modal__confidence-value{font-size:var(--text-lg);font-weight:700;font-family:var(--font-mono)}.gate-modal__confidence-value.confidence--high{color:#22c55e}.gate-modal__confidence-value.confidence--medium{color:#f59e0b}.gate-modal__confidence-value.confidence--low{color:#ef4444}.gate-modal__confidence-bar{height:6px;background:var(--color-overlay);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-2)}.gate-modal__confidence-fill{height:100%;border-radius:var(--radius-full);transition:width .5s ease-out}.gate-modal__confidence-fill.confidence--high{background:linear-gradient(90deg,#22c55e,#4ade80)}.gate-modal__confidence-fill.confidence--medium{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.gate-modal__confidence-fill.confidence--low{background:linear-gradient(90deg,#ef4444,#f87171)}.gate-modal__confidence-explanation{font-size:var(--text-xs);color:var(--text-muted);margin:0;line-height:var(--leading-relaxed)}.gate-modal__confidence-warning{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-3);background:#ef44441a;border-radius:var(--radius-md);color:#ef4444;font-size:var(--text-sm);font-weight:500}.gate-modal__confidence-warning svg{flex-shrink:0}.gate-modal__artifact{background:var(--color-base);border:var(--border-thin);border-radius:var(--radius-lg);padding:var(--space-5);max-height:400px;overflow-y:auto}.artifact-section{margin-bottom:var(--space-5)}.artifact-section:last-child{margin-bottom:0}.artifact-section h4{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--text-muted);margin-bottom:var(--space-2)}.artifact-section p{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--text-secondary)}.artifact-section ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.artifact-section li{font-size:var(--text-sm);color:var(--text-secondary);padding-left:var(--space-4);position:relative}.artifact-section li:before{content:"•";position:absolute;left:0;color:var(--color-primary)}.color-swatches{display:flex;gap:var(--space-2)}.color-swatch{width:40px;height:40px;border-radius:var(--radius-md);border:2px solid var(--color-overlay);transition:transform var(--duration-fast)}.color-swatch:hover{transform:scale(1.1)}.boundaries-list li:before{content:"⊘";color:var(--color-error)}.artifact-structure{display:flex;flex-direction:column;gap:var(--space-5)}.artifact-stat{display:flex;align-items:baseline;gap:var(--space-2)}.artifact-stat__value{font-size:var(--text-3xl);font-weight:700;font-family:var(--font-mono);color:var(--color-primary)}.artifact-stat__label{font-size:var(--text-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.shot-preview-list{display:flex;flex-direction:column;gap:var(--space-2)}.shot-preview-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-surface);border-radius:var(--radius-sm);font-size:var(--text-sm)}.shot-preview-num{font-family:var(--font-mono);font-weight:600;color:var(--color-primary);min-width:32px}.shot-preview-desc{flex:1;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shot-preview-dur{font-family:var(--font-mono);color:var(--text-muted);font-size:var(--text-xs)}.shot-preview-more{text-align:center;padding:var(--space-2);font-size:var(--text-xs);color:var(--text-muted)}.artifact-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.artifact-tag{display:inline-block;padding:var(--space-1) var(--space-3);background:var(--color-primary-glow);color:var(--color-primary);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500}.artifact-tag--muted{background:var(--color-overlay);color:var(--text-muted)}.artifact-tags--muted .artifact-tag{background:#ff64641a;color:var(--color-error)}.artifact-preview{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--text-secondary);font-style:italic}.artifact-stats{display:flex;gap:var(--space-8);margin-bottom:var(--space-4)}.artifact-order{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);word-break:break-all}.artifact-generic pre{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary);white-space:pre-wrap;word-break:break-word}.artifact-nested{display:flex;flex-direction:column;gap:var(--space-2);background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-3)}.artifact-nested-item{display:flex;gap:var(--space-2);font-size:var(--text-sm)}.artifact-nested-key{color:var(--color-primary);font-weight:500;min-width:100px}.artifact-nested-value{color:var(--text-secondary);flex:1}.gate-modal__feedback{margin-top:var(--space-5);animation:fadeIn .2s var(--ease-out-quart)}.gate-modal__actions{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-5) var(--space-6);border-top:var(--border-thin);background:var(--color-elevated)}.gate-modal__actions--streamlined{justify-content:space-between}.gate-modal__actions--streamlined .btn--ghost{background:transparent;border:1px solid var(--color-border);color:var(--text-secondary);padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.gate-modal__actions--streamlined .btn--ghost:hover{background:var(--color-surface);border-color:var(--color-muted);color:var(--text-primary)}.gate-modal__actions--streamlined .btn--lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}.btn--sm{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.gate-modal__shortcuts{display:flex;align-items:center;gap:var(--space-2);margin-right:auto}.gate-modal__shortcuts kbd{display:inline-block;padding:2px 6px;font-family:var(--font-mono);font-size:var(--text-xs);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--text-primary)}.artifact-list{margin:0;padding-left:var(--space-4);list-style:disc}.artifact-list li{margin-bottom:var(--space-1);color:var(--text-muted);font-size:var(--text-sm)}@media(max-width:640px){.gate-modal{width:100%;max-height:100vh;border-radius:0}.gate-modal__content{padding:var(--space-4)}.gate-modal__actions{flex-direction:column;padding:var(--space-4)}.gate-modal__actions .btn{width:100%}.gate-modal__shortcuts{display:none}.gate-modal__alternatives-grid{grid-template-columns:1fr}}@media(max-width:480px){.gate-modal{width:100%;height:100%;max-width:100%;max-height:100%;border-radius:0}.gate-modal__header{padding:var(--space-3) var(--space-4)}.gate-modal__title{font-size:var(--text-lg)}.gate-modal__artifact{max-height:280px;padding:var(--space-4)}.artifact-stat__value{font-size:var(--text-2xl)}.gate-modal__close{width:44px;height:44px;min-width:44px;min-height:44px}.gate-modal__actions .btn{min-height:44px}}.checkpoint-banner{background:var(--color-elevated);border:1px solid var(--color-border);border-left:4px solid var(--color-accent, var(--color-primary));border-radius:var(--radius-lg);margin-bottom:var(--space-4);overflow:hidden;animation:checkpoint-slide-in .35s var(--ease-out-expo)}.checkpoint-banner--dismissed{animation:checkpoint-collapse .3s var(--ease-out) forwards}.checkpoint-banner--warned{border-left-color:#f59e0b}@keyframes checkpoint-slide-in{0%{opacity:0;transform:translateY(-12px);max-height:0}to{opacity:1;transform:translateY(0);max-height:600px}}@keyframes checkpoint-collapse{0%{opacity:1;transform:translateY(0);max-height:600px;margin-bottom:var(--space-4)}to{opacity:0;transform:translateY(-8px);max-height:0;margin-bottom:0;padding:0;border-width:0}}.checkpoint-banner__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-surface)}.checkpoint-banner__title-row{display:flex;align-items:center;gap:var(--space-2)}.checkpoint-banner__icon{font-size:var(--text-base);line-height:1}.checkpoint-banner__title{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.checkpoint-banner__close{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-muted);cursor:pointer;transition:all var(--duration-fast);background:none;border:none}.checkpoint-banner__close:hover{background:var(--color-overlay);color:var(--text-primary)}.checkpoint-banner__confidence{display:flex;align-items:center;gap:var(--space-2)}.checkpoint-banner__confidence-label{font-size:var(--text-xs);color:var(--text-muted)}.checkpoint-banner__confidence-value{font-size:var(--text-sm);font-weight:700;font-family:var(--font-mono)}.checkpoint-banner__confidence-value.confidence--high{color:#22c55e}.checkpoint-banner__confidence-value.confidence--medium{color:#f59e0b}.checkpoint-banner__confidence-value.confidence--low{color:#ef4444}.checkpoint-banner__confidence-bar{width:48px;height:4px;background:var(--color-overlay);border-radius:var(--radius-full);overflow:hidden}.checkpoint-banner__confidence-fill{height:100%;border-radius:var(--radius-full);transition:width .5s ease-out}.checkpoint-banner__confidence-fill.confidence--high{background:linear-gradient(90deg,#22c55e,#4ade80)}.checkpoint-banner__confidence-fill.confidence--medium{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.checkpoint-banner__confidence-fill.confidence--low{background:linear-gradient(90deg,#ef4444,#f87171)}.checkpoint-banner__warning{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:#f59e0b1a;color:#f59e0b;font-size:var(--text-xs);font-weight:500}.checkpoint-banner__content{padding:var(--space-3) var(--space-4)}.checkpoint-banner__artifact{display:flex;flex-direction:column;gap:var(--space-3)}.checkpoint-banner__preview-text{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--text-secondary);font-style:italic;margin:0}.checkpoint-banner__explanation{font-size:var(--text-xs);color:var(--text-muted);margin:var(--space-2) 0 0}.checkpoint-banner__palette{display:flex;align-items:center;gap:var(--space-2)}.checkpoint-banner__palette-label{font-size:var(--text-xs);color:var(--text-muted);font-weight:500}.checkpoint-banner__swatches{display:flex;gap:var(--space-1)}.checkpoint-banner__swatch{width:24px;height:24px;border-radius:var(--radius-sm);border:1px solid var(--color-overlay)}.checkpoint-banner__tags,.checkpoint-banner__rules{display:flex;flex-wrap:wrap;gap:var(--space-1)}.checkpoint-banner__tag{display:inline-block;padding:2px var(--space-2);background:var(--color-primary-glow);color:var(--color-primary);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500}.checkpoint-banner__tag--muted{background:var(--color-overlay);color:var(--text-muted)}.checkpoint-banner__stat-line{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.checkpoint-banner__shot-list{display:flex;flex-direction:column;gap:var(--space-1)}.checkpoint-banner__shot-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);background:var(--color-surface);border-radius:var(--radius-sm);font-size:var(--text-xs)}.checkpoint-banner__shot-num{font-family:var(--font-mono);font-weight:600;color:var(--color-primary);min-width:24px}.checkpoint-banner__shot-desc{flex:1;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.checkpoint-banner__shot-dur{font-family:var(--font-mono);color:var(--text-muted)}.checkpoint-banner__shot-more{font-size:var(--text-xs);color:var(--text-muted);padding-left:var(--space-2)}.checkpoint-banner__flagged{display:flex;gap:var(--space-2)}.checkpoint-banner__flagged-item{position:relative;width:48px;height:48px;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--color-border)}.checkpoint-banner__flagged-thumb{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.checkpoint-banner__flagged-score{position:absolute;bottom:2px;right:2px;font-size:10px;font-weight:700;font-family:var(--font-mono);padding:1px 3px;border-radius:var(--radius-sm);background:#000000b3}.checkpoint-banner__flagged-score.confidence--high{color:#22c55e}.checkpoint-banner__flagged-score.confidence--medium{color:#f59e0b}.checkpoint-banner__flagged-score.confidence--low{color:#ef4444}.checkpoint-banner__flagged-label{display:block;text-align:center;font-size:.65rem;font-weight:600;color:var(--text-secondary, #94a3b8);margin-top:2px}.checkpoint-banner__feedback{padding:0 var(--space-4) var(--space-3);animation:fadeIn .2s var(--ease-out)}.checkpoint-banner__feedback-input{width:100%;padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);font-family:inherit;resize:vertical;min-height:40px;transition:border-color var(--duration-fast)}.checkpoint-banner__feedback-input:focus{outline:none;border-color:var(--color-primary)}.checkpoint-banner__feedback-input::-moz-placeholder{color:var(--text-muted)}.checkpoint-banner__feedback-input::placeholder{color:var(--text-muted)}.checkpoint-banner__actions{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border)}.checkpoint-banner__btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--duration-fast);border:none}.checkpoint-banner__btn:disabled{opacity:.5;cursor:not-allowed}.checkpoint-banner__btn--revise{background:transparent;border:1px solid var(--color-border);color:var(--text-secondary)}.checkpoint-banner__btn--revise:hover:not(:disabled){background:var(--color-surface);border-color:var(--color-muted);color:var(--text-primary)}.checkpoint-banner__btn--approve{background:var(--color-primary);color:var(--color-on-primary, #fff)}.checkpoint-banner__btn--approve:hover:not(:disabled){filter:brightness(1.1)}@media(max-width:640px){.checkpoint-banner__header{flex-wrap:wrap;gap:var(--space-2)}.checkpoint-banner__confidence{order:3;width:100%}.checkpoint-banner__actions{flex-direction:column}.checkpoint-banner__btn{width:100%;min-height:44px}}.shot-timeline{background:var(--color-surface);border:var(--border-thin);border-radius:var(--radius-lg);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.shot-timeline__scroll-container{overflow-x:auto;overflow-y:visible;margin:0 calc(-1 * var(--space-3));padding:0 var(--space-3)}.shot-timeline__scroll-container::-webkit-scrollbar{height:8px}.shot-timeline__scroll-container::-webkit-scrollbar-track{background:var(--color-void);border-radius:4px}.shot-timeline__scroll-container::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px;-webkit-transition:background var(--duration-fast);transition:background var(--duration-fast)}.shot-timeline__scroll-container::-webkit-scrollbar-thumb:hover{background:var(--color-muted)}.shot-timeline__scroll-container{scrollbar-width:thin;scrollbar-color:var(--color-border) var(--color-void)}.shot-timeline__scroll-content{display:flex;flex-direction:column;gap:var(--space-2)}.shot-timeline__header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.shot-timeline__info{display:flex;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-muted)}.shot-timeline__bpm{font-family:var(--font-mono);color:var(--color-primary)}.shot-timeline__duration{font-family:var(--font-mono)}.shot-timeline__zoom-out{font-size:var(--text-sm);color:var(--color-accent);background:none;border:none;cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:background var(--duration-fast)}.shot-timeline__zoom-out:hover{background:var(--color-elevated)}.shot-timeline__zoom-label{font-size:var(--text-sm);color:var(--color-primary);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.shot-timeline__segments{position:relative;height:28px;display:flex}.shot-timeline__segment{position:absolute;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;background:var(--color-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast);padding:0 var(--space-1);min-width:0;overflow:visible}.shot-timeline__segment:hover{background:var(--color-surface-hover);border-color:var(--color-primary);z-index:var(--z-elevated)}.shot-timeline__segment--zoomed{background:var(--color-primary);border-color:var(--color-primary)}.shot-timeline__segment--zoomed .shot-timeline__segment-label{color:var(--text-on-accent)}.shot-timeline__segment-label{font-size:9px;font-weight:600;color:var(--color-muted);letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.shot-timeline__segment-mood{font-size:7px;font-weight:600;color:var(--color-primary, #06C89B);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-transform:capitalize;letter-spacing:.02em;padding:0 4px;border-radius:var(--radius-full, 9999px);background:var(--color-primary-soft, rgba(167, 139, 250, .08));line-height:14px}.shot-timeline__segment--zoomed .shot-context-card__segment-mood{color:var(--text-on-accent, #fff);background:#ffffff26}.shot-timeline__segment:hover .shot-timeline__segment-label{position:absolute;top:-24px;left:50%;transform:translate(-50%);overflow:visible;background:var(--color-elevated);padding:2px 6px;border-radius:var(--radius-sm);border:1px solid var(--color-border);box-shadow:0 2px 8px #0000004d;z-index:var(--z-sticky)}.shot-timeline__shots{position:relative;height:80px;background:var(--color-void);border-radius:var(--radius-md);overflow:hidden}.shot-timeline__segment-bg{position:absolute;top:0;height:100%;z-index:var(--z-base);pointer-events:none;border-radius:var(--radius-sm)}.shot-timeline__shot{position:absolute;height:calc(100% - 4px);top:2px;min-width:40px;background:var(--color-elevated);border:2px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:transform var(--duration-fast),border-color var(--duration-fast);overflow:hidden;display:flex;align-items:center;justify-content:center;z-index:var(--z-elevated)}.shot-timeline__shot:hover{transform:translateY(-4px) scale(1.02);border-color:var(--color-primary);z-index:var(--z-elevated);box-shadow:0 8px 24px #0006,0 0 20px var(--color-primary-glow)}.shot-timeline__shot[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--color-elevated, #2a2a2a);color:var(--color-text, #e5e5e5);border:1px solid var(--color-border, #404040);border-radius:var(--radius-md, 6px);padding:8px 12px;font-size:12px;font-family:var(--font-sans, system-ui, sans-serif);line-height:1.4;white-space:pre-line;z-index:var(--z-popover);pointer-events:none;opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s ease;box-shadow:0 4px 16px #00000080;min-width:160px;max-width:300px;text-align:left}.shot-timeline__shot[data-tooltip]:before{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--color-border, #404040);z-index:var(--z-toast);pointer-events:none;opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s ease}.shot-timeline__shot[data-tooltip]:hover:after,.shot-timeline__shot[data-tooltip]:hover:before{opacity:1;visibility:visible}@media(prefers-color-scheme:light){.shot-timeline__shot[data-tooltip]:after{background:#fff;color:#1a1a1a;border-color:#d4d4d4;box-shadow:0 4px 16px #00000026}.shot-timeline__shot[data-tooltip]:before{border-top-color:#d4d4d4}}.shot-timeline__shot[data-tooltip]:after{max-width:min(300px,80vw)}.shot-timeline__shot--pending{border-color:var(--color-border);opacity:.5}.shot-timeline__shot--generating{border-color:var(--color-primary);animation:shot-generating 1.5s ease-in-out infinite}@keyframes shot-generating{0%,to{box-shadow:0 0 #a78bfa66}50%{box-shadow:0 0 0 4px #a78bfa33}}.shot-timeline__shot--completed{border-color:var(--color-success)}.shot-timeline__shot--failed{border-color:var(--color-error)}.shot-timeline__shot--stalled{border-color:var(--color-warning, #f59e0b);background:#a78bfa1a;animation:shot-stalled 2s ease-in-out infinite}@keyframes shot-stalled{0%,to{opacity:1}50%{opacity:.6}}.shot-timeline__shot-thumb{width:100%;height:100%}.shot-timeline__shot-thumb img,.shot-timeline__shot-thumb video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.shot-timeline__shot-number{font-size:var(--text-xl);font-weight:700;color:var(--text-muted);font-family:var(--font-mono);opacity:.5;text-shadow:0 1px 2px rgba(0,0,0,.3)}.shot-timeline__shot:not(:has(.shot-timeline__shot-thumb img)):not(:has(.shot-timeline__shot-thumb video)){background:linear-gradient(135deg,var(--color-elevated) 0%,var(--color-surface) 100%)}.shot-timeline__shot--pending:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,var(--color-primary-glow) 50%,transparent 100%);opacity:.3;animation:shimmer-sweep 2.5s infinite}.shot-timeline__shot-status{position:absolute;top:4px;right:4px;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;background:var(--color-void)}.shot-timeline__shot--completed .shot-timeline__shot-status{background:var(--color-success);color:var(--text-on-accent)}.shot-timeline__shot--generating .shot-timeline__shot-status{background:var(--color-primary);color:var(--text-on-accent)}.shot-timeline__shot--failed .shot-timeline__shot-status{background:var(--color-error);color:#fff}.shot-timeline__shot--stalled .shot-timeline__shot-status{background:var(--color-warning, #f59e0b);color:var(--text-on-accent)}.shot-timeline__shot--skipped{border-color:var(--color-muted, #9ca3af);opacity:.5}.shot-timeline__shot--skipped .shot-timeline__shot-status{background:var(--color-muted, #9ca3af);color:#fff}.shot-timeline__stuck-warning{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;color:var(--color-warning, #f59e0b);text-shadow:0 0 8px rgba(245,158,11,.8);animation:stuck-pulse 1.5s ease-in-out infinite;z-index:var(--z-elevated);cursor:help;pointer-events:auto}@keyframes stuck-pulse{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.2)}}.shot-timeline__shot:has(.shot-timeline__stuck-warning){border-color:var(--color-warning, #f59e0b)!important;animation:shot-stalled 2s ease-in-out infinite}.shot-timeline__library-badge{position:absolute;bottom:4px;right:4px;font-size:10px;background:#0009;border-radius:var(--radius-sm);padding:2px 4px;line-height:1}.shot-timeline__tooltip{position:absolute;top:-60px;left:50%;transform:translate(-50%);background:var(--color-elevated);border:var(--border-thin);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-sm);white-space:nowrap;z-index:var(--z-sticky);pointer-events:none;box-shadow:0 4px 12px #0006}.shot-timeline__tooltip strong{color:var(--color-text)}.shot-timeline__tooltip span{color:var(--color-muted)}.shot-timeline__tooltip .status--completed{color:var(--color-success)}.shot-timeline__tooltip .status--generating{color:var(--color-primary)}.shot-timeline__tooltip .status--failed{color:var(--color-error)}.shot-timeline__waveform{position:relative;height:40px;background:var(--color-void);border-radius:var(--radius-sm);overflow:hidden}.shot-timeline__waveform svg{width:100%;height:100%}.shot-timeline__playhead{position:absolute;top:0;bottom:0;width:2px;background:var(--color-accent);pointer-events:none;z-index:var(--z-elevated)}.shot-timeline__playhead:before{content:"";position:absolute;top:-4px;left:-4px;width:10px;height:10px;background:var(--color-accent);border-radius:50%}.shot-timeline__time-markers{display:flex;justify-content:space-between;padding-top:var(--space-1)}.shot-timeline__time-marker{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-muted)}.shot-timeline__beats{position:absolute;inset:0;z-index:var(--z-base);pointer-events:none}.shot-timeline__beat{position:absolute;top:0;width:1px;height:100%;background:#ffffff14}.shot-timeline__key{font-family:var(--font-mono);color:var(--color-accent);padding:2px 8px;background:#22d3ee26;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:500}.shot-timeline__shot-count{font-family:var(--font-mono);color:var(--color-muted);padding:2px 8px;background:var(--color-elevated);border-radius:var(--radius-sm);font-size:var(--text-xs)}.shot-timeline__beat-count{font-family:var(--font-mono);color:var(--color-muted);padding:2px 8px;background:var(--color-elevated);border-radius:var(--radius-sm);font-size:var(--text-xs);cursor:help}.shot-timeline__peak-count{font-family:var(--font-mono);color:var(--color-warning, #f59e0b);padding:2px 8px;background:#f59e0b26;border-radius:var(--radius-sm);font-size:var(--text-xs);cursor:help}.shot-timeline__energy-curve{position:absolute;inset:0;z-index:var(--z-base);pointer-events:none;opacity:.9}.shot-timeline__lyrics-lane{position:relative;height:24px;overflow:hidden}.shot-timeline__lyric-block{position:absolute;top:0;height:100%;display:flex;align-items:center;font-size:11px;color:var(--color-text);opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 4px;font-style:italic;letter-spacing:.01em;border-left:2px solid rgba(167,139,250,.3)}.shot-timeline__lyric-block:hover{opacity:1;background:#a78bfa14}.shot-timeline__lyrics-fallback{height:24px;overflow:hidden;display:flex;align-items:center}.shot-timeline__lyrics-fallback-text{font-size:11px;color:var(--color-muted);font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.6}.shot-timeline__breadcrumb{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm)}.shot-timeline__breadcrumb-link{background:none;border:none;color:var(--color-accent);cursor:pointer;padding:2px 6px;border-radius:var(--radius-sm);transition:background var(--duration-fast),color var(--duration-fast);font-size:inherit}.shot-timeline__breadcrumb-link:hover{background:var(--color-elevated);color:var(--color-text)}.shot-timeline__breadcrumb-current{color:var(--color-text);font-weight:600;padding:2px 6px}.shot-timeline__breadcrumb-separator{color:var(--color-muted);opacity:.5}.shot-timeline__player{display:flex;align-items:center}.shot-timeline__play-btn{background:var(--color-elevated);border:none;border-radius:var(--radius-md);padding:4px 10px;font-size:var(--text-sm);cursor:pointer;color:var(--text-primary);transition:background var(--duration-fast);line-height:1}.shot-timeline__play-btn:hover{background:var(--color-primary);color:var(--text-on-accent)}.shot-timeline__zoom-indicator{display:flex;gap:2px;background:var(--color-elevated);border-radius:var(--radius-md);padding:2px}.shot-timeline__zoom-level{font-size:var(--text-xs);color:var(--color-muted);padding:4px 8px;border-radius:var(--radius-sm);transition:all var(--duration-fast);cursor:pointer;border:none;background:none;font-family:inherit}.shot-timeline__zoom-level:hover:not(:disabled){color:var(--text-primary);background:#ffffff0f}.shot-timeline__zoom-level:disabled{opacity:.4;cursor:default}.shot-timeline__zoom-level--active{background:var(--color-primary);color:var(--text-on-accent);font-weight:600}.shot-timeline__shot--zoomed{border-color:var(--color-primary)!important;box-shadow:0 0 0 2px var(--color-primary),0 4px 16px #a78bfa4d}.shot-timeline__music-context{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2);background:var(--color-elevated);border-radius:var(--radius-md);border:1px solid var(--color-border)}.shot-timeline__beat-grid{display:flex;flex-direction:column;gap:var(--space-1)}.shot-timeline__beat-grid-label{font-size:var(--text-xs);color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em}.shot-timeline__beat-markers{position:relative;height:20px;background:var(--color-void);border-radius:var(--radius-sm)}.shot-timeline__beat-marker{position:absolute;top:50%;transform:translateY(-50%);width:4px;height:8px;background:var(--color-muted);border-radius:1px;opacity:.4}.shot-timeline__beat-marker--downbeat{height:14px;width:3px;background:var(--color-primary);opacity:.8}.shot-timeline__section-info{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);background:var(--color-surface);border-radius:var(--radius-sm)}.shot-timeline__section-info-label{font-size:var(--text-lg);font-weight:700;color:var(--color-primary);letter-spacing:.02em}.shot-timeline__section-info-duration{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text);padding:2px 8px;background:var(--color-elevated);border-radius:var(--radius-sm)}.shot-timeline__section-info-range{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-muted)}.shot-timeline__shot-info{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--color-surface);border-radius:var(--radius-sm)}.shot-timeline__shot-info-label{font-size:var(--text-lg);font-weight:700;color:var(--color-primary)}.shot-timeline__shot-info-duration{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text);padding:2px 8px;background:var(--color-elevated);border-radius:var(--radius-sm)}.shot-timeline__shot-info-status{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;padding:2px 8px;border-radius:var(--radius-sm);background:var(--color-elevated);color:var(--color-muted)}.shot-timeline__shot-info-prompt{width:100%;font-size:var(--text-sm);color:var(--color-muted);font-style:italic;line-height:1.4}.shot-timeline__shot-details{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%) scale(.95);background:var(--color-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);min-width:200px;max-width:320px;opacity:0;visibility:hidden;transition:all var(--duration-normal) var(--ease-out);z-index:var(--z-sticky);box-shadow:0 8px 24px #00000080;pointer-events:none}.shot-timeline__shot:hover .shot-timeline__shot-details{opacity:1;visibility:visible;transform:translate(-50%) scale(1)}.shot-timeline__shot-details-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.shot-timeline__shot-details-number{font-weight:var(--font-display-semibold);color:var(--color-primary);font-size:var(--text-lg)}.shot-timeline__shot-details-duration{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);background:var(--color-surface);padding:2px 6px;border-radius:var(--radius-sm)}.shot-timeline__shot-details-prompt{font-size:var(--text-sm);line-height:1.5;color:var(--text-secondary);margin-bottom:var(--space-2)}.shot-timeline__shot-details-meta{display:flex;gap:var(--space-2);flex-wrap:wrap}.shot-timeline__shot-details-tag{font-size:var(--text-xs);padding:2px 6px;border-radius:var(--radius-sm);background:var(--color-surface);color:var(--text-muted)}.shot-timeline__shot-details-tag--provider{background:var(--color-primary-soft);color:var(--color-primary)}.shot-timeline__shot-details-tag--library{background:var(--color-accent-glow);color:var(--color-accent)}.shot-timeline__shot--just-completed{animation:shot-complete-pop .4s var(--ease-spring)}.shot-timeline__shot-progress{position:absolute;bottom:4px;left:4px;right:4px;height:3px;background:var(--color-overlay);border-radius:var(--radius-full);opacity:0;transition:opacity var(--duration-fast)}.shot-timeline__shot:hover .shot-timeline__shot-progress,.shot-timeline__shot--generating .shot-timeline__shot-progress{opacity:1}.shot-timeline__shot-progress-bar{height:100%;background:var(--gradient-primary);border-radius:var(--radius-full);transition:width var(--duration-normal) var(--ease-out)}.shot-timeline__shot-duration{position:absolute;top:4px;left:4px;font-size:9px;font-family:var(--font-mono);color:#fff;background:#000000b3;padding:2px 4px;border-radius:var(--radius-xs);opacity:0;transition:opacity var(--duration-fast)}.shot-timeline__shot:hover .shot-timeline__shot-duration{opacity:1}.stereo-waveform{position:relative;width:100%;background:var(--color-void);border-radius:var(--radius-sm);overflow:hidden;cursor:pointer}.stereo-waveform__canvas{display:block}.stereo-waveform__playhead{position:absolute;top:0;bottom:0;width:2px;background:var(--color-accent);pointer-events:none;z-index:var(--z-elevated);transform:translate(-50%)}.stereo-waveform__playhead:before{content:"";position:absolute;top:-4px;left:50%;transform:translate(-50%);width:10px;height:10px;background:var(--color-accent);border-radius:50%}.stereo-waveform__playhead:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:10px;height:10px;background:var(--color-accent);border-radius:50%}.stereo-waveform__keyframe{position:absolute;bottom:4px;transform:translate(-50%);z-index:var(--z-elevated);cursor:pointer;transition:transform var(--duration-fast),bottom var(--duration-fast)}.stereo-waveform__keyframe:hover{transform:translate(-50%) scale(1.15);z-index:var(--z-elevated);bottom:8px}.stereo-waveform__keyframe-marker{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--color-elevated);border:2px solid var(--color-border);border-radius:var(--radius-sm);font-size:12px;color:var(--color-muted)}.stereo-waveform__keyframe--generating .stereo-waveform__keyframe-marker{border-color:var(--color-primary);animation:keyframe-generating 1.5s ease-in-out infinite}@keyframes keyframe-generating{0%,to{box-shadow:0 0 #a78bfa66}50%{box-shadow:0 0 0 4px #a78bfa33}}.stereo-waveform__keyframe--completed .stereo-waveform__keyframe-marker{border-color:var(--color-success);background:var(--color-success);color:var(--text-on-accent)}.stereo-waveform__keyframe--failed .stereo-waveform__keyframe-marker{border-color:var(--color-error);background:var(--color-error);color:#fff}.stereo-waveform__keyframe-thumb{width:32px;height:32px;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-sm);border:2px solid var(--color-success);box-shadow:0 2px 8px #00000080;background:var(--color-void)}.stereo-waveform__keyframe:hover .stereo-waveform__keyframe-thumb{width:48px;height:48px;border-color:var(--color-accent)}.stereo-waveform:hover:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(167,139,250,.03) 50%,transparent 100%);pointer-events:none}.stereo-waveform--playing{box-shadow:0 0 12px var(--color-primary-glow)}.stereo-waveform--playing .stereo-waveform__playhead{box-shadow:0 0 8px var(--color-accent)}.stereo-waveform--energy-low{filter:drop-shadow(0 0 2px var(--color-primary))}.stereo-waveform--energy-medium{filter:drop-shadow(0 0 6px var(--color-primary)) drop-shadow(0 0 12px var(--color-primary-glow))}.stereo-waveform--energy-high{animation:waveform-glow .5s var(--ease-in-out) infinite}.stereo-waveform--active{border:1px solid var(--color-primary);box-shadow:0 0 20px var(--color-primary-glow)}.stereo-waveform--beat{animation:shot-complete-pop .2s var(--ease-out)}.stereo-waveform--playing:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at var(--playhead-x, 50%) 50%,rgba(167,139,250,.1) 0%,transparent 30%);pointer-events:none;z-index:var(--z-elevated);transition:all var(--duration-fast)}.stereo-waveform__shot{position:absolute;top:0;height:100%;background:#a78bfa14;border-left:2px solid rgba(167,139,250,.4);border-right:1px solid rgba(167,139,250,.2);cursor:pointer;transition:background var(--duration-fast),border-color var(--duration-fast);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:4px;z-index:var(--z-elevated)}.stereo-waveform__shot:hover{background:#a78bfa26;border-left-color:var(--color-primary);z-index:var(--z-elevated)}.stereo-waveform__shot-number{font-size:10px;font-weight:700;font-family:var(--font-mono);color:var(--color-primary);background:#0009;padding:1px 4px;border-radius:var(--radius-xs);line-height:1}.stereo-waveform__shot-status{position:absolute;top:4px;right:4px;font-size:10px;width:14px;height:14px;display:flex;align-items:center;justify-content:center;background:#0009;border-radius:50%;line-height:1}.stereo-waveform__shot-status--completed{color:var(--color-success)}.stereo-waveform__shot-status--generating{color:var(--color-primary);animation:pulse 1.5s ease-in-out infinite}.stereo-waveform__shot-status--failed{color:var(--color-error)}.stereo-waveform__shot-status--stalled{color:var(--color-warning, #f59e0b)}.stereo-waveform__shot-status--pending{color:var(--color-muted);opacity:.5}.stereo-waveform__shot-status--skipped{color:var(--color-muted, #9ca3af);opacity:.5}.stereo-waveform__shot--completed{border-left-color:var(--color-success);background:#4ade800d}.stereo-waveform__shot--completed:hover{background:#4ade801f}.stereo-waveform__shot--generating{border-left-color:var(--color-primary);animation:shot-glow 2s ease-in-out infinite}@keyframes shot-glow{0%,to{background:#a78bfa14}50%{background:#a78bfa26}}.stereo-waveform__shot--failed{border-left-color:var(--color-error);background:#ef44441a}.stereo-waveform__shot--stalled{border-left-color:var(--color-warning, #f59e0b);background:#f59e0b14}.stereo-waveform__shot--pending{border-left-color:var(--color-border);background:#6464640d;opacity:.6}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.agent-conversation{display:flex;flex-direction:column;background:var(--color-surface);border:var(--border-thin);border-radius:var(--radius-lg);overflow:hidden;height:100%;min-height:0}.agent-conversation--collapsed{height:auto;min-height:unset}.agent-conversation__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);background:var(--color-elevated);border-bottom:var(--border-thin);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.agent-conversation__header:hover{background:var(--color-surface-hover)}.agent-conversation__title{display:flex;align-items:center;gap:var(--space-2);font-weight:600;color:var(--color-text)}.agent-conversation__icon{font-size:var(--text-lg)}.agent-conversation__count{background:var(--color-primary);color:var(--text-on-accent);font-size:var(--text-xs);font-weight:700;padding:2px 8px;border-radius:10px}.agent-conversation__status{display:flex;align-items:center;gap:var(--space-3)}.agent-conversation__processing{display:flex;gap:2px}.agent-conversation__processing .dot{width:4px;height:4px;background:var(--color-primary);border-radius:50%;animation:processing-dot 1.4s ease-in-out infinite}.agent-conversation__processing .dot:nth-child(2){animation-delay:.2s}.agent-conversation__processing .dot:nth-child(3){animation-delay:.4s}@keyframes processing-dot{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.agent-conversation__connection{font-size:var(--text-sm);color:var(--color-muted)}.agent-conversation__connection.connected{color:var(--color-success)}.agent-conversation__toggle{background:none;border:none;color:var(--color-muted);cursor:pointer;font-size:var(--text-xs);padding:var(--space-1)}.agent-conversation__messages{flex:1;overflow-y:auto;padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-1)}.agent-conversation__group{display:flex;gap:var(--space-3);max-width:85%;animation:message-slide-in .3s var(--ease-out) backwards}.agent-conversation__group:nth-last-child(1){animation-delay:0ms}.agent-conversation__group:nth-last-child(2){animation-delay:50ms}.agent-conversation__group:nth-last-child(3){animation-delay:.1s}.agent-conversation__group:nth-last-child(4){animation-delay:.15s}.agent-conversation__group:nth-last-child(5){animation-delay:.2s}.agent-conversation__group--user{align-self:flex-end;flex-direction:row-reverse}.agent-conversation__avatar{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;flex-shrink:0}.agent-conversation__bubbles{display:flex;flex-direction:column;gap:var(--space-1)}.agent-conversation__agent-name{font-size:var(--text-sm);font-weight:600;display:flex;align-items:baseline;gap:var(--space-2)}.agent-conversation__agent-role{font-size:var(--text-xs);font-weight:400;color:var(--color-muted)}.agent-conversation__group--user .agent-conversation__agent-name{text-align:right;justify-content:flex-end}.agent-conversation__bubble{background:var(--color-elevated);border-radius:var(--radius-md);padding:6px var(--space-2);border-left:3px solid transparent}.agent-conversation__bubble--thinking{border-left-color:var(--color-primary)}.agent-conversation__bubble--decision{border-left-color:var(--color-success);background:#10b9811a}.agent-conversation__bubble--director_assertion{border-left-color:var(--color-primary);background:#f59e0b1a}.agent-conversation__bubble--debate{border-left-color:var(--color-accent)}.agent-conversation__bubble--question{border-left-color:var(--color-purple);background:#8b5cf61a}.agent-conversation__bubble--response{border-left-color:var(--color-success);background:#10b98126}.agent-conversation__bubble--user{background:var(--color-accent);color:var(--text-on-accent);border-left:none;border-radius:var(--radius-md)}.agent-conversation__group--user .agent-conversation__bubble{background:#22d3ee26;border-left:none;border-right:3px solid var(--color-accent);color:var(--color-text)}.agent-conversation__content{font-size:var(--text-sm);line-height:1.5;color:var(--color-text)}.agent-conversation__bubble--user .agent-conversation__content{color:inherit}.agent-conversation__target{color:var(--color-accent);font-weight:600;margin-right:var(--space-1)}.agent-conversation__meta{display:flex;gap:var(--space-2);margin-top:var(--space-1);font-size:var(--text-xs);color:var(--color-muted)}.agent-conversation__confidence{color:var(--color-success)}.agent-conversation__typing{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-muted);padding:var(--space-2);animation:message-slide-in .3s var(--ease-out)}.agent-conversation__typing-avatar{width:20px;height:20px;border-radius:50%;background:var(--color-primary-glow);display:flex;align-items:center;justify-content:center;font-size:10px;animation:typing-pulse 1.5s var(--ease-in-out) infinite}.agent-conversation__typing-dots{display:flex;gap:3px}.agent-conversation__typing-dots span{width:6px;height:6px;border-radius:50%;background:var(--color-primary);animation:typing-pulse 1.2s var(--ease-in-out) infinite}.agent-conversation__typing-dots span:nth-child(2){animation-delay:.2s}.agent-conversation__typing-dots span:nth-child(3){animation-delay:.4s}.agent-conversation__input{display:flex;gap:var(--space-2);padding:var(--space-2);border-top:var(--border-thin);background:var(--color-elevated)}.agent-conversation__input input{flex:1;background:var(--color-surface);border:var(--border-thin);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);color:var(--color-text);font-size:var(--text-sm)}.agent-conversation__input input:focus{outline:none;border-color:var(--color-accent)}.agent-conversation__input input::-moz-placeholder{color:var(--color-muted)}.agent-conversation__input input::placeholder{color:var(--color-muted)}.agent-conversation__input input:disabled{opacity:.5;cursor:not-allowed}.agent-conversation__input button{background:var(--color-accent);color:var(--text-on-accent);border:none;border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);font-weight:600;font-size:var(--text-sm);cursor:pointer;transition:all var(--duration-fast)}.agent-conversation__input button:hover:not(:disabled){background:var(--color-accent-bright)}.agent-conversation__input button:disabled{opacity:.5;cursor:not-allowed}.agent-conversation__messages::-webkit-scrollbar{width:6px}.agent-conversation__messages::-webkit-scrollbar-track{background:transparent}.agent-conversation__messages::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.agent-conversation__messages::-webkit-scrollbar-thumb:hover{background:var(--color-muted)}.agent-conversation__group--reply{position:relative;margin-left:var(--space-4)}.agent-conversation__reply-context{position:absolute;left:calc(-1 * var(--space-4) - 12px);top:0;bottom:50%;width:20px;display:flex;flex-direction:column}.agent-conversation__reply-line{position:absolute;left:8px;top:0;bottom:0;width:2px;background:var(--color-border);border-radius:1px}.agent-conversation__reply-line:after{content:"";position:absolute;bottom:0;left:0;width:12px;height:2px;background:var(--color-border);border-radius:1px}.agent-conversation__reply-preview{position:absolute;top:-20px;left:24px;display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-muted);white-space:nowrap;max-width:300px}.agent-conversation__reply-icon{color:var(--color-accent);font-size:10px}.agent-conversation__reply-to{font-weight:500;color:var(--color-accent)}.agent-conversation__reply-text{color:var(--color-muted);overflow:hidden;text-overflow:ellipsis;opacity:.7;font-style:italic}.agent-conversation__reactions{display:flex;gap:2px;margin-top:var(--space-1);flex-wrap:wrap}.agent-conversation__reaction{display:inline-flex;align-items:center;justify-content:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:1px 6px;font-size:12px;cursor:default;transition:transform var(--duration-fast)}.agent-conversation__reaction:hover{transform:scale(1.1);border-color:var(--color-primary)}.agent-conversation__reaction--count{font-size:var(--text-xs);color:var(--color-muted);margin-left:2px}.agent-conversation__reactions--compact .agent-conversation__reaction{padding:0 4px;font-size:11px}.agent-conversation__content--loading{display:flex;align-items:center;gap:var(--space-2)}.agent-conversation__content--completed{display:flex;align-items:center;gap:var(--space-2);opacity:.7}.agent-conversation__spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(167,139,250,.3);border-top-color:#06c89b;border-radius:50%;animation:agent-spin .8s linear infinite;flex-shrink:0}@keyframes agent-spin{to{transform:rotate(360deg)}}.agent-conversation__check{color:#10b981;font-weight:700;flex-shrink:0}.agent-conversation__actions{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-2)}.agent-conversation__action-card{background:#a78bfa14;border:1px solid rgba(167,139,250,.2);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3)}.agent-conversation__action-detail{font-size:12px;color:var(--color-muted);margin-bottom:var(--space-2)}.agent-conversation__action-buttons{display:flex;gap:var(--space-2)}.agent-conversation__action-buttons .btn--sm{font-size:11px;padding:3px 10px;border-radius:var(--radius-sm);cursor:pointer;border:none}.agent-conversation__action-buttons .btn--primary{background:var(--color-primary, #06C89B);color:#fff}.agent-conversation__action-buttons .btn--primary:hover{opacity:.9}.agent-conversation__action-buttons .btn--ghost{background:transparent;color:var(--color-muted);border:1px solid rgba(255,255,255,.1)}.agent-conversation__action-buttons .btn--ghost:hover{background:#ffffff0d}.agent-conversation__action-card--edit{background:#06b6d414;border-color:#06b6d433}.agent-conversation__action-reason{font-size:11px;color:var(--color-muted);font-style:italic;margin-bottom:var(--space-2)}.agent-conversation__auto-count{background:#10b98126;color:var(--color-success);font-size:var(--text-xs);font-weight:600;padding:2px 6px;border-radius:8px;margin-left:var(--space-1)}.agent-conversation__post-hoc{border-top:var(--border-thin);background:var(--color-elevated)}.agent-conversation__post-hoc-toggle{width:100%;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:none;border:none;color:var(--color-muted);font-size:var(--text-xs);font-weight:500;cursor:pointer;transition:all var(--duration-fast)}.agent-conversation__post-hoc-toggle:hover{background:var(--color-surface);color:var(--color-text)}.agent-conversation__post-hoc-icon{font-size:var(--text-sm)}.agent-conversation__post-hoc-arrow{margin-left:auto;font-size:10px;color:var(--color-muted)}.agent-conversation__post-hoc-list{padding:var(--space-2) var(--space-3);background:var(--color-surface);border-top:var(--border-thin);max-height:200px;overflow-y:auto}.agent-conversation__post-hoc-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2);font-size:var(--text-xs);border-bottom:1px solid var(--color-border)}.agent-conversation__post-hoc-item:last-child{border-bottom:none}.agent-conversation__post-hoc-gate{color:var(--color-success);font-weight:500}.agent-conversation__post-hoc-time{color:var(--color-muted);font-family:var(--font-mono)}.agent-conversation__group--new{animation:message-slide-in .3s var(--ease-out)}.agent-conversation__avatar--active{animation:typing-pulse 2s var(--ease-in-out) infinite;box-shadow:0 0 8px var(--color-primary-glow)}.agent-conversation__bubble--entering{animation:panel-fade-up .25s var(--ease-out)}.agent-conversation__bubble--decision{animation:shot-complete-pop .3s var(--ease-spring)}.agent-conversation__bubble--creative{border-left-color:var(--color-warm);background:var(--color-warm-soft)}.agent-conversation__bubble--status{padding:4px 10px;font-size:.75rem;opacity:.7;border-left-width:2px;background:transparent}.agent-conversation__bubble--status .agent-conversation__content{font-size:.75rem;color:var(--color-text-secondary, #a1a1aa)}.agent-conversation__bubble--status .agent-conversation__meta{display:none}.agent-conversation__bubble--featured{border-left-width:4px;border-left-color:var(--color-warm, #f59e0b);background:#f59e0b14;padding:var(--space-3) var(--space-4)}.agent-conversation__bubble--featured .agent-conversation__content{font-size:.9rem;line-height:1.5}.agent-conversation__separator{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-5, 1.5rem) var(--space-2);max-width:100%}.agent-conversation__separator-line{flex:1;height:2px;background:var(--color-accent, #00A991);opacity:.4}.agent-conversation__separator-text{font-size:var(--text-sm, .875rem);font-weight:700;color:var(--color-accent, #00A991);white-space:nowrap;text-transform:uppercase;letter-spacing:.08em;padding:.25rem .75rem;background:color-mix(in srgb,var(--color-accent, #00A991) 10%,transparent);border-radius:var(--radius, 6px)}.agent-conversation__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-8) var(--space-4);color:var(--color-muted);animation:panel-fade-up .3s var(--ease-out)}.agent-conversation__empty-icon{font-size:48px;margin-bottom:var(--space-4);opacity:.5;animation:typing-pulse 2s var(--ease-in-out) infinite}.agent-conversation__empty-text{font-size:var(--text-sm);font-weight:500;color:var(--color-text);margin-bottom:var(--space-2)}.agent-conversation__empty-hint{font-size:var(--text-xs);color:var(--color-muted);max-width:200px;line-height:1.5}.audio-panel-overlay{position:fixed;inset:0;background:var(--color-overlay, rgba(0, 0, 0, .5));display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.audio-panel{background:var(--color-surface);border-radius:var(--radius-lg);width:90%;max-width:700px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);border:1px solid var(--color-border)}.audio-panel__header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border)}.audio-panel__header h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-text)}.audio-panel__close{background:transparent;border:none;color:var(--color-muted);font-size:1.5rem;cursor:pointer;padding:.25rem;line-height:1;transition:color .2s}.audio-panel__close:hover{color:var(--color-text)}.audio-panel__tabs{display:flex;border-bottom:1px solid var(--color-border)}.audio-panel__tab{flex:1;padding:.875rem 1rem;background:transparent;border:none;color:var(--color-muted);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border-bottom:2px solid transparent}.audio-panel__tab:hover{color:var(--color-text);background:var(--color-elevated)}.audio-panel__tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.audio-panel__content{flex:1;overflow-y:auto;padding:1.5rem}.audio-panel__section,.audio-panel__subsection{display:flex;flex-direction:column;gap:1rem}.audio-panel__subsection h3{margin:0;font-size:.875rem;font-weight:600;color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em}.audio-panel__divider{height:1px;background:var(--color-border);margin:.5rem 0}.audio-panel__form-group{display:flex;flex-direction:column;gap:.5rem}.audio-panel__form-group label{font-size:.8125rem;font-weight:500;color:var(--color-muted)}.audio-panel__form-group textarea,.audio-panel__form-group input[type=text],.audio-panel__form-group input[type=number],.audio-panel__form-group select{padding:.75rem;border-radius:var(--radius-md);background:var(--color-elevated);border:1px solid var(--color-border);color:var(--color-text);font-size:.875rem}.audio-panel__form-group textarea{resize:vertical;min-height:80px}.audio-panel__form-group input:focus,.audio-panel__form-group textarea:focus,.audio-panel__form-group select:focus{outline:none;border-color:var(--color-primary)}.audio-panel__script-preview{background:var(--color-elevated);padding:1rem;border-radius:var(--radius-md);font-size:.875rem;color:var(--color-text);line-height:1.5;max-height:120px;overflow-y:auto;white-space:pre-wrap}.audio-panel__voice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem}.audio-panel__provider-group{margin-bottom:1rem}.audio-panel__provider-group:last-child{margin-bottom:0}.audio-panel__provider-label{font-size:.75rem;font-weight:600;color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .5rem;padding-bottom:.25rem;border-bottom:1px solid var(--color-border)}.audio-panel__loading-hint{font-weight:400;color:var(--color-muted);font-size:.75rem;font-style:italic}.audio-panel__rate-grid{display:flex;flex-wrap:wrap;gap:.5rem}.audio-panel__rate-btn{padding:.5rem 1rem;border-radius:var(--radius-full);background:var(--color-elevated);border:1px solid transparent;cursor:pointer;font-size:.8125rem;color:var(--color-text);transition:all .2s}.audio-panel__rate-btn:hover:not(:disabled){background:var(--color-border);border-color:var(--color-primary)}.audio-panel__rate-btn--selected{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.audio-panel__rate-btn:disabled{opacity:.5;cursor:not-allowed}.audio-panel__slider-group{display:flex;flex-direction:column;gap:.375rem}.audio-panel__slider-group+.audio-panel__slider-group{margin-top:.75rem}.audio-panel__slider-label{display:flex;justify-content:space-between;align-items:center;font-size:.8125rem;font-weight:500;color:var(--color-text)}.audio-panel__slider-value{font-variant-numeric:tabular-nums;color:var(--color-primary);font-weight:600;min-width:3ch;text-align:right}.audio-panel__slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:var(--color-elevated);outline:none;cursor:pointer}.audio-panel__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color-primary);border:2px solid var(--color-surface);box-shadow:0 1px 3px #0000004d;cursor:pointer;-webkit-transition:transform .15s ease;transition:transform .15s ease}.audio-panel__slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.audio-panel__slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--color-primary);border:2px solid var(--color-surface);box-shadow:0 1px 3px #0000004d;cursor:pointer}.audio-panel__slider-hint{font-size:.6875rem;color:var(--color-muted);line-height:1.3}.audio-panel__search{display:flex;gap:.75rem}.audio-panel__search input{flex:1;padding:.75rem;border-radius:var(--radius-md);background:var(--color-elevated);border:1px solid var(--color-border);color:var(--color-text);font-size:.875rem}.audio-panel__search input:focus{outline:none;border-color:var(--color-primary)}.audio-panel__results{display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto}.ambient-result{background:var(--color-elevated);border-radius:var(--radius-md);padding:1rem;display:flex;flex-direction:column;gap:.5rem}.ambient-result__info{display:flex;justify-content:space-between;align-items:center}.ambient-result__name{font-size:.9375rem;font-weight:500;color:var(--color-text)}.ambient-result__duration{font-size:.75rem;color:var(--color-muted);padding:.25rem .5rem;background:var(--color-void);border-radius:var(--radius-xs)}.ambient-result__preview{width:100%;height:32px}.ambient-result__tags{display:flex;flex-wrap:wrap;gap:.375rem}.ambient-result__tag{font-size:.6875rem;padding:.125rem .5rem;background:var(--color-void);border-radius:var(--radius-full);color:var(--color-muted)}.audio-panel__error{padding:.75rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:var(--color-error);font-size:.875rem}.audio-panel__success{padding:.75rem;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:var(--radius-md);color:var(--color-success);font-size:.875rem}.audio-panel__warning{background:#ffc1071a;border:1px solid rgba(255,193,7,.3);padding:1rem;border-radius:var(--radius-md);font-size:.875rem;color:var(--color-warning)}.audio-panel__info{padding:.75rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:var(--radius-md);color:var(--color-info);font-size:.875rem}.audio-panel__result{padding:1rem;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.5rem}.audio-panel__result audio{width:100%;height:40px}.audio-panel__result-info{font-size:.8125rem;color:var(--color-success);margin:0}.audio-panel__empty{text-align:center;color:var(--color-muted);padding:2rem}.audio-panel__hint{font-size:.75rem;color:var(--color-muted);line-height:1.5;margin:0}.audio-panel .btn{padding:.75rem 1.5rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.audio-panel .btn--primary{background:var(--color-primary);color:#fff;border:none}.audio-panel .btn--primary:hover:not(:disabled){background:var(--color-primary-hover)}.audio-panel .btn--secondary{background:var(--color-elevated);color:var(--color-text);border:1px solid var(--color-border)}.audio-panel .btn--secondary:hover:not(:disabled){background:var(--color-border)}.audio-panel .btn--sm{padding:.5rem 1rem;font-size:.8125rem}.audio-panel .btn:disabled{opacity:.6;cursor:not-allowed}.audio-panel__reassemble-btn{margin-top:.5rem}.spinner--small{width:14px;height:14px;border-width:2px}.audio-panel__song{display:flex;flex-direction:column;gap:var(--space-4, 16px)}.audio-panel__song-title{margin:0;font-size:1.1rem;font-weight:700;color:var(--text-primary, #fafafa)}.audio-panel__song-player{width:100%}.audio-panel__song-audio{width:100%;height:36px;border-radius:var(--radius-sm, 6px)}.audio-panel__song-stats{display:flex;gap:var(--space-3, 12px);flex-wrap:wrap}.audio-panel__song-stat{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 14px;background:#00000040;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-sm, 6px);min-width:60px}.audio-panel__song-stat-value{font-size:1rem;font-weight:700;font-family:ui-monospace,SF Mono,Cascadia Code,Menlo,monospace;color:var(--color-primary, #06C89B)}.audio-panel__song-stat-label{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted, #71717a)}.audio-panel__song-sections{display:flex;flex-direction:column;gap:4px}.audio-panel__song-sections-title{margin:0 0 4px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted, #71717a)}.audio-panel__song-section{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:var(--radius-xs, 4px);background:#ffffff05;transition:background var(--duration-fast, .15s)}.audio-panel__song-section:hover{background:#ffffff0d}.audio-panel__song-section-time{font-size:11px;font-family:ui-monospace,SF Mono,Cascadia Code,Menlo,monospace;color:var(--text-muted, #71717a);min-width:32px}.audio-panel__song-section-label{font-size:12px;font-weight:600;color:var(--text-secondary, #a1a1aa);text-transform:uppercase;letter-spacing:.03em;min-width:70px}.audio-panel__song-section-mood{font-size:10px;font-weight:500;color:var(--color-primary, #06C89B);padding:1px 6px;border-radius:var(--radius-full, 9999px);background:var(--color-primary-soft, rgba(167, 139, 250, .1));text-transform:capitalize}.audio-panel__song-section-duration{font-size:10px;color:var(--text-muted, #71717a);margin-left:auto;font-family:ui-monospace,SF Mono,Cascadia Code,Menlo,monospace}.audio-panel__song-lyrics{display:flex;flex-direction:column;gap:4px}.audio-panel__song-lyrics-title{margin:0;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted, #71717a)}.audio-panel__song-lyrics-text{margin:0;font-size:12px;line-height:1.6;color:var(--text-secondary, #a1a1aa);white-space:pre-wrap;font-family:inherit;max-height:200px;overflow-y:auto;padding:8px 10px;background:#0003;border:1px solid rgba(255,255,255,.04);border-radius:var(--radius-sm, 6px)}.audio-panel__mode-toggle{display:flex;gap:0;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border)}.audio-panel__mode-btn{flex:1;padding:.5rem 1rem;background:var(--color-elevated);border:none;color:var(--color-muted);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s}.audio-panel__mode-btn:not(:last-child){border-right:1px solid var(--color-border)}.audio-panel__mode-btn:hover:not(.audio-panel__mode-btn--active){color:var(--color-text);background:var(--color-border)}.audio-panel__mode-btn--active{background:var(--color-primary);color:#fff}.audio-panel__style-pills{display:flex;flex-wrap:wrap;gap:.375rem}.audio-panel__style-pill{padding:.375rem .75rem;border-radius:var(--radius-full);background:var(--color-elevated);border:1px solid transparent;cursor:pointer;font-size:.75rem;color:var(--color-text);transition:all .2s;text-transform:capitalize}.audio-panel__style-pill:hover:not(:disabled){background:var(--color-border);border-color:var(--color-primary)}.audio-panel__style-pill--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.audio-panel__style-pill:disabled{opacity:.5;cursor:not-allowed}@media(max-width:600px){.audio-panel__search{flex-direction:column}.audio-panel__voice-grid{grid-template-columns:repeat(2,1fr)}}.keyframe-approval-panel{position:fixed;inset:0;z-index:var(--z-max);display:flex;flex-direction:column;background:var(--color-surface)}.keyframe-approval-panel__header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--color-border);background:var(--color-elevated)}.keyframe-approval-panel__title-row{display:flex;align-items:center;gap:1rem}.keyframe-approval-panel__title{margin:0;font-size:1.125rem;font-weight:600;color:var(--color-text)}.keyframe-approval-panel__close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;background:transparent;border:none;border-radius:var(--radius);color:var(--color-muted);cursor:pointer;transition:background .15s,color .15s}.keyframe-approval-panel__close:hover{background:var(--color-hover);color:var(--color-text)}.keyframe-approval-panel__actions{display:flex;gap:.75rem}.keyframe-approval-panel__content{display:flex;flex:1;min-height:0}.shot-thumbnail-grid{width:280px;min-width:280px;border-right:1px solid var(--color-border);overflow-y:auto;padding:1rem 1rem 3rem;background:var(--color-surface)}.shot-thumbnail-grid__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.shot-thumbnail-grid__title{margin:0;font-size:.875rem;font-weight:600;color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em}.shot-thumbnail-grid__stats{font-size:.75rem;color:var(--color-muted)}.shot-thumbnail-grid__list{display:flex;flex-direction:column;gap:.5rem}.shot-thumbnail{display:flex;gap:.75rem;padding:.625rem;background:var(--color-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease}.shot-thumbnail:hover{border-color:var(--color-primary);background:var(--color-border)}.shot-thumbnail--selected{border-color:var(--color-primary);background:var(--color-primary-glow)}.shot-thumbnail__image{width:64px;height:36px;border-radius:var(--radius-sm);background:var(--color-border);-o-object-fit:cover;object-fit:cover;flex-shrink:0}.shot-thumbnail__image--placeholder{display:flex;align-items:center;justify-content:center;font-size:.625rem;color:var(--color-muted)}.shot-thumbnail__info{flex:1;min-width:0}.shot-thumbnail__number{font-size:.8125rem;font-weight:600;color:var(--color-text)}.shot-thumbnail__status{font-size:.6875rem;color:var(--color-muted);display:flex;align-items:center;gap:.25rem}.shot-thumbnail__status-icon{font-size:.75rem}.shot-thumbnail__status-icon--approved{color:var(--color-success)}.shot-thumbnail__status-icon--rejected{color:var(--color-error)}.shot-thumbnail__status-icon--pending{color:var(--color-warning)}.shot-thumbnail__status-icon--none{color:var(--color-muted)}.keyframe-viewer{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding:1.5rem 1.5rem 3rem}.keyframe-viewer__empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-muted);gap:.5rem}.keyframe-viewer__empty-icon{font-size:2rem;opacity:.5}.keyframe-viewer__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.keyframe-viewer__title{margin:0;font-size:1rem;font-weight:600;color:var(--color-text)}.keyframe-viewer__header-actions{display:flex;align-items:center;gap:1rem}.keyframe-viewer__version-nav{display:flex;align-items:center;gap:.5rem}.keyframe-viewer__compare-btn{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;background:var(--color-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;transition:all .15s ease}.keyframe-viewer__compare-btn:hover{border-color:var(--color-primary);background:var(--color-border)}.keyframe-viewer__compare-btn--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.keyframe-viewer__compare-btn--active:hover{background:var(--color-primary-hover)}.keyframe-viewer__version-btn{padding:.25rem .5rem;font-size:.75rem;background:var(--color-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;transition:all .15s ease}.keyframe-viewer__version-btn:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-border)}.keyframe-viewer__version-btn:disabled{opacity:.5;cursor:not-allowed}.keyframe-viewer__version-btn--current{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.keyframe-viewer__image-container{flex:1;display:flex;align-items:center;justify-content:center;background:var(--color-elevated);border-radius:var(--radius-lg);overflow:hidden;min-height:300px}.keyframe-viewer__image{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;border-radius:var(--radius-md)}.keyframe-viewer__image--loading{display:flex;align-items:center;justify-content:center;width:100%;height:300px;color:var(--color-muted)}.keyframe-viewer__meta{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem;padding:1rem;background:var(--color-elevated);border-radius:var(--radius-md)}.keyframe-viewer__meta-item{display:flex;flex-direction:column;gap:.125rem}.keyframe-viewer__meta-label{font-size:.6875rem;color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em}.keyframe-viewer__meta-value{font-size:.8125rem;color:var(--color-text)}.keyframe-viewer__prompt{margin-top:1rem;padding:1rem;background:var(--color-elevated);border-radius:var(--radius-md)}.keyframe-viewer__prompt-label{font-size:.6875rem;color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.keyframe-viewer__prompt-text{font-size:.875rem;color:var(--color-text);line-height:1.5;white-space:pre-wrap}.keyframe-viewer__quality-issues{margin-top:.75rem;padding:.75rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md)}.keyframe-viewer__quality-issues-title{font-size:.75rem;font-weight:600;color:var(--color-error);margin-bottom:.375rem}.keyframe-viewer__quality-issues-list{font-size:.8125rem;color:var(--color-error);margin:0;padding-left:1rem}.keyframe-viewer__guidance{margin-top:.75rem;padding:1rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:var(--radius-md)}.keyframe-viewer__guidance-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.keyframe-viewer__guidance-icon{font-size:1rem}.keyframe-viewer__guidance-title{font-size:.8125rem;font-weight:600;color:var(--color-info)}.keyframe-viewer__guidance-text{font-size:.8125rem;color:var(--color-text);margin:0 0 .75rem;line-height:1.5}.keyframe-viewer__guidance-options{margin-bottom:.75rem}.keyframe-viewer__guidance-options-label{display:block;font-size:.75rem;color:var(--color-muted);margin-bottom:.375rem}.keyframe-viewer__guidance-chips{display:flex;flex-wrap:wrap;gap:.375rem}.keyframe-viewer__guidance-chip{padding:.25rem .5rem;font-size:.6875rem;background:var(--color-elevated);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text);cursor:pointer;transition:all .15s ease}.keyframe-viewer__guidance-chip:hover{border-color:var(--color-primary);background:var(--color-primary-glow)}.keyframe-viewer__guidance-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;background:var(--color-info);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:all .15s ease}.keyframe-viewer__guidance-btn:hover:not(:disabled){background:var(--color-link-dim)}.keyframe-viewer__guidance-btn:disabled{opacity:.6;cursor:not-allowed}.keyframe-viewer__actions{display:flex;gap:.75rem;margin-top:1rem}.keyframe-viewer__action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease}.keyframe-viewer__action-btn--approve{background:var(--color-success);border:none;color:#fff}.keyframe-viewer__action-btn--approve:hover:not(:disabled){background:var(--color-success)}.keyframe-viewer__action-btn--reject{background:transparent;border:1px solid var(--color-error);color:var(--color-error)}.keyframe-viewer__action-btn--reject:hover:not(:disabled){background:#ef44441a}.keyframe-viewer__action-btn--regenerate{background:var(--color-elevated);border:1px solid var(--color-border);color:var(--color-text)}.keyframe-viewer__action-btn--regenerate:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-border)}.keyframe-viewer__regenerate-group{display:flex;flex:1}.keyframe-viewer__regenerate-group .keyframe-viewer__action-btn--regenerate{flex:1;border-top-right-radius:0;border-bottom-right-radius:0;border-right:none}.keyframe-viewer__action-btn--regenerate-options{padding:.75rem .5rem;font-size:.625rem;background:var(--color-elevated);border:1px solid var(--color-border);border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);color:var(--color-muted);cursor:pointer;transition:all .15s ease}.keyframe-viewer__action-btn--regenerate-options:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-border);color:var(--color-text)}.keyframe-viewer__action-btn--upload{background:var(--color-elevated);border:1px solid var(--color-border);color:var(--color-text)}.keyframe-viewer__action-btn--upload:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-border)}.keyframe-viewer__action-btn:disabled{opacity:.6;cursor:not-allowed}.keyframe-comparison{flex:1;display:flex;flex-direction:column;gap:1rem;overflow:hidden}.keyframe-comparison__selector{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:var(--color-elevated);border-radius:var(--radius-md)}.keyframe-comparison__label{font-size:.8125rem;color:var(--color-muted);white-space:nowrap}.keyframe-comparison__checkboxes{display:flex;flex-wrap:wrap;gap:.5rem}.keyframe-comparison__checkbox{display:flex;align-items:center;gap:.375rem;padding:.25rem .5rem;font-size:.8125rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;transition:all .15s ease}.keyframe-comparison__checkbox:hover{border-color:var(--color-primary)}.keyframe-comparison__checkbox input{margin:0}.keyframe-comparison__grid{flex:1;display:grid;gap:1rem;overflow-y:auto;padding-bottom:1rem}.keyframe-comparison__grid--2{grid-template-columns:repeat(2,1fr)}.keyframe-comparison__grid--3{grid-template-columns:repeat(3,1fr)}.keyframe-comparison__grid--4{grid-template-columns:repeat(2,1fr)}@media(min-width:1200px){.keyframe-comparison__grid--4{grid-template-columns:repeat(4,1fr)}}.keyframe-comparison__item{display:flex;flex-direction:column;background:var(--color-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.keyframe-comparison__item-header{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.keyframe-comparison__item-version{font-size:.8125rem;font-weight:600;color:var(--color-text)}.keyframe-comparison__item-current{font-weight:400;color:var(--color-muted);font-size:.75rem}.keyframe-comparison__item-image-wrapper{flex:1;display:flex;align-items:center;justify-content:center;min-height:150px;background:var(--color-surface)}.keyframe-comparison__item-image{width:100%;height:auto;max-height:300px;-o-object-fit:contain;object-fit:contain}.keyframe-comparison__item-loading{color:var(--color-muted);font-size:.8125rem}.keyframe-comparison__item-meta{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-top:1px solid var(--color-border)}.keyframe-comparison__item-provider{font-size:.6875rem;color:var(--color-muted);text-transform:uppercase}.keyframe-comparison__item-actions{display:flex;gap:.5rem;padding:.5rem .75rem;border-top:1px solid var(--color-border);background:var(--color-surface)}.keyframe-comparison__action{flex:1;display:flex;align-items:center;justify-content:center;padding:.375rem;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease}.keyframe-comparison__action--approve{background:transparent;border:1px solid var(--color-success);color:var(--color-success)}.keyframe-comparison__action--approve:hover:not(:disabled){background:var(--color-success);color:#fff}.keyframe-comparison__action--reject{background:transparent;border:1px solid var(--color-error);color:var(--color-error)}.keyframe-comparison__action--reject:hover:not(:disabled){background:var(--color-error);color:#fff}.keyframe-comparison__action:disabled{opacity:.4;cursor:not-allowed}.keyframe-comparison__hint{text-align:center;padding:2rem;color:var(--color-muted);font-size:.875rem}.regenerate-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-popover)}.regenerate-modal__content{background:var(--color-surface);border-radius:var(--radius-lg);width:90%;max-width:450px;padding:1.5rem;box-shadow:var(--shadow-xl)}.regenerate-modal__title{margin:0 0 1.25rem;font-size:1.125rem;font-weight:600;color:var(--color-text)}.regenerate-modal__field{margin-bottom:1rem}.regenerate-modal__label{display:block;font-size:.8125rem;font-weight:500;color:var(--color-text);margin-bottom:.5rem}.regenerate-modal__select{width:100%;padding:.625rem .75rem;font-size:.875rem;background:var(--color-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer}.regenerate-modal__select:focus{outline:none;border-color:var(--color-primary)}.regenerate-modal__hint{margin-top:.375rem;font-size:.75rem;color:var(--color-muted);min-height:1rem}.regenerate-modal__textarea{width:100%;padding:.75rem;font-size:.875rem;background:var(--color-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);resize:vertical;min-height:80px}.regenerate-modal__textarea::-moz-placeholder{color:var(--color-muted)}.regenerate-modal__textarea::placeholder{color:var(--color-muted)}.regenerate-modal__textarea:focus{outline:none;border-color:var(--color-primary)}.regenerate-modal__actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.regenerate-modal__btn{padding:.625rem 1rem;font-size:.875rem;font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease}.regenerate-modal__btn--cancel{background:var(--color-elevated);border:1px solid var(--color-border);color:var(--color-text)}.regenerate-modal__btn--cancel:hover{background:var(--color-border)}.regenerate-modal__btn--generate{background:var(--color-primary);border:none;color:#fff}.regenerate-modal__btn--generate:hover:not(:disabled){background:var(--color-primary-hover)}.regenerate-modal__btn--generate:disabled{opacity:.6;cursor:not-allowed}.rejection-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal)}.rejection-modal__content{background:var(--color-surface);border-radius:var(--radius-lg);width:90%;max-width:400px;padding:1.5rem;box-shadow:var(--shadow-xl)}.rejection-modal__title{margin:0 0 1rem;font-size:1.125rem;font-weight:600;color:var(--color-text)}.rejection-modal__reasons{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.rejection-modal__reason{display:flex;align-items:center;gap:.5rem;padding:.625rem .75rem;background:var(--color-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease}.rejection-modal__reason:hover{border-color:var(--color-primary)}.rejection-modal__reason--selected{border-color:var(--color-primary);background:var(--color-primary-glow)}.rejection-modal__reason-label{font-size:.875rem;color:var(--color-text)}.rejection-modal__notes{width:100%;padding:.75rem;font-size:.875rem;background:var(--color-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);resize:vertical;min-height:80px;margin-bottom:1rem}.rejection-modal__notes::-moz-placeholder{color:var(--color-muted)}.rejection-modal__notes::placeholder{color:var(--color-muted)}.rejection-modal__actions{display:flex;gap:.75rem;justify-content:flex-end}.rejection-modal__btn{padding:.5rem 1rem;font-size:.875rem;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease}.rejection-modal__btn--cancel{background:var(--color-elevated);border:1px solid var(--color-border);color:var(--color-text)}.rejection-modal__btn--cancel:hover{background:var(--color-border)}.rejection-modal__btn--confirm{background:var(--color-error);border:none;color:#fff}.rejection-modal__btn--confirm:hover:not(:disabled){background:var(--color-error)}.rejection-modal__btn--confirm:disabled{opacity:.6;cursor:not-allowed}.upload-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal)}.upload-modal__content{background:var(--color-surface);border-radius:var(--radius-lg);width:90%;max-width:500px;padding:1.5rem;box-shadow:var(--shadow-xl)}.upload-modal__title{margin:0 0 1rem;font-size:1.125rem;font-weight:600;color:var(--color-text)}.upload-modal__dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background:var(--color-elevated);border:2px dashed var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;min-height:200px}.upload-modal__dropzone:hover{border-color:var(--color-primary)}.upload-modal__dropzone--active{border-color:var(--color-primary);background:var(--color-primary-glow)}.upload-modal__preview{max-width:100%;max-height:200px;-o-object-fit:contain;object-fit:contain;border-radius:var(--radius-sm)}.upload-modal__placeholder{text-align:center;color:var(--color-muted)}.upload-modal__placeholder-icon{font-size:2rem;margin-bottom:.5rem}.upload-modal__placeholder-text{font-size:.875rem}.upload-modal__placeholder-hint{font-size:.75rem;margin-top:.25rem}.upload-modal__prompt{margin-top:1rem}.upload-modal__prompt-label{display:block;font-size:.8125rem;font-weight:500;color:var(--color-text);margin-bottom:.5rem}.upload-modal__prompt-input{width:100%;padding:.75rem;font-size:.875rem;background:var(--color-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);resize:vertical;min-height:80px}.upload-modal__prompt-input::-moz-placeholder{color:var(--color-muted)}.upload-modal__prompt-input::placeholder{color:var(--color-muted)}.upload-modal__hint{margin-top:.5rem;font-size:.75rem;color:var(--color-muted)}.upload-modal__warning{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem;background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:var(--radius-md);font-size:.8125rem;color:var(--color-warning)}.upload-modal__actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.upload-modal__btn{padding:.5rem 1rem;font-size:.875rem;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease}.upload-modal__btn--cancel{background:var(--color-elevated);border:1px solid var(--color-border);color:var(--color-text)}.upload-modal__btn--cancel:hover{background:var(--color-border)}.upload-modal__btn--upload{background:var(--color-primary);border:none;color:#fff}.upload-modal__btn--upload:hover:not(:disabled){background:var(--color-primary-hover)}.upload-modal__btn--upload:disabled{opacity:.6;cursor:not-allowed}.upload-modal__crop-container{margin-bottom:1rem}.upload-modal__crop-preview{position:relative;background:var(--color-elevated);border:2px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.upload-modal__crop-image{display:block;width:100%;max-height:350px;-o-object-fit:contain;object-fit:contain}.upload-modal__crop-dim{position:absolute;left:0;right:0;background:#0009;pointer-events:none}.upload-modal__crop-dim--top{top:0}.upload-modal__crop-dim--bottom{bottom:0}.upload-modal__crop-area{position:absolute;inset:0;border:2px solid var(--color-primary);box-shadow:0 0 0 9999px #00000080;cursor:ns-resize}.upload-modal__crop-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:.375rem .75rem;background:var(--color-primary);color:#fff;font-size:.75rem;font-weight:500;border-radius:var(--radius-full);pointer-events:none;white-space:nowrap;opacity:.9}.upload-modal__crop-info{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem;font-size:.8125rem;color:var(--color-muted)}.upload-modal__change-image-btn{padding:.25rem .5rem;font-size:.75rem;background:var(--color-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;transition:all .15s ease}.upload-modal__change-image-btn:hover{border-color:var(--color-primary);background:var(--color-border)}.keyframe-approved-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .375rem;font-size:.6875rem;font-weight:600;color:var(--color-success);background:#22c55e26;border-radius:var(--radius-full)}.keyframe-rejected-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .375rem;font-size:.6875rem;font-weight:600;color:var(--color-error);background:#ef444426;border-radius:var(--radius-full)}.quality-score{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .375rem;font-size:.6875rem;font-weight:600;border-radius:var(--radius-full)}.quality-score--high{color:var(--color-success);background:#22c55e26}.quality-score--medium{color:var(--color-warning);background:#f59e0b26}.quality-score--low{color:var(--color-error);background:#ef444426}.keyframe-viewer__action-btn--library{background:var(--color-surface-elevated);color:var(--color-text);border:1px solid var(--color-border)}.keyframe-viewer__action-btn--library:hover{background:var(--color-surface-hover);border-color:var(--color-primary)}.library-modal{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-popover);padding:2rem}.library-modal__content{background:var(--color-surface-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:900px;width:100%;max-height:85vh;display:flex;flex-direction:column;overflow:hidden}.library-modal__title{padding:1.25rem 1.5rem;font-size:1.125rem;font-weight:600;color:var(--color-text);border-bottom:1px solid var(--color-border)}.library-modal__search{display:flex;gap:.75rem;padding:1rem 1.5rem;border-bottom:1px solid var(--color-border)}.library-modal__search-input{flex:1;padding:.625rem .875rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:.875rem}.library-modal__search-input:focus{outline:none;border-color:var(--color-primary)}.library-modal__search-btn{padding:.625rem 1rem;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer}.library-modal__search-btn:hover{background:var(--color-primary-hover)}.library-modal__grid{flex:1;overflow-y:auto;padding:1rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.library-modal__loading,.library-modal__empty{grid-column:1 / -1;padding:3rem;text-align:center;color:var(--text-muted)}.library-modal__item{border-radius:var(--radius-md);overflow:hidden;background:var(--color-surface);border:2px solid transparent;cursor:pointer;transition:all .15s ease}.library-modal__item:hover{border-color:var(--color-border-hover)}.library-modal__item--selected{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.2)}.library-modal__item-image{width:100%;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover}.library-modal__item-info{padding:.5rem .75rem}.library-modal__item-prompt{font-size:.75rem;color:var(--text-muted);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.library-modal__item-provider{font-size:.6875rem;color:var(--text-disabled);margin-top:.25rem;text-transform:uppercase}.library-modal__actions{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--color-border)}.library-modal__btn{padding:.625rem 1.25rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.library-modal__btn--cancel{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.library-modal__btn--cancel:hover{background:var(--color-surface-hover)}.library-modal__btn--select{background:var(--color-primary);color:#fff;border:none}.library-modal__btn--select:hover:not(:disabled){background:var(--color-primary-hover)}.library-modal__btn--select:disabled{opacity:.5;cursor:not-allowed}.keyframe-approval-panel__shortcuts{position:absolute;bottom:0;left:0;right:0;display:flex;flex-wrap:wrap;gap:.75rem;padding:.5rem 1rem;background:var(--color-surface);border-top:1px solid var(--color-border);font-size:.75rem;color:var(--text-muted)}.keyframe-approval-panel__shortcuts .shortcut{display:flex;align-items:center;gap:.25rem}.keyframe-approval-panel__shortcuts kbd{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .25rem;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:inherit;font-size:.6875rem;font-weight:500;color:var(--color-text)}.shot-list{padding:var(--space-6)}.shot-list__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.shot-list__title-group{display:flex;align-items:baseline;gap:var(--space-3)}.shot-list__title{font-size:var(--text-lg);font-weight:600}.shot-list__count{font-size:var(--text-sm)}.shot-list__stats{display:flex;gap:var(--space-4)}.shot-list__stat{display:flex;align-items:baseline;gap:var(--space-1)}.shot-list__progress{height:4px;background:var(--color-surface);border-radius:var(--radius-full);margin-bottom:var(--space-6);overflow:hidden}.shot-list__progress-bar{height:100%;background:linear-gradient(90deg,var(--color-success),var(--color-primary));border-radius:var(--radius-full);transition:width var(--duration-slow) var(--ease-out-expo)}.shot-list__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.shot-card{background:var(--color-surface);border:2px solid transparent;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all var(--duration-normal) var(--ease-out-quart)}.shot-card:hover{border-color:#ffffff1a;transform:translateY(-2px);box-shadow:var(--shadow-md)}.shot-card--selected{border-color:var(--color-primary);box-shadow:var(--shadow-glow-primary)}.shot-card__thumbnail{aspect-ratio:16 / 9;background:var(--color-elevated);position:relative;overflow:hidden}.shot-card__thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.shot-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-elevated) 0%,var(--color-surface) 100%)}.shot-card__number{font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:700;color:var(--text-muted);opacity:.3}.shot-card__generating{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);background:linear-gradient(135deg,var(--color-elevated) 0%,var(--color-primary-glow) 100%)}.shot-card__spinner{width:32px;height:32px;border:3px solid var(--color-overlay);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.shot-card__generating-info{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.shot-card__elapsed{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:600;color:var(--color-primary);text-shadow:0 0 10px var(--color-primary-glow)}.shot-card__provider{font-size:var(--text-xs);color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em}.shot-card__provider-badge{font-size:10px;font-weight:600;padding:1px 6px;border-radius:var(--radius-full, 9999px);text-transform:uppercase;letter-spacing:.04em;line-height:1.4}.shot-card__provider-badge--veo{background:#4285f426;color:#4285f4}.shot-card__provider-badge--piapi{background:#34a85326;color:#34a853}.shot-card__provider-badge--ltx{background:#673ab726;color:#673ab7}.shot-card__play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000080;font-size:var(--text-xl);color:#fff;opacity:0;transition:opacity var(--duration-fast)}.shot-card:hover .shot-card__play{opacity:1}.shot-card__body{padding:var(--space-4)}.shot-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.shot-card__id{font-size:var(--text-xs);font-weight:600;color:var(--text-muted)}.shot-card__desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-tight);margin-bottom:var(--space-3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.shot-card__meta{display:flex;align-items:center;justify-content:space-between}.shot-card__duration{color:var(--text-muted)}.shot-card__score{font-family:var(--font-mono)}.shot-card__segment{text-transform:uppercase;letter-spacing:.03em;font-weight:600;color:var(--color-accent, #22d3ee)}.shot-card__mood{color:var(--color-primary, #06C89B);font-style:italic;text-transform:capitalize}.shot-card__energy{font-family:var(--font-mono);color:var(--text-muted, #71717a)}.text-success{color:var(--color-success)}.shot-card--generating{border-color:var(--color-primary)}.shot-card--retrying{border-color:var(--color-warning)}.shot-card--failed{border-color:var(--color-error);opacity:.7}.shot-card--completed .shot-card__thumbnail:after{content:"";position:absolute;top:var(--space-2);right:var(--space-2);width:20px;height:20px;background:var(--color-success);border-radius:50%;display:flex;align-items:center;justify-content:center}@media(max-width:640px){.shot-list__grid{grid-template-columns:1fr}.shot-list__header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}}.modal-overlay{position:fixed;inset:0;z-index:var(--z-overlay);background:#00000080;display:flex;align-items:center;justify-content:center;padding:var(--space-6);animation:modal-overlay-in var(--duration-normal) var(--ease-out) forwards}.modal-overlay--closing{animation:modal-overlay-out var(--duration-normal) var(--ease-in) forwards}.modal{position:relative;z-index:var(--z-modal);background:var(--color-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);width:100%;max-height:calc(100vh - var(--space-12));display:flex;flex-direction:column;animation:modal-slide-in var(--duration-slow) var(--ease-smooth) forwards}.modal-overlay--closing .modal{animation:modal-slide-out var(--duration-normal) var(--ease-in) forwards}.modal--sm{max-width:400px}.modal--md{max-width:560px}.modal--lg{max-width:720px}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-color);flex-shrink:0}.modal__title{font-size:var(--text-lg);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);color:var(--text-primary);margin:0;line-height:var(--leading-tight)}.modal__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);color:var(--text-muted);flex-shrink:0;margin-left:var(--space-4);transition:all var(--duration-fast) var(--ease-out)}.modal__close:hover{background:var(--color-elevated);color:var(--text-primary)}.modal__close:focus-visible{outline:var(--ring-width) solid var(--ring-color);outline-offset:var(--ring-offset)}.modal__body{padding:var(--space-6);overflow-y:auto;flex:1 1 auto}.modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-color);flex-shrink:0}.modal__message{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed)}@keyframes modal-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes modal-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes modal-slide-in{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes modal-slide-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(8px) scale(.98)}}@media(max-width:480px){.modal-overlay{padding:0;align-items:flex-end}.modal{max-width:100%;max-height:100%;border-radius:0}.modal__footer{flex-direction:column;gap:var(--space-2)}.modal__footer .btn{width:100%}}@media(prefers-reduced-motion:reduce){.modal-overlay,.modal,.modal-overlay--closing,.modal-overlay--closing .modal{animation:none!important}}.settings-panel-overlay{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.settings-panel{width:90%;max-width:640px;max-height:90vh;display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden}.settings-panel__header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:var(--z-elevated);background:var(--color-surface)}.settings-panel__header h2{margin:0;font-size:1.125rem;font-weight:600}.settings-panel__close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;font-size:1.5rem;line-height:1;color:var(--color-muted);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease}.settings-panel__close:hover{color:var(--color-text);background:var(--color-elevated)}.settings-panel__content{flex:1;overflow-y:auto;padding:1.5rem}.settings-panel__error{padding:.75rem 1rem;margin-bottom:1rem;font-size:.875rem;color:var(--color-error);background:#ef44441a;border:1px solid rgba(239,68,68,.25);border-radius:var(--radius-md)}.settings-panel__section{margin-bottom:1.75rem}.settings-panel__section:last-child{margin-bottom:0}.settings-panel__section-title{margin:0 0 1rem;font-size:.8125rem;font-weight:600;color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em}.settings-panel__field{margin-bottom:1rem}.settings-panel__field:last-child{margin-bottom:0}.settings-panel__label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:var(--color-text)}.settings-panel__label-hint{display:block;font-size:.75rem;font-weight:400;color:var(--color-muted);margin-top:.125rem}.settings-panel__badge{display:inline-block;padding:.25rem .75rem;font-size:.8125rem;font-weight:500;color:var(--color-muted);background:var(--color-elevated);border:1px solid var(--color-border);border-radius:var(--radius-full);text-transform:capitalize}.settings-panel__footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--color-border);background:var(--color-surface);position:sticky;bottom:0}.settings-panel__footer .btn{min-width:80px}.settings-panel__footer .btn--primary{background:var(--color-primary);color:var(--text-on-accent)}.settings-panel__footer .btn--primary:hover:not(:disabled){background:var(--color-primary-hover)}.settings-panel__footer .btn--primary:disabled{opacity:.5;cursor:not-allowed}.settings-panel__footer .btn--ghost{background:transparent;color:var(--text-secondary)}.settings-panel__footer .btn--ghost:hover{background:var(--color-elevated);color:var(--color-text)}@media(max-width:480px){.settings-panel{width:100%;max-height:100vh;border-radius:0}.settings-panel__header,.settings-panel__content{padding:1rem}.settings-panel__footer{padding:.75rem 1rem}.format-selector-v2,.duration-selector-v2{flex-direction:column}.speed-selector{grid-template-columns:1fr}}.settings-panel__music-analysis{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.settings-panel__analysis-item{display:flex;flex-direction:column;gap:.125rem;padding:.5rem .75rem;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md)}.settings-panel__analysis-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.settings-panel__analysis-value{font-size:.9rem;font-weight:600;color:var(--color-text)}.candidate-gallery{display:flex;gap:var(--space-2, 8px);overflow-x:auto;padding:var(--space-2, 8px) 0;scrollbar-width:thin}.candidate-gallery__item{position:relative;flex-shrink:0;width:100px;height:75px;border-radius:var(--radius-sm, 4px);overflow:hidden;border:2px solid var(--color-border, #2a2a3e);cursor:pointer;transition:border-color .15s,box-shadow .15s;background:#111}.candidate-gallery__item:hover{border-color:var(--color-accent, #6366f1)}.candidate-gallery__item--selected{border-color:var(--color-accent, #6366f1);box-shadow:0 0 0 1px var(--color-accent, #6366f1)}.candidate-gallery__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.candidate-gallery__check{position:absolute;top:4px;right:4px;width:18px;height:18px;border-radius:50%;background:var(--color-accent, #6366f1);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;line-height:1;pointer-events:none}.candidate-gallery__score{position:absolute;bottom:4px;left:4px;padding:1px 5px;border-radius:var(--radius-sm, 4px);background:#000000b3;color:#e0e0e0;font-size:var(--text-xs, .75rem);font-weight:600;pointer-events:none}.camera-motion-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.camera-motion-overlay__svg{width:100%;height:100%}.camera-motion-overlay__duration-badge{position:absolute;bottom:6px;right:6px;padding:2px 8px;border-radius:var(--radius-sm, 4px);background:#000000a6;color:#ffffffe6;font-size:var(--text-xs, .75rem);font-weight:600;line-height:1.4;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.shot-conversation{grid-column:1 / -1;display:flex;flex-direction:column;gap:var(--space-2, 8px);padding-top:var(--space-3, 12px);border-top:1px solid var(--color-border, #2a2a3e)}.shot-conversation__label{font-size:var(--text-xs, .75rem);font-weight:600;color:var(--color-muted, #888);text-transform:uppercase;letter-spacing:.05em}.shot-conversation__messages{display:flex;flex-direction:column;gap:var(--space-2, 8px);max-height:200px;overflow-y:auto;padding-right:var(--space-1, 4px)}.shot-conversation__bubble{display:flex;flex-direction:column;gap:2px;max-width:85%;padding:var(--space-2, 8px) var(--space-3, 12px);border-radius:var(--radius-md, 8px);background:var(--color-elevated, #222238);font-size:var(--text-sm, .875rem);line-height:1.5;color:var(--color-text, #e0e0e0);align-self:flex-start}.shot-conversation__bubble--user{align-self:flex-end;background:#6366f133}.shot-conversation__bubble-header{display:flex;align-items:center;gap:var(--space-2, 8px)}.shot-conversation__role{font-size:var(--text-xs, .75rem);font-weight:600;color:var(--color-accent, #6366f1)}.shot-conversation__bubble--user .shot-conversation__role{color:var(--color-text, #e0e0e0)}.shot-conversation__time{font-size:10px;color:var(--color-muted, #888)}.shot-conversation__content{margin:0;word-break:break-word}.shot-conversation__input{display:flex;gap:var(--space-2, 8px);align-items:center}.shot-conversation__input-field{flex:1;padding:var(--space-2, 8px) var(--space-3, 12px);border:1px solid var(--color-border, #2a2a3e);border-radius:var(--radius-md, 8px);background:var(--color-surface, #1a1a2e);color:var(--color-text, #e0e0e0);font-size:var(--text-sm, .875rem);outline:none;transition:border-color .15s}.shot-conversation__input-field::-moz-placeholder{color:var(--color-muted, #888)}.shot-conversation__input-field::placeholder{color:var(--color-muted, #888)}.shot-conversation__input-field:focus{border-color:var(--color-accent, #6366f1)}.shot-conversation__send-btn{padding:var(--space-2, 8px) var(--space-3, 12px);border:none;border-radius:var(--radius-md, 8px);background:var(--color-accent, #6366f1);color:#fff;font-size:var(--text-sm, .875rem);font-weight:600;cursor:pointer;white-space:nowrap;transition:opacity .15s}.shot-conversation__send-btn:hover:not(:disabled){opacity:.85}.shot-conversation__send-btn:disabled{opacity:.4;cursor:not-allowed}.shot-conversation__empty{font-size:var(--text-xs, .75rem);color:var(--color-muted, #888);font-style:italic;padding:var(--space-2, 8px) 0}.shot-context-card{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto auto;gap:var(--space-3, 12px);background:var(--color-surface, #1a1a2e);border:1px solid var(--color-border, #2a2a3e);border-radius:var(--radius-md, 8px);padding:var(--space-4, 16px);color:var(--color-text, #e0e0e0);max-height:100%;overflow-y:auto}.shot-context-card__header{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-2, 8px);border-bottom:1px solid var(--color-border, #2a2a3e)}.shot-context-card__title{font-size:var(--text-sm, .875rem);font-weight:600;color:var(--color-text, #e0e0e0);margin:0}.shot-context-card__stale-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;font-size:.6875rem;font-weight:600;color:var(--color-warning, #f59e0b);background:#f59e0b26;border-radius:var(--radius-full, 999px);margin-left:.5rem}.shot-context-card__nav{display:flex;align-items:center;gap:var(--space-2, 8px)}.shot-context-card__nav-btn{background:none;border:1px solid var(--color-border, #2a2a3e);border-radius:var(--radius-sm, 4px);color:var(--color-muted, #888);width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:var(--text-sm, .875rem);transition:border-color .15s,color .15s}.shot-context-card__nav-btn:hover:not(:disabled){border-color:var(--color-accent, #6366f1);color:var(--color-text, #e0e0e0)}.shot-context-card__nav-btn:disabled{opacity:.3;cursor:not-allowed}.shot-context-card__keyframe{grid-column:1;position:relative;border-radius:var(--radius, 6px);overflow:hidden;background:#111;aspect-ratio:16 / 9;max-height:50vh}.shot-context-card__keyframe-wrapper{position:relative;width:100%;height:100%}.shot-context-card__keyframe-wrapper img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.shot-context-card__play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;border:none;background:#0009;color:#ffffffe6;font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,transform .15s;z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.shot-context-card__play-overlay:hover{background:#6366f1b3;transform:translate(-50%,-50%) scale(1.1)}.shot-context-card__video-player{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block;background:#000;border-radius:var(--radius, 6px)}.shot-context-card__back-to-keyframe{position:absolute;bottom:6px;left:6px;padding:2px 8px;border-radius:var(--radius-sm, 4px);border:none;background:#000000a6;color:#ffffffe6;font-size:var(--text-xs, .75rem);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .15s}.shot-context-card__back-to-keyframe:hover{background:#000000d9}.shot-context-card__keyframe-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-muted, #888);font-size:var(--text-sm, .875rem)}.shot-context-card__candidates{grid-column:1 / -1;border-top:1px solid var(--color-border, #2a2a3e);padding-top:var(--space-2, 8px)}.shot-context-card__context{grid-column:2;display:flex;flex-direction:column;gap:var(--space-3, 12px);min-width:0}.shot-context-card__lyrics{display:flex;gap:var(--space-2, 8px);align-items:flex-start;padding:var(--space-2, 8px) var(--space-3, 12px);background:#6366f114;border-radius:var(--radius-sm, 4px);border-left:3px solid rgba(99,102,241,.4)}.shot-context-card__lyrics-icon{flex-shrink:0;font-size:var(--text-sm, .875rem);line-height:1.5}.shot-context-card__lyrics-text{font-style:italic;color:var(--color-text, #e0e0e0);font-size:var(--text-sm, .875rem);line-height:1.5;margin:0}.shot-context-card__segment{display:flex;align-items:center;gap:var(--space-2, 8px)}.shot-context-card__segment-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-sm, 4px);background:#6366f126;color:var(--color-accent, #6366f1);font-size:var(--text-xs, .75rem);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.shot-context-card__energy{display:flex;align-items:center;gap:var(--space-1, 4px);flex:1}.shot-context-card__energy-label{font-size:var(--text-xs, .75rem);color:var(--color-muted, #888);white-space:nowrap}.shot-context-card__energy-bar{flex:1;height:4px;background:var(--color-border, #2a2a3e);border-radius:2px;overflow:hidden;max-width:80px}.shot-context-card__energy-fill{height:100%;border-radius:2px;transition:width .3s ease}.shot-context-card__energy-fill--low{background:#3b82f6}.shot-context-card__energy-fill--mid{background:#f59e0b}.shot-context-card__energy-fill--high{background:#ef4444}.shot-context-card__mood{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.shot-context-card__mood-pill{display:inline-flex;align-items:center;padding:2px 10px;border-radius:var(--radius-full, 9999px);background:var(--color-primary-soft, rgba(167, 139, 250, .1));border:1px solid rgba(167,139,250,.25);color:var(--color-primary, #06C89B);font-size:11px;font-weight:600;text-transform:capitalize;letter-spacing:.02em;box-shadow:0 0 8px var(--color-primary-glow, rgba(167, 139, 250, .15)),inset 0 1px #ffffff0a;transition:box-shadow var(--duration-fast, .15s) ease}.shot-context-card__mood-pill:hover{box-shadow:0 0 14px var(--color-primary-glow, rgba(167, 139, 250, .25)),inset 0 1px #ffffff0f}.shot-context-card__mood-tags{display:flex;gap:4px;flex-wrap:wrap}.shot-context-card__mood-tag{display:inline-flex;align-items:center;padding:1px 7px;border-radius:var(--radius-full, 9999px);background:#ffffff0a;border:1px solid rgba(255,255,255,.06);color:var(--text-secondary, #a1a1aa);font-size:10px;font-weight:500;text-transform:capitalize;letter-spacing:.01em}.shot-context-card__spectral{display:flex;flex-direction:column;gap:6px;padding:8px 10px;background:#00000040;border:1px solid rgba(255,255,255,.04);border-radius:var(--radius-sm, 6px)}.shot-context-card__spectral-label{font-size:9px;color:var(--text-muted, #71717a);text-transform:uppercase;letter-spacing:.1em;font-weight:700}.shot-context-card__spectral-bars{display:flex;flex-direction:column;gap:5px}.shot-context-card__spectral-band{display:flex;align-items:center;gap:6px}.shot-context-card__spectral-band-label{font-size:9px;font-weight:700;font-family:ui-monospace,SF Mono,Cascadia Code,Menlo,monospace;color:var(--text-muted, #71717a);width:18px;text-align:right;flex-shrink:0;letter-spacing:.02em}.shot-context-card__spectral-bar{flex:1;height:6px;background:#ffffff0a;border-radius:1px;overflow:hidden;position:relative}.shot-context-card__spectral-bar:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent,transparent 9px,rgba(0,0,0,.3) 9px,rgba(0,0,0,.3) 10px);pointer-events:none;z-index:1}.shot-context-card__spectral-fill{height:100%;border-radius:1px;transition:width .4s cubic-bezier(.16,1,.3,1);position:relative}.shot-context-card__spectral-fill--bass{background:linear-gradient(90deg,#00a991,#06c89b 60%,#2dd4a4);box-shadow:0 0 6px #a855f74d}.shot-context-card__spectral-fill--mid{background:linear-gradient(90deg,#0891b2,#22d3ee 60%,#67e8f9);box-shadow:0 0 6px #22d3ee4d}.shot-context-card__spectral-fill--high{background:linear-gradient(90deg,#d97706,#fbbf24 60%,#fde68a);box-shadow:0 0 6px #fbbf244d}.shot-context-card__spectral-value{font-size:9px;font-weight:600;font-family:ui-monospace,SF Mono,Cascadia Code,Menlo,monospace;color:var(--text-muted, #71717a);width:20px;text-align:right;flex-shrink:0;letter-spacing:-.02em}.shot-context-card__section{display:flex;flex-direction:column;gap:var(--space-1, 4px)}.shot-context-card__section-label{font-size:var(--text-xs, .75rem);font-weight:600;color:var(--color-muted, #888);text-transform:uppercase;letter-spacing:.05em}.shot-context-card__section-text{font-size:var(--text-sm, .875rem);color:var(--color-text, #e0e0e0);line-height:1.5;margin:0}.shot-context-card__prompt-toggle{background:none;border:none;color:var(--color-muted, #888);font-size:var(--text-xs, .75rem);cursor:pointer;display:flex;align-items:center;gap:var(--space-1, 4px);padding:0;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.shot-context-card__prompt-toggle:hover{color:var(--color-text, #e0e0e0)}.shot-context-card__prompt-chevron{transition:transform .15s ease;font-size:10px}.shot-context-card__prompt-chevron--open{transform:rotate(90deg)}.shot-context-card__prompt-body{font-size:var(--text-xs, .75rem);color:var(--color-muted, #888);line-height:1.6;margin:var(--space-1, 4px) 0 0;padding:var(--space-2, 8px);background:#0003;border-radius:var(--radius-sm, 4px);font-family:SF Mono,Fira Code,monospace;word-break:break-word}.shot-context-card__quality{display:flex;align-items:center;gap:var(--space-2, 8px);flex-wrap:wrap}.shot-context-card__quality-label{font-size:var(--text-xs, .75rem);color:var(--color-muted, #888);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.shot-context-card__quality-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-sm, 4px);font-size:var(--text-xs, .75rem);font-weight:700}.shot-context-card__quality-badge--green{background:#22c55e26;color:#22c55e}.shot-context-card__quality-badge--amber{background:#f59e0b26;color:#f59e0b}.shot-context-card__quality-badge--red{background:#ef444426;color:#ef4444}.shot-context-card__override-form{display:flex;flex-direction:column;gap:var(--space-2, 8px);padding:var(--space-2, 8px);background:#0003;border-radius:var(--radius-sm, 4px);margin-top:var(--space-1, 4px);width:100%}.shot-context-card__override-label{font-size:var(--text-xs, .75rem);color:var(--color-muted, #888);display:flex;flex-direction:column;gap:var(--space-1, 4px)}.shot-context-card__override-slider{width:100%;accent-color:var(--color-accent, #6366f1)}.shot-context-card__override-reason{font-size:var(--text-xs, .75rem);padding:var(--space-1, 4px) var(--space-2, 8px);border-radius:var(--radius-sm, 4px);border:1px solid var(--color-border, #2a2a3e);background:var(--color-surface, #1a1a2e);color:var(--color-text, #e0e0e0)}.shot-context-card__override-reason::-moz-placeholder{color:var(--color-muted, #888)}.shot-context-card__override-reason::placeholder{color:var(--color-muted, #888)}.shot-context-card__override-actions{display:flex;gap:var(--space-2, 8px)}.shot-context-card__adjacent{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;gap:var(--space-3, 12px);padding-top:var(--space-2, 8px);border-top:1px solid var(--color-border, #2a2a3e)}.shot-context-card__adjacent-shot{display:flex;flex-direction:column;align-items:center;gap:var(--space-1, 4px);cursor:pointer;opacity:.6;transition:opacity .15s}.shot-context-card__adjacent-shot:hover{opacity:1}.shot-context-card__adjacent-thumb{width:64px;height:36px;border-radius:var(--radius-sm, 4px);overflow:hidden;background:#111;border:1px solid var(--color-border, #2a2a3e)}.shot-context-card__adjacent-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.shot-context-card__adjacent-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-muted, #888);font-size:var(--text-xs, .75rem)}.shot-context-card__adjacent-label{font-size:var(--text-xs, .75rem);color:var(--color-muted, #888)}.shot-context-card__actions{grid-column:1 / -1;display:flex;gap:var(--space-2, 8px);padding-top:var(--space-2, 8px);border-top:1px solid var(--color-border, #2a2a3e)}@media(max-width:640px){.shot-context-card{grid-template-columns:1fr}.shot-context-card__keyframe,.shot-context-card__context{grid-column:1}}.progress-bar{display:flex;flex-direction:column;gap:var(--space-1);width:100%}.progress-bar--sm .progress-bar__track{height:4px}.progress-bar--md .progress-bar__track{height:6px}.progress-bar--lg .progress-bar__track{height:10px}.progress-bar__track{width:100%;background:var(--color-overlay);border-radius:var(--radius-full);overflow:hidden;position:relative}.progress-bar__fill{height:100%;border-radius:var(--radius-full);transition:width var(--duration-slow) var(--ease-smooth);position:relative;overflow:hidden}.progress-bar__fill--primary{background:linear-gradient(90deg,var(--color-primary-dim) 0%,var(--color-primary) 50%,var(--color-primary-dim) 100%);background-size:200% 100%}.progress-bar__fill--success{background:linear-gradient(90deg,#059669 0%,var(--color-success) 50%,#059669 100%);background-size:200% 100%}.progress-bar__fill--warning{background:linear-gradient(90deg,#d97706 0%,var(--color-warning) 50%,#d97706 100%);background-size:200% 100%}.progress-bar__fill--warm{background:linear-gradient(90deg,var(--color-warm-dim) 0%,var(--color-warm-bright) 50%,var(--color-warm-dim) 100%);background-size:200% 100%}.progress-bar__fill--animated{animation:progress-sweep 2s linear infinite}.progress-bar__fill--glow{box-shadow:0 0 8px var(--color-primary-glow)}.progress-bar__fill--glow.progress-bar__fill--success{box-shadow:0 0 8px #10b98166}.progress-bar__fill--glow.progress-bar__fill--warning{box-shadow:0 0 8px #f59e0b66}.progress-bar__fill--glow.progress-bar__fill--warm{box-shadow:0 0 8px var(--color-warm-glow)}.progress-bar__fill--complete{background:var(--gradient-primary);animation:shot-complete-pop .3s var(--ease-spring)}.progress-bar__edge{position:absolute;right:0;top:0;bottom:0;width:12px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.6) 100%);animation:progress-glow 1.5s var(--ease-in-out) infinite;border-radius:0 var(--radius-full) var(--radius-full) 0}.progress-bar__label{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-muted);text-align:right}.dark .progress-bar__track{background:var(--color-overlay)}.dark .progress-bar__fill--glow{box-shadow:0 0 12px var(--color-primary-glow)}.dark .progress-bar__fill--complete{box-shadow:0 0 16px var(--color-primary-glow)}.production-view{display:flex;flex-direction:column;width:100%;flex:1;min-height:0;background:var(--color-surface)}.production-view__header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:var(--border-thin);background:var(--color-surface);flex-shrink:0}.production-view__header-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);letter-spacing:var(--tracking-tight);margin-right:auto}.production-view__header-stage{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.production-view__header-counter{font-size:var(--text-sm);font-family:var(--font-mono);font-weight:var(--font-bold);color:var(--text-primary)}.production-view__header-elapsed{font-size:var(--text-sm);font-family:var(--font-mono);color:var(--text-muted)}.production-view__body{flex:1;min-height:0;overflow-y:auto}.production-view__stage-dots{display:flex;align-items:center;justify-content:center;gap:var(--space-5);padding:var(--space-3) var(--space-4);border-top:var(--border-thin);background:var(--color-surface);flex-shrink:0}.production-view__stage-item{display:flex;align-items:center;gap:var(--space-2)}.production-view__stage-dot{width:8px;height:8px;border-radius:50%;background:var(--color-overlay);transition:all var(--duration-normal) var(--ease-out);flex-shrink:0}.production-view__stage-dot--complete{background:var(--color-success)}.production-view__stage-dot--active{background:var(--color-primary);box-shadow:0 0 8px var(--color-primary-glow);animation:pv-pulse-dot 2s var(--ease-in-out) infinite}.production-view__stage-label{font-size:var(--text-xs);color:var(--text-muted);font-weight:var(--font-medium);transition:color var(--duration-normal) var(--ease-out)}.production-view__stage-label--complete{color:var(--color-success)}.production-view__stage-label--active{color:var(--text-primary);font-weight:var(--font-semibold)}.production-view__dots{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;padding:var(--space-3) var(--space-4);overflow-x:auto;max-width:100%}.production-view__dot{width:14px;height:14px;border-radius:50%;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-size:9px;line-height:1;transition:all var(--duration-normal) var(--ease-out)}.production-view__dot--passed{background:var(--color-success);color:#fff}.production-view__dot--failed{background:var(--color-error);color:#fff}.production-view__dot--active{background:var(--color-primary);color:#fff;animation:pv-pulse-dot 2s var(--ease-in-out) infinite;box-shadow:0 0 6px var(--color-primary-glow)}.production-view__dot--pending{background:var(--color-overlay);color:var(--text-muted)}.production-view__dot--current{transform:scale(1.3)}.production-view__planning{display:flex;flex-direction:column;height:100%;min-height:0}.production-view__messages{flex:1;overflow-y:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-1);max-width:800px;margin:0 auto;width:100%}.production-view__planning-empty{padding:var(--space-12);text-align:center;color:var(--text-muted);font-size:var(--text-sm)}.production-view__message{display:flex;gap:var(--space-3);max-width:85%}.production-view__message--user{align-self:flex-end;flex-direction:row-reverse}.production-view__message--user .production-view__message-content{background:var(--color-primary-soft);border-left-color:var(--color-primary)}.production-view__message--score .production-view__message-content{background:var(--color-elevated);border-left-color:var(--color-warning);font-weight:var(--font-medium)}.production-view__message-avatar{width:28px;height:28px;border-radius:50%;background:var(--color-elevated);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-secondary);flex-shrink:0}.production-view__message-body{display:flex;flex-direction:column;gap:2px}.production-view__message-agent{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-secondary)}.production-view__message-content{font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--text-primary);background:var(--color-elevated);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);border-left:3px solid var(--color-border)}.production-view__message-time{font-size:10px;color:var(--text-muted)}.production-view__score{font-family:var(--font-mono);font-weight:var(--font-bold);margin-left:var(--space-1)}.production-view__score--green{color:var(--color-success)}.production-view__score--amber{color:var(--color-warning)}.production-view__score--red{color:var(--color-error)}.production-view__chat-input{display:flex;gap:var(--space-2);max-width:800px;margin:0 auto;width:100%;padding:var(--space-3) var(--space-4);border-top:var(--border-thin);background:var(--color-surface)}.production-view__chat-input input{flex:1;background:var(--color-elevated);border:var(--border-thin);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);color:var(--text-primary);font-size:var(--text-sm)}.production-view__chat-input input:focus{outline:none;border-color:var(--color-primary)}.production-view__chat-input button{background:var(--color-primary);color:var(--text-on-accent);border:none;border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);font-weight:var(--font-semibold);font-size:var(--text-sm);cursor:pointer}.production-view__chat-input button:hover:not(:disabled){opacity:.9}.production-view__chat-input button:disabled{opacity:.5;cursor:not-allowed}.production-view__hero-layout{display:grid;grid-template-columns:60% 35%;gap:var(--space-6);max-width:1000px;margin:0 auto;width:100%;padding:var(--space-6) var(--space-4);align-items:center;justify-content:center}.production-view__hero-layout--centered{grid-template-columns:1fr;justify-items:center}.production-view__hero{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-elevated);border:var(--border-thin);min-height:200px}.production-view__hero-image-wrap{position:relative}.production-view__hero-image{width:100%;max-height:60vh;-o-object-fit:contain;object-fit:contain;display:block}.production-view__hero-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:var(--space-3);color:var(--text-muted)}.production-view__hero-pulse{width:48px;height:48px;border-radius:50%;background:var(--color-primary-glow);animation:pv-pulse-dot 2s var(--ease-in-out) infinite}.production-view__hero-label{font-size:var(--text-sm);font-weight:var(--font-medium)}.production-view__hero-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.production-view__hero-overlay--evaluating{background:#0006}.production-view__hero-badge{position:absolute;top:var(--space-3);right:var(--space-3);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-bold);font-family:var(--font-mono);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.production-view__hero-badge--passed{background:#10b981d9;color:#fff;animation:pv-flash-green .5s ease-out}.production-view__hero-badge--failed{background:#ef4444d9;color:#fff}.production-view__hero--shimmer:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(124,58,237,.15) 50%,transparent 100%);background-size:200% 100%;animation:pv-shimmer 1.5s ease-in-out infinite;pointer-events:none;z-index:1}.production-view__hero-info{display:flex;flex-direction:column;gap:var(--space-3)}.production-view__hero-info-header{display:flex;align-items:center;gap:var(--space-3)}.production-view__hero-shot-label{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);letter-spacing:var(--tracking-tight)}.production-view__hero-activity{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--text-secondary);margin:0}.production-view__hero-meta{font-size:var(--text-xs);color:var(--text-muted)}.production-view__hero-summary{display:flex;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-muted)}.production-view__summary-passed{color:var(--color-success);font-weight:var(--font-medium)}.production-view__summary-failed{color:var(--color-error);font-weight:var(--font-medium)}.production-view__badge-row{display:flex;gap:var(--space-2)}.production-view__provider-badge,.production-view__duration-badge{font-size:var(--text-xs);font-weight:var(--font-bold);font-family:var(--font-mono);padding:2px 8px;border-radius:var(--radius-full);background:var(--color-elevated);color:var(--text-secondary)}.production-view__provider-badge{background:var(--color-primary-soft);color:var(--color-primary)}.production-view__keyframes-view,.production-view__video-view{display:flex;flex-direction:column;align-items:center;height:100%}.production-view__assembly-view{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-8) var(--space-4);min-height:300px}.production-view__assembly-label{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-secondary);margin:0;text-align:center}.production-view__assembly-progress{width:100%;max-width:500px}.production-view__assembly-grid{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center;max-width:700px}.production-view__assembly-thumb{width:80px;height:60px;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;background:var(--color-elevated)}.production-view__assembly-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.production-view__assembly-thumb--completed{border-color:var(--color-success)}.production-view__assembly-thumb--failed{border-color:var(--color-error);opacity:.5}.production-view__assembly-num{font-size:var(--text-xs);color:var(--text-muted);font-weight:var(--font-bold)}.production-view__spinner{width:32px;height:32px;border:3px solid var(--color-overlay);border-top-color:var(--color-primary);border-radius:50%;animation:pv-spin 1s linear infinite}@keyframes pv-pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}@keyframes pv-spin{to{transform:rotate(360deg)}}@keyframes pv-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pv-flash-green{0%{background:#10b981;transform:scale(1.2)}to{background:#10b981d9;transform:scale(1)}}@media(max-width:768px){.production-view__hero-layout{grid-template-columns:1fr}.production-view__stage-dots{gap:var(--space-3)}}@media(prefers-reduced-motion:reduce){.production-view__dot--active,.production-view__stage-dot--active,.production-view__hero-pulse,.production-view__spinner{animation:none}.production-view__hero--shimmer:after{animation:none;opacity:.15}.production-view__hero-badge--passed{animation:none}}.podcast-studio{display:flex;flex-direction:column;min-height:100vh;background:var(--color-base);color:var(--text-primary)}.podcast-studio__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);min-height:60vh;color:var(--text-muted);font-size:var(--text-md)}.podcast-studio__spinner{width:28px;height:28px;border:3px solid var(--border-color);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.podcast-studio__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-6);border-bottom:var(--border-thin);background:var(--color-surface);position:sticky;top:0;z-index:var(--z-sticky)}.podcast-studio__header-left{display:flex;align-items:center;gap:var(--space-4);min-width:0}.podcast-studio__header-right{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.podcast-studio__back{font-size:var(--text-sm);color:var(--text-muted);text-decoration:none;white-space:nowrap;transition:color var(--duration-fast) var(--ease-out)}.podcast-studio__back:hover{color:var(--color-primary)}.podcast-studio__title{font-size:var(--text-lg);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podcast-studio__status-badge{font-size:var(--text-xs);font-weight:var(--font-medium);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full)}.podcast-studio__status-badge--success{background:#10b98126;color:var(--color-success)}.podcast-studio__btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;border:none;transition:all var(--duration-normal) var(--ease-out);white-space:nowrap}.podcast-studio__btn:disabled{opacity:.5;cursor:not-allowed}.podcast-studio__btn--primary{background:var(--color-primary);color:var(--text-on-accent)}.podcast-studio__btn--primary:hover:not(:disabled){background:var(--color-primary-dim);box-shadow:var(--shadow-sm)}.podcast-studio__btn--ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.podcast-studio__btn--ghost:hover:not(:disabled){background:var(--color-elevated);border-color:var(--border-hover);color:var(--text-primary)}.podcast-studio__btn--danger{background:transparent;color:var(--color-error);border:1px solid var(--color-error)}.podcast-studio__btn--danger:hover:not(:disabled){background:var(--color-error);color:var(--text-on-accent)}.podcast-studio__btn--ad{background:#f9731614;color:var(--color-warning);border:1px solid rgba(249,115,22,.3)}.podcast-studio__btn--ad:hover:not(:disabled){background:#f9731626;border-color:var(--color-warning)}.podcast-studio__btn--sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.podcast-studio__btn--xs{padding:2px var(--space-2);font-size:var(--text-xs)}.podcast-studio__btn--lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}.podcast-studio__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-6);max-width:640px;margin:0 auto;text-align:center;animation:fade-up var(--duration-slower) var(--ease-smooth)}.podcast-studio__empty-title{font-size:var(--text-2xl);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);margin:0 0 var(--space-2) 0}.podcast-studio__empty-text{font-size:var(--text-md);color:var(--text-secondary);margin:0 0 var(--space-6) 0;line-height:var(--leading-relaxed)}.podcast-studio__input-group{width:100%;margin-bottom:var(--space-6);text-align:left}.podcast-studio__label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);margin-bottom:var(--space-2)}.podcast-studio__textarea{width:100%;padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-elevated);border:1px solid var(--border-color);color:var(--text-primary);font-size:var(--text-base);font-family:var(--font-sans);line-height:var(--leading-normal);resize:vertical;transition:border-color var(--duration-fast) var(--ease-out)}.podcast-studio__textarea:focus{outline:none;border-color:var(--color-primary)}.podcast-studio__stale-banner{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-6);background:#f59e0b1a;border-bottom:1px solid rgba(245,158,11,.3);animation:fade-up var(--duration-normal) var(--ease-smooth)}.podcast-studio__stale-message{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-warning)}.podcast-studio__production-status{padding:var(--space-4) var(--space-6);border-bottom:var(--border-thin);animation:fade-up var(--duration-normal) var(--ease-smooth)}.podcast-studio__production-status--success{background:#10b98114}.podcast-studio__production-status--failed{background:#ef444414}.podcast-studio__production-status--inprogress,.podcast-studio__production-status--producing,.podcast-studio__production-status--pending{background:#7c3aed0f}.podcast-studio__production-info{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.podcast-studio__production-stage{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-primary)}.podcast-studio__production-message{font-size:var(--text-sm);color:var(--text-secondary)}.podcast-studio__progress-bar{width:100%;height:4px;background:var(--color-elevated);border-radius:var(--radius-full);overflow:hidden;margin-top:var(--space-2)}.podcast-studio__progress-fill{height:100%;background:var(--gradient-primary);border-radius:var(--radius-full);transition:width .5s var(--ease-out);animation:progress-sweep 2s linear infinite;background-size:200% 100%}.podcast-studio__audio-player{margin-top:var(--space-3);display:flex;align-items:center;gap:var(--space-3)}.podcast-studio__audio-player audio{flex:1;height:40px;border-radius:var(--radius-md)}.podcast-studio__download-btn{white-space:nowrap;flex-shrink:0}.podcast-studio__errors{margin-top:var(--space-3);display:flex;flex-direction:column;gap:var(--space-1)}.podcast-studio__error-item{font-size:var(--text-sm);color:var(--color-error)}.podcast-studio__error-stage{font-weight:var(--font-semibold);margin-right:var(--space-1)}.podcast-studio__tabs{display:flex;gap:0;padding:0 var(--space-6);border-bottom:1px solid var(--border-color);background:var(--color-surface);overflow-x:auto}.podcast-studio__tab{padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;transition:all var(--duration-fast) var(--ease-out)}.podcast-studio__tab:hover:not(.podcast-studio__tab--disabled){color:var(--text-primary);background:var(--color-primary-soft)}.podcast-studio__tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.podcast-studio__tab--disabled{opacity:.4;cursor:not-allowed}.podcast-studio__tab-content{display:flex;flex-direction:column;flex:1}.podcast-studio__chapter-chips{display:flex;gap:var(--space-2);padding:var(--space-4) var(--space-6);overflow-x:auto}.podcast-studio__transcript-section{max-width:960px;width:100%;margin:0 auto;padding:var(--space-4) var(--space-6)}.podcast-studio__transcript-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.podcast-studio__section-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.podcast-studio__transcript{max-height:600px;overflow-y:auto;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--color-surface);padding:var(--space-3)}.podcast-studio__overview-summary{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-6);text-align:center;gap:var(--space-3)}.podcast-studio__summary-detail{font-size:var(--text-md);color:var(--text-secondary);margin:0}.podcast-studio__hosts{display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-6);border-bottom:var(--border-thin);background:var(--color-surface);overflow-x:auto}.host-chip{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--color-elevated);border-radius:var(--radius-full);border:1px solid var(--border-color);white-space:nowrap}.host-chip__name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.host-chip__role{font-size:var(--text-xs);color:var(--text-muted)}.podcast-studio__show-config{padding:var(--space-4) var(--space-6);border-bottom:var(--border-thin);background:var(--color-surface);display:flex;flex-direction:column;gap:var(--space-4)}.podcast-studio__show-name-row{display:flex;align-items:center;gap:var(--space-3)}.podcast-studio__show-name-row .podcast-studio__label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);min-width:80px;margin:0}.podcast-studio__input{flex:1;max-width:320px;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);background:var(--color-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary)}.podcast-studio__input:focus{outline:none;border-color:var(--color-primary)}.podcast-studio__music-row{display:flex;gap:var(--space-6)}.podcast-studio__music-slot{display:flex;align-items:center;gap:var(--space-3)}.podcast-studio__music-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);min-width:80px}.podcast-studio__music-empty{font-size:var(--text-xs);color:var(--text-muted)}.podcast-studio__music-preview{height:32px;max-width:200px}.podcast-studio__upload-label{cursor:pointer}.podcast-studio__music-source{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-primary);background:#7c3aed1a;padding:2px 6px;border-radius:var(--radius-sm);white-space:nowrap}.podcast-studio__music-hint{font-size:var(--text-xs);color:var(--text-muted);font-style:italic}.podcast-studio__segments{flex:1;padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-5);max-width:960px;margin:0 auto;width:100%}.segment{background:var(--color-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--duration-fast) var(--ease-out);animation:fade-up var(--duration-slower) var(--ease-smooth)}.segment:hover{border-color:var(--border-hover)}.segment__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-color);background:var(--color-elevated)}.segment__header-left{display:flex;align-items:center;gap:var(--space-2);min-width:0}.segment__header-right{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.segment__badge{display:inline-flex;align-items:center;padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.segment__badge--intro{background:#3b82f626;color:var(--color-info)}.segment__badge--conversation{background:#10b98126;color:var(--color-success)}.segment__badge--transition{background:#f59e0b26;color:var(--color-warning)}.segment__badge--adslot{background:#f9731626;color:var(--color-warning)}.segment__badge--outro{background:#a855f726;color:var(--color-primary)}.segment__topic{font-size:var(--text-sm);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.segment__duration{font-size:var(--text-xs);color:var(--text-muted);font-variant-numeric:tabular-nums}.segment__lines{display:flex;flex-direction:column}.line{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-color);transition:background var(--duration-fast) var(--ease-out)}.line:last-child{border-bottom:none}.line:hover{background:var(--color-primary-soft)}.line__speaker{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-primary);min-width:80px;flex-shrink:0;padding-top:2px;text-transform:uppercase;letter-spacing:var(--tracking-wide)}.line__text{flex:1;font-size:var(--text-base);color:var(--text-primary);line-height:var(--leading-relaxed);min-width:0}.line__meta{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.line__emotion-badge{font-size:var(--text-xs);color:var(--color-primary-dim);font-style:italic;opacity:.8}.line__timing-badge{font-size:var(--text-xs);color:var(--text-muted);font-style:italic}.line__actions{display:flex;gap:var(--space-1);flex-shrink:0;opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.line:hover .line__actions{opacity:1}.line__action-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--color-surface);color:var(--text-secondary);font-size:var(--text-xs);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.line__action-btn:hover:not(:disabled){background:var(--color-primary);color:var(--text-on-accent);border-color:var(--color-primary)}.line__action-btn:disabled{opacity:.5;cursor:not-allowed}.line__edit{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.line__edit-textarea{width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-primary);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-relaxed);resize:vertical;outline:none}.line__edit-actions{display:flex;gap:var(--space-2)}.segment__footer{padding:var(--space-2) var(--space-4);border-top:1px solid var(--border-color);background:var(--color-elevated)}.podcast-studio__timeline{padding:var(--space-4) var(--space-6);border-top:var(--border-thin);background:var(--color-surface);position:sticky;bottom:0;z-index:var(--z-sticky)}.timeline__label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider);margin-bottom:var(--space-2)}.timeline__bar{display:flex;height:32px;border-radius:var(--radius-md);overflow:hidden;gap:1px;background:var(--border-color)}.timeline__block{display:flex;align-items:center;justify-content:center;min-width:24px;overflow:hidden;transition:opacity var(--duration-fast) var(--ease-out)}.timeline__block:hover{opacity:.85}.timeline__block-label{font-size:var(--text-xs);font-weight:var(--font-medium);color:#ffffffe6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 var(--space-2)}.timeline__block--intro{background:var(--color-info)}.timeline__block--conversation{background:var(--color-success)}.timeline__block--transition,.timeline__block--adslot{background:var(--color-warning)}.timeline__block--outro{background:var(--color-primary)}.timeline__footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-2)}.timeline__total{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.timeline__segment-count{font-size:var(--text-xs);color:var(--text-muted)}@media(max-width:768px){.podcast-studio__header{flex-direction:column;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.podcast-studio__header-right{width:100%;justify-content:flex-end}.podcast-studio__segments{padding:var(--space-4)}.podcast-studio__timeline{padding:var(--space-3) var(--space-4)}.line{flex-wrap:wrap}.line__speaker{min-width:60px}.line__actions{opacity:1}.segment__header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}}@media(max-width:480px){.podcast-studio__empty{padding:var(--space-6) var(--space-4)}.podcast-studio__hosts{padding:var(--space-2) var(--space-4)}.line__speaker{min-width:unset;width:100%}.line__text{width:100%}}.post-production{max-width:960px;width:100%;margin:0 auto;background:var(--color-surface);overflow:hidden}.post-production__tabs{display:flex;border-bottom:1px solid var(--border-color);background:var(--color-elevated);overflow-x:auto}.post-production__tab{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;transition:all var(--duration-fast) var(--ease-out)}.post-production__tab:hover{color:var(--text-primary);background:var(--color-primary-soft)}.post-production__tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.post-production__content{padding:var(--space-4);min-height:200px;max-height:500px;overflow-y:auto}.post-production__actions{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-color);background:var(--color-elevated)}.transcript__line{display:flex;gap:var(--space-3);padding:var(--space-1) 0;font-size:var(--text-sm);line-height:var(--leading-relaxed);cursor:pointer;border-radius:var(--radius-sm);transition:background var(--duration-fast) var(--ease-out)}.transcript__line:hover{background:var(--color-primary-soft)}.transcript__timestamp{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);min-width:48px;flex-shrink:0;padding-top:2px}.transcript__speaker{font-weight:var(--font-semibold);color:var(--color-primary);min-width:70px;flex-shrink:0}.transcript__text{color:var(--text-primary);flex:1}.chapters__list{display:flex;flex-direction:column;gap:var(--space-1)}.chapters__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.chapters__item:hover{background:var(--color-primary-soft)}.chapters__time{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-muted);min-width:48px}.chapters__title{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);flex:1}.chapters__duration{font-size:var(--text-xs);color:var(--text-muted)}.post-production__chapter-chips{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-color);overflow-x:auto}.chapter-chip{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-secondary);background:var(--color-elevated);border:1px solid var(--border-color);border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;transition:all var(--duration-fast) var(--ease-out)}.chapter-chip:hover{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary)}.show-notes__content{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--text-primary)}.show-notes__content h2,.show-notes__content h3,.show-notes__content h4{font-weight:var(--font-semibold);color:var(--text-primary)}.show-notes__content h2{font-size:var(--text-base);margin:var(--space-4) 0 var(--space-2) 0}.show-notes__content h3{font-size:var(--text-sm);margin:var(--space-3) 0 var(--space-1) 0}.show-notes__content h4{font-size:var(--text-sm);margin:var(--space-2) 0 var(--space-1) 0}.show-notes__content h2:first-child,.show-notes__content h3:first-child,.show-notes__content h4:first-child{margin-top:0}.show-notes__content ul,.show-notes__content ol{padding-left:var(--space-5);margin:var(--space-2) 0}.show-notes__content li{margin-bottom:var(--space-1);list-style-type:disc}.show-notes__edit-textarea{width:100%;min-height:200px;padding:var(--space-3);font-size:var(--text-sm);font-family:var(--font-mono);line-height:var(--leading-relaxed);background:var(--color-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);resize:vertical}.show-notes__edit-textarea:focus{outline:none;border-color:var(--color-primary)}.keywords__list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.keyword-tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-secondary);background:var(--color-elevated);border:1px solid var(--border-color);border-radius:var(--radius-full)}.keyword-tag__remove{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;border:none;background:transparent;color:var(--text-muted);font-size:10px;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.keyword-tag__remove:hover{background:#ef444426;color:var(--color-error)}.keywords__add{display:inline-flex;align-items:center;gap:var(--space-1)}.keywords__add-input{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);background:var(--color-elevated);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);width:120px}.keywords__add-input:focus{outline:none;border-color:var(--color-primary)}.post-production__copy-btn--copied{background:#10b98126!important;color:var(--color-success)!important;border-color:var(--color-success)!important}.post-production__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);color:var(--text-muted);font-size:var(--text-sm)}.clips__empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-8);color:var(--text-muted);font-size:var(--text-sm);text-align:center}.clips__loading{display:flex;align-items:center;justify-content:center;padding:var(--space-8);color:var(--text-secondary);font-size:var(--text-sm)}.clips__list{display:flex;flex-direction:column;gap:var(--space-2)}.clip-card{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--duration-fast) var(--ease-out)}.clip-card--selected{border-color:var(--color-primary);background:#3b82f608}.clip-card__header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-elevated);flex-wrap:wrap}.clip-card__checkbox{display:flex;align-items:center;cursor:pointer}.clip-card__checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--color-primary)}.clip-card__category{font-size:var(--text-xs);font-weight:var(--font-semibold);padding:2px var(--space-2);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.03em}.clip-card__category--keyinsight{background:#3b82f626;color:var(--color-info)}.clip-card__category--hottake{background:#ef444426;color:var(--color-error)}.clip-card__category--quotablequote{background:#a855f726;color:var(--color-primary)}.clip-card__category--debate{background:#f59e0b26;color:var(--color-warning)}.clip-card__category--story{background:#10b98126;color:var(--color-success)}.clip-card__category--summary{background:#6b728026;color:var(--text-muted)}.clip-card__title{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);flex:1;min-width:0}.clip-card__time{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap}.clip-card__duration{font-size:var(--text-xs);color:var(--text-secondary);white-space:nowrap}.clip-card__hook{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.clip-card__audio{width:100%;height:32px;padding:0 var(--space-3)}.clip-card__actions{display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-3)}.clip-card__social-copy{border-top:1px solid var(--border-color);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-3);background:var(--color-elevated)}.social-copy__platform{display:flex;flex-direction:column;gap:var(--space-1)}.social-copy__header{display:flex;align-items:center;justify-content:space-between}.social-copy__label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.social-copy__text{font-size:var(--text-sm);color:var(--text-primary);line-height:var(--leading-relaxed);white-space:pre-wrap}.clip-card__audiogram-section{border-top:1px solid var(--border-color)}.clip-card__audiogram-form{padding:var(--space-2) var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);background:var(--color-elevated)}.clip-card__audiogram-platforms{display:flex;gap:var(--space-3);flex-wrap:wrap}.clip-card__audiogram-actions{display:flex;gap:var(--space-2)}.clip-card__audiograms{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-3);padding:var(--space-3)}.audiogram-preview{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;background:var(--color-elevated)}.audiogram-preview__video{width:100%;max-height:250px;display:block;background:var(--color-void)}.audiogram-preview__info{display:flex;justify-content:space-between;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);color:var(--text-muted)}.audiogram-preview__platform{font-weight:var(--font-medium);color:var(--text-secondary)}.quote-cards__form{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.quote-cards__text-input{width:100%;padding:var(--space-2);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-sm);resize:vertical}.quote-cards__text-input:focus{outline:none;border-color:var(--color-primary)}.quote-cards__speaker-input{width:200px;padding:var(--space-1) var(--space-2);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--text-sm)}.quote-cards__speaker-input:focus{outline:none;border-color:var(--color-primary)}.quote-cards__platforms{display:flex;gap:var(--space-3);flex-wrap:wrap}.quote-cards__platform-option{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer}.quote-cards__platform-option input[type=checkbox]{accent-color:var(--color-primary)}.quote-cards__suggestions{margin-bottom:var(--space-3);display:flex;flex-wrap:wrap;gap:var(--space-1);align-items:center}.quote-cards__suggestions-label{font-size:var(--text-xs);color:var(--text-tertiary);margin-right:var(--space-1)}.quote-cards__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-3)}.quote-card-preview{border:1px solid var(--border-primary);border-radius:var(--radius-md);overflow:hidden;background:var(--bg-secondary)}.quote-card-preview__image{width:100%;aspect-ratio:auto;max-height:250px;-o-object-fit:cover;object-fit:cover;display:block}.quote-card-preview__info{display:flex;justify-content:space-between;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);color:var(--text-tertiary)}.quote-card-preview__platform{font-weight:var(--font-medium)}.article-tab__controls{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.article-tab__style-selector{display:flex;gap:var(--space-1)}.article-tab__content{border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--space-3);background:var(--bg-secondary);max-height:500px;overflow-y:auto}.social-tab__controls{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.social-tab__platform-selector{display:flex;gap:var(--space-1)}.social-tab__thread{display:flex;flex-direction:column;gap:var(--space-2)}.thread-post{border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);background:var(--bg-secondary)}.thread-post__header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.thread-post__number{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--color-primary);color:#fff;font-size:var(--text-xs);font-weight:var(--font-semibold);flex-shrink:0}.thread-post__chars{font-size:var(--text-xs);color:var(--text-tertiary);margin-left:auto}.thread-post__chars--over{color:var(--color-error);font-weight:var(--font-semibold)}.thread-post__text{font-size:var(--text-sm);color:var(--text-primary);line-height:var(--leading-relaxed);white-space:pre-wrap}.youtube-tab__content{border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-secondary);padding:var(--space-3);max-height:500px;overflow-y:auto}.youtube-tab__preview{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-primary);line-height:var(--leading-relaxed);white-space:pre-wrap;word-wrap:break-word;margin:0}@media(prefers-reduced-motion:reduce){.podcast-studio__spinner{animation:none;border-top-color:var(--color-primary);opacity:.7}.podcast-studio__progress-fill,.segment{animation:none}}.segment--adslot{max-width:520px}.ad-slot-editor{padding:var(--space-4);max-width:480px;display:flex;flex-direction:column;gap:var(--space-3)}.ad-slot-editor__type-row{display:flex;gap:var(--space-2);flex-wrap:wrap}.ad-slot-editor__type-btn{padding:var(--space-1) var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-size:var(--text-xs);cursor:pointer;transition:all .15s ease}.ad-slot-editor__type-btn:hover{border-color:var(--text-muted);color:var(--text-primary)}.ad-slot-editor__type-btn--active{background:#f9731626;border-color:var(--color-warning);color:var(--color-warning)}.ad-slot-editor__fields{display:flex;flex-direction:column;gap:var(--space-3)}.ad-slot-editor__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.ad-slot-editor__label{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-muted);font-weight:500}.ad-slot-editor__hint{font-weight:400;opacity:.7}.ad-slot-editor__input,.ad-slot-editor__select,.ad-slot-editor__textarea{padding:var(--space-2);background:var(--color-surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--text-sm);font-family:inherit}.ad-slot-editor__input:focus,.ad-slot-editor__select:focus,.ad-slot-editor__textarea:focus{outline:none;border-color:var(--color-primary)}.ad-slot-editor__textarea{resize:vertical;min-height:80px}.ad-slot-editor__format-row{display:flex;gap:var(--space-2);margin-top:var(--space-1)}.ad-slot-editor__format-btn{padding:var(--space-1) var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:all .15s ease}.ad-slot-editor__format-btn:hover{border-color:var(--text-muted)}.ad-slot-editor__format-btn--active{background:#f9731626;border-color:var(--color-warning);color:var(--color-warning)}.ad-slot-editor__plan-actions{display:flex;gap:var(--space-2)}.ad-slot-editor__error{color:var(--color-error);font-size:var(--text-xs);margin:0}.ad-slot-editor__plan-preview{background:var(--color-surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--space-3)}.ad-slot-editor__plan-header{font-size:var(--text-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.ad-slot-editor__plan-section{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) 0;border-bottom:1px solid var(--border-color);font-size:var(--text-xs)}.ad-slot-editor__plan-section:last-child{border-bottom:none}.ad-slot-editor__plan-name{font-weight:500;color:var(--text-primary);min-width:80px}.ad-slot-editor__plan-duration{color:var(--color-warning);font-weight:600;font-variant-numeric:tabular-nums}.ad-slot-editor__plan-lines{color:var(--text-muted)}.ad-slot-editor__info{color:var(--text-muted);font-size:var(--text-sm);margin:0;padding:var(--space-2);background:var(--color-surface);border-radius:var(--radius-sm)}.ad-slot-editor__bumper-toggle{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer}.ad-slot-editor__bumper-toggle input[type=checkbox]{accent-color:var(--color-warning)}.ad-slot-editor__actions{display:flex;justify-content:flex-end}.segment__wrapper{display:contents}.segment__insert-divider{display:flex;align-items:center;justify-content:center;padding:var(--space-2) 0;opacity:.6;transition:opacity .2s ease}.segment__insert-divider:hover{opacity:1}.segment__insert-divider:before,.segment__insert-divider:after{content:"";flex:1;height:1px;background:var(--border-color);opacity:.5}.segment__insert-divider:before{margin-right:var(--space-3)}.segment__insert-divider:after{margin-left:var(--space-3)}.segment__insert-btn{padding:var(--space-1) var(--space-3);border:1px dashed var(--border-color);border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font-size:var(--text-xs);cursor:pointer;transition:all .15s ease}.segment__insert-btn:hover{border-color:var(--color-warning);color:var(--color-warning);background:#f9731614}.segment__add-ad-footer{display:flex;justify-content:center;padding:var(--space-3) 0}.segment__add-ad-btn{padding:var(--space-2) var(--space-4);border:1px dashed var(--color-warning);border-radius:var(--radius-md);background:#f973160d;color:var(--color-warning);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all .15s ease}.segment__add-ad-btn:hover{background:#f973161f;border-color:var(--color-warm-dim)}.transform-panel{margin-top:var(--space-6);padding:var(--space-5);background:var(--surface-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.transform-panel__title{font-size:var(--text-base);font-weight:600;margin:0 0 var(--space-4);color:var(--text-primary)}.transform-panel__tabs{display:flex;gap:var(--space-1);margin-bottom:var(--space-4);border-bottom:1px solid var(--border-color);padding-bottom:var(--space-1)}.transform-panel__tab{padding:var(--space-2) var(--space-3);background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all .15s ease}.transform-panel__tab:hover{color:var(--text-primary)}.transform-panel__tab--active{color:var(--text-primary);border-bottom-color:var(--color-primary)}.transform-panel__section{display:flex;flex-direction:column;gap:var(--space-3)}.transform-panel__desc{font-size:var(--text-sm);color:var(--text-muted);margin:0}.transform-panel__row{display:flex;align-items:center;gap:var(--space-3)}.transform-panel__format-toggle{display:flex;gap:0;border:1px solid var(--border-color);border-radius:var(--radius-sm);overflow:hidden}.transform-panel__format-btn{padding:var(--space-1) var(--space-3);background:transparent;border:none;font-size:var(--text-sm);color:var(--text-muted);cursor:pointer;transition:all .15s ease}.transform-panel__format-btn--active{background:var(--color-primary);color:#fff}.transform-panel__result{margin-top:var(--space-2);padding:var(--space-3);background:var(--surface-primary);border:1px solid var(--border-color);border-radius:var(--radius-md)}.transform-panel__result-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.transform-panel__transcript{font-size:var(--text-xs);font-family:var(--font-mono, monospace);color:var(--text-secondary);white-space:pre-wrap;max-height:300px;overflow-y:auto;margin:0;line-height:1.6}.transform-panel__languages{display:flex;flex-wrap:wrap;gap:var(--space-2)}.transform-panel__lang-chip{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.transform-panel__lang-chip:has(input:checked){border-color:var(--color-primary);background:#3b82f614;color:var(--text-primary)}.transform-panel__lang-chip input{display:none}.transform-panel__hint{font-size:var(--text-xs);color:var(--text-muted);margin:0}.transform-panel__dub-results{display:flex;flex-direction:column;gap:var(--space-2)}.transform-panel__dub-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2);border-radius:var(--radius-sm);background:var(--surface-secondary)}.transform-panel__dub-row--failed{opacity:.6}.transform-panel__dub-lang{font-size:var(--text-sm);font-weight:500}.transform-panel__dub-error{font-size:var(--text-xs);color:var(--color-error)}.show-page{min-height:100vh;background:var(--color-base);color:var(--text-primary)}.show-page--loading,.show-page--error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;gap:1rem}.show-page__spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.show-page__header{padding:1.5rem 2rem;border-bottom:1px solid var(--border-color)}.show-page__back{display:inline-block;font-size:.8125rem;color:var(--text-muted);text-decoration:none;margin-bottom:1rem}.show-page__back:hover{color:var(--text-primary)}.show-page__hero{display:flex;gap:1.5rem;align-items:flex-start}.show-page__hero-info{flex:1;min-width:0}.show-page__type-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-primary)}.show-page__title{font-size:1.5rem;font-weight:700;margin:.25rem 0 0;line-height:1.2}.show-page__description{font-size:.875rem;color:var(--text-muted);margin:.5rem 0 0;line-height:1.5}.show-page__stats{display:flex;gap:1rem;margin-top:.75rem}.show-page__stat{font-size:.75rem;color:var(--text-muted);font-family:var(--font-mono, "JetBrains Mono", monospace)}.show-page__tabs{display:flex;gap:0;border-bottom:1px solid var(--border-color);padding:0 2rem;overflow-x:auto}.show-page__tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;padding:.75rem 1.25rem;font-size:.8125rem;font-weight:500;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;transition:color .15s,border-color .15s;white-space:nowrap;display:flex;align-items:center;gap:.375rem}.show-page__tab:hover{color:var(--text-primary)}.show-page__tab--active{color:var(--text-primary);border-bottom-color:var(--color-primary)}.show-page__tab-count{font-size:.6875rem;background:var(--color-elevated);padding:.125rem .375rem;border-radius:8px;font-weight:600}.show-page__content{padding:1.5rem 2rem;max-width:960px}.show-page__panel{display:flex;flex-direction:column;gap:1rem}.show-page__panel-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.show-page__panel-header-left{display:flex;align-items:center;gap:.75rem}.show-page__panel-title{font-size:1rem;font-weight:600;margin:0}.show-page__panel-actions{display:flex;align-items:center;gap:.5rem}.show-page__season-filter{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border-color);border-radius:6px;padding:.375rem .75rem;font-size:.8125rem;background:var(--color-surface);color:var(--text-primary);cursor:pointer}.show-page__seasons-strip{display:flex;gap:.5rem;flex-wrap:wrap}.season-chip{display:flex;align-items:center;gap:.375rem;padding:.25rem .625rem;background:var(--color-elevated);border-radius:12px;font-size:.75rem;font-weight:500}.season-chip__plan{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;font-size:.625rem;font-weight:600;color:var(--color-primary);cursor:pointer;padding:0;line-height:1}.season-chip__plan:hover{text-decoration:underline}.season-chip__plan:disabled{opacity:.5;cursor:default;text-decoration:none}.season-chip__delete{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;font-size:.625rem;color:var(--text-disabled);cursor:pointer;padding:0;line-height:1}.season-chip__delete:hover{color:var(--color-error)}.show-page__inline-form{display:flex;align-items:center;gap:.5rem}.show-page__inline-form .form-input{flex:1;max-width:300px}.show-page__empty{text-align:center;padding:3rem 1rem;color:var(--text-muted)}.show-page__empty p{margin-bottom:1rem;font-size:.875rem}.show-page__new-episode{background:var(--color-surface);border:1px solid var(--border-color);border-radius:8px;padding:1.25rem}.show-page__form-title{font-size:.9375rem;font-weight:600;margin:0 0 1rem}.show-page__form-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem}.show-page__episode-list{display:flex;flex-direction:column;gap:1px;background:var(--border-color);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.episode-card{display:flex;align-items:center;gap:1rem;padding:.875rem 1rem;background:var(--color-surface);text-decoration:none;color:inherit;transition:background .15s}.episode-card:hover{background:var(--color-elevated)}.episode-card__number{font-size:.75rem;font-weight:700;color:var(--text-muted);font-family:var(--font-mono, "JetBrains Mono", monospace);min-width:2rem;text-align:center}.episode-card__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.episode-card__title{font-size:.875rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.episode-card__meta{display:flex;align-items:center;gap:.5rem}.episode-card__date{font-size:.6875rem;color:var(--text-muted);flex-shrink:0}.episode-card__description{font-size:.6875rem;color:var(--text-disabled);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.episode-card__status{font-size:.6875rem;font-weight:600;padding:.125rem .5rem;border-radius:8px;white-space:nowrap}.episode-card__status--draft{background:var(--color-elevated);color:var(--text-muted)}.episode-card__status--in_progress{background:var(--color-warm-soft, rgba(245, 158, 11, .1));color:var(--color-warning)}.episode-card__status--completed{background:#10b9811a;color:var(--color-success)}.episode-card__badges{display:flex;align-items:center;gap:.375rem;flex-shrink:0}.episode-card__stale{font-size:.6875rem;font-weight:600;padding:.125rem .5rem;border-radius:8px;white-space:nowrap;background:#f59e0b1f;color:var(--color-warning)}.show-page__stale-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;margin-bottom:1rem;border-radius:8px;background:#f59e0b14;border:1px solid rgba(245,158,11,.2)}.show-page__stale-message{font-size:.8125rem;color:var(--text-secondary)}.show-page__hosts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.host-card{border:1px solid var(--border-color);border-radius:8px;padding:1rem;background:var(--color-surface)}.host-card__header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.host-card__avatar{width:40px;height:40px;border-radius:50%;background:var(--color-primary-soft);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;flex-shrink:0}.host-card__name-group{display:flex;flex-direction:column;min-width:0}.host-card__name{font-weight:600;font-size:.875rem}.host-card__role{font-size:.6875rem;color:var(--text-muted)}.host-card__details{display:flex;flex-direction:column;gap:.25rem}.host-card__detail{font-size:.75rem;color:var(--text-muted)}.host-card__personality{font-style:italic;margin-top:.25rem}.host-card__actions{display:flex;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-color)}.host-card__edit{display:flex;flex-direction:column;gap:.75rem}.host-card__edit-actions{display:flex;gap:.5rem;justify-content:flex-end}.show-page__asset-list{display:flex;flex-direction:column;gap:1px;background:var(--border-color);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.asset-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;background:var(--color-surface)}.asset-row__info{display:flex;align-items:center;gap:.75rem;min-width:0}.asset-row__type{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-primary);white-space:nowrap}.asset-row__name{font-size:.8125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-row__duration{font-size:.6875rem;color:var(--text-muted);font-family:var(--font-mono, "JetBrains Mono", monospace)}.asset-row__actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.asset-row__player{height:28px;max-width:200px}.show-page__settings-form{max-width:560px}.show-page__advanced-toggle{background:none;border:none;color:var(--text-secondary);font-size:.8125rem;cursor:pointer;padding:.75rem 0 .25rem;text-decoration:underline;text-underline-offset:2px}.show-page__advanced-toggle:hover{color:var(--text-primary)}.show-page__advanced-audio{padding:.75rem 0;border-top:1px solid var(--border-color);margin-top:.25rem}.show-page__settings-display{display:flex;flex-direction:column;gap:.5rem;max-width:480px}.settings-field{display:flex;justify-content:space-between;align-items:baseline;padding:.5rem 0;border-bottom:1px solid var(--border-color)}.settings-field--stacked{flex-direction:column;gap:.25rem;align-items:stretch}.settings-field__label{font-size:.8125rem;color:var(--text-muted);flex-shrink:0}.settings-field__value{font-size:.8125rem;font-weight:500}.artwork-upload{flex-shrink:0}.artwork-upload__btn{width:100%;height:100%;border:2px dashed var(--border-color);border-radius:8px;background:var(--color-elevated);cursor:pointer;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:border-color .15s;padding:0}.artwork-upload__btn:hover{border-color:var(--color-primary)}.artwork-upload__btn--has-image{border-style:solid;border-color:transparent}.artwork-upload__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.artwork-upload__placeholder{display:flex;flex-direction:column;align-items:center;gap:.375rem;color:var(--text-muted)}.artwork-upload__icon{font-size:1.5rem;line-height:1}.artwork-upload__text{font-size:.6875rem}.artwork-upload__loading{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center}.artwork-upload__spinner{width:24px;height:24px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--text-on-accent);border-radius:50%;animation:spin .8s linear infinite}.artwork-upload__hover-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s;color:var(--text-on-accent);font-size:.75rem;font-weight:600}.artwork-upload__btn:hover .artwork-upload__hover-overlay{opacity:1}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-group--third{flex:1}.form-row{display:flex;gap:1rem}.form-label--sm{font-size:.6875rem}.form-input--sm{font-size:.8125rem;padding:.375rem .5rem}.btn--danger-text{color:var(--color-error)!important}.btn--danger-text:hover{background:#ef444414!important}.show-page__distribution{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.show-page__section-title{font-size:1rem;font-weight:600;margin:0 0 1rem}.show-page__feed-toggle{display:flex;align-items:center;gap:.5rem;font-size:.875rem;cursor:pointer;margin-bottom:1rem}.show-page__feed-toggle input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.show-page__feed-url{margin-bottom:1rem}.show-page__feed-url-row{display:flex;gap:.5rem;align-items:center}.show-page__feed-url-row .form-input{flex:1;font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:.75rem;background:var(--color-elevated)}.show-page__feed-form{display:flex;flex-direction:column;gap:.75rem;max-width:480px}.episode-card__row{display:flex;align-items:center;background:var(--color-surface)}.episode-card__row .episode-card{flex:1;min-width:0}.show-page__publish-toggle{display:flex;align-items:center;gap:.375rem;padding:0 1rem;cursor:pointer;flex-shrink:0}.show-page__publish-toggle input[type=checkbox]{width:14px;height:14px;accent-color:var(--color-primary);cursor:pointer}.show-page__publish-toggle input[type=checkbox]:disabled{cursor:not-allowed;opacity:.4}.show-page__publish-label{font-size:.6875rem;font-weight:500;color:var(--text-muted);white-space:nowrap}@media(max-width:640px){.show-page__header{padding:1rem}.show-page__hero{flex-direction:column;align-items:center;text-align:center}.show-page__stats{justify-content:center}.show-page__content{padding:1rem}.show-page__tabs{padding:0 1rem}.show-page__hosts-grid{grid-template-columns:1fr}.form-row{flex-direction:column}}.analytics-panel{display:flex;flex-direction:column;gap:2rem}.analytics-panel__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.analytics-card{background:var(--color-surface-raised);border:var(--border-thin);border-radius:var(--radius-md);padding:1.25rem;text-align:center}.analytics-card__value{font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:.25rem}.analytics-card__label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.analytics-panel__section{padding-top:1rem}.analytics-panel__section h3{font-size:.875rem;font-weight:600;margin-bottom:1rem;color:var(--text-secondary)}.analytics-panel__players h4{font-size:.8125rem;color:var(--text-muted);margin:1rem 0 .5rem}.analytics-player-list{display:flex;flex-direction:column;gap:.25rem}.analytics-player-row{display:flex;justify-content:space-between;padding:.375rem .75rem;background:var(--color-surface-raised);border-radius:var(--radius-sm);font-size:.8125rem}.analytics-player-row__name{color:var(--text-primary)}.analytics-player-row__count{color:var(--text-muted);font-variant-numeric:tabular-nums}.analytics-table{width:100%;border-collapse:collapse;font-size:.8125rem}.analytics-table th{text-align:left;padding:.5rem .75rem;border-bottom:2px solid var(--color-border);color:var(--text-muted);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.03em}.analytics-table td{padding:.5rem .75rem;border-bottom:1px solid var(--color-border);color:var(--text-primary)}.analytics-table tr:hover td{background:var(--color-surface-raised)}.show-page__suggest-row{margin-bottom:.75rem}.show-page__suggestions{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.show-page__suggestion-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border-color);border-radius:6px;background:var(--color-surface);padding:.75rem 1rem;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:.25rem;transition:border-color .15s,background .15s}.show-page__suggestion-card:hover{border-color:var(--color-primary);background:var(--color-elevated)}.show-page__suggestion-title{font-size:.875rem;font-weight:600;color:var(--text-primary)}.show-page__suggestion-desc{font-size:.75rem;color:var(--text-muted);line-height:1.4}.show-page__season-plan{border:1px solid var(--border-color);border-radius:8px;padding:1.25rem;background:var(--color-surface)}.show-page__season-plan-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.show-page__plan-list{display:flex;flex-direction:column;gap:.5rem}.show-page__plan-item{display:flex;align-items:flex-start;gap:.75rem;padding:.625rem .75rem;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:background .15s}.show-page__plan-item:hover{background:var(--color-elevated)}.show-page__plan-item input[type=checkbox]{margin-top:.25rem;width:16px;height:16px;accent-color:var(--color-primary);flex-shrink:0}.show-page__plan-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.show-page__plan-item-title{font-weight:600}.show-page__plan-item-desc{font-size:.75rem;color:var(--text-muted);line-height:1.4}.artwork-upload__generate-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border-color);background:var(--color-surface);color:var(--color-primary);font-size:.6875rem;font-weight:600;padding:.25rem .625rem;border-radius:4px;cursor:pointer;margin-top:.375rem;width:100%;transition:background .15s,border-color .15s}.artwork-upload__generate-btn:hover{background:var(--color-elevated);border-color:var(--color-primary)}.artwork-upload__generate-btn:disabled{opacity:.5;cursor:default}.artwork-modal__backdrop{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:2rem}.artwork-modal{background:var(--color-surface);border:1px solid var(--border-color);border-radius:12px;max-width:560px;width:100%;padding:1.5rem;max-height:90vh;overflow-y:auto}.artwork-modal__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.artwork-modal__title{font-size:1rem;font-weight:600;margin:0}.artwork-modal__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;font-size:1.25rem;color:var(--text-muted);cursor:pointer;padding:.25rem;line-height:1}.artwork-modal__close:hover{color:var(--text-primary)}.artwork-modal__loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem 1rem;color:var(--text-muted);font-size:.875rem}.artwork-modal__error{color:var(--color-error);font-size:.8125rem;margin-bottom:1rem}.artwork-modal__grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem}.artwork-modal__candidate{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid var(--border-color);border-radius:8px;background:var(--color-elevated);cursor:pointer;padding:0;overflow:hidden;aspect-ratio:1;transition:border-color .15s,box-shadow .15s}.artwork-modal__candidate:hover{border-color:var(--color-primary)}.artwork-modal__candidate--selected{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-soft)}.artwork-modal__candidate img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.artwork-modal__progress{font-size:.75rem;color:var(--text-muted);text-align:center;margin-bottom:1rem}.artwork-modal__actions{display:flex;gap:.5rem;justify-content:flex-end}.asset-generate{border:1px solid var(--border-color);border-radius:8px;padding:1rem;background:var(--color-surface)}.asset-generate__loading{display:flex;align-items:center;gap:.75rem;padding:1rem 0;color:var(--text-muted);font-size:.8125rem}.asset-generate__result{display:flex;flex-direction:column;gap:.75rem}.asset-generate__player{width:100%;height:32px}.asset-generate__result-actions{display:flex;gap:.5rem;justify-content:flex-end}.asset-generate__variations{display:flex;flex-direction:column;gap:.5rem}.asset-generate__variation{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:border-color .15s,background .15s}.asset-generate__variation:hover{background:var(--color-elevated)}.asset-generate__variation--selected{border-color:var(--color-primary);background:var(--color-primary-soft)}.asset-generate__variation-label{font-size:.75rem;font-weight:600;color:var(--text-muted);white-space:nowrap}.asset-generate__variation .asset-generate__player{flex:1}.voice-selector{display:flex;flex-direction:column;gap:.75rem}.voice-selector__tabs{display:flex;gap:0;border:1px solid var(--border-color);border-radius:6px;overflow:hidden}.voice-selector__tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:var(--color-surface);padding:.375rem .75rem;font-size:.6875rem;font-weight:600;color:var(--text-muted);cursor:pointer;flex:1;text-align:center;transition:background .15s,color .15s;border-right:1px solid var(--border-color)}.voice-selector__tab:last-child{border-right:none}.voice-selector__tab:hover{color:var(--text-primary)}.voice-selector__tab--active{background:var(--color-primary-soft);color:var(--color-primary)}.voice-selector__clone,.voice-selector__design{display:flex;flex-direction:column;gap:.625rem}.voice-selector__previews{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.voice-selector__preview{display:flex;align-items:center;gap:.5rem;padding:.5rem;border:1px solid var(--border-color);border-radius:6px}.voice-selector__preview-label{font-size:.6875rem;font-weight:600;color:var(--text-muted);white-space:nowrap}.voice-selector__preview-player{flex:1;height:28px}.form-group--half{flex:1}.form-group--sixth{flex:0 0 120px}.show-page__subsection-title{font-size:.8125rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:1.5rem 0 .75rem;padding-top:1rem;border-top:1px solid var(--border-color)}.show-page__field-hint{font-size:.75rem;color:var(--text-muted);margin:-.25rem 0 .75rem}.brand-url-row{display:flex;gap:.5rem;align-items:center}.brand-url-row .form-input{flex:1}.brand-colors{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.brand-colors--display{gap:.375rem}.brand-colors__chip{display:flex;align-items:center;gap:.375rem;background:var(--color-elevated);border:1px solid var(--border-color);border-radius:6px;padding:.25rem .5rem}.brand-colors__chip input[type=color]{width:24px;height:24px;border:none;padding:0;cursor:pointer;border-radius:4px}.brand-colors__hex{font-size:.75rem;font-family:var(--font-mono, monospace);color:var(--text-secondary)}.brand-colors__remove{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.75rem;padding:0 .125rem}.brand-colors__remove:hover{color:var(--color-error)}.brand-colors__swatch{display:inline-block;width:20px;height:20px;border-radius:4px;border:1px solid var(--border-color)}.show-page__brand-note{color:var(--text-secondary);font-size:.8125rem;margin:0 0 .75rem}.show-page__brand-link{color:var(--color-primary);text-decoration:none}.show-page__brand-link:hover{text-decoration:underline}.series-page{max-width:1200px;margin:0 auto;padding:var(--space-lg)}.series-page--loading,.series-page--error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--space-md);color:var(--color-text-secondary)}.series-page__header{margin-bottom:var(--space-lg)}.series-page__back{display:inline-block;margin-bottom:var(--space-md);color:var(--color-text-secondary);text-decoration:none;font-size:var(--font-size-sm)}.series-page__back:hover{color:var(--color-text-primary)}.series-page__header-content{display:flex;gap:var(--space-lg);align-items:flex-start}.series-page__artwork{width:120px;height:120px;border-radius:var(--radius-lg);overflow:hidden;flex-shrink:0;background:var(--color-surface-elevated);border:1px solid var(--color-border)}.series-page__artwork img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.series-page__artwork-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:48px}.series-page__title{font-size:var(--font-size-2xl);font-weight:700;margin:0 0 var(--space-xs);color:var(--color-text-primary)}.series-page__description{color:var(--color-text-secondary);margin:0 0 var(--space-sm);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.series-page__stats{display:flex;gap:var(--space-md);color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.series-page__tabs{display:flex;gap:var(--space-xs);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-lg)}.series-page__tab{padding:var(--space-sm) var(--space-md);border:none;background:none;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;border-bottom:2px solid transparent;transition:all .15s ease}.series-page__tab:hover{color:var(--color-text-primary)}.series-page__tab--active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.series-page__tab-count{margin-left:var(--space-xs);background:var(--color-surface-elevated);padding:1px 6px;border-radius:var(--radius-full);font-size:var(--font-size-xs)}.series-page__panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.series-page__panel-header h2{font-size:var(--font-size-lg);font-weight:600;margin:0;color:var(--color-text-primary)}.series-page__panel-actions{display:flex;gap:var(--space-sm);align-items:center}.series-page__empty{padding:var(--space-xl);text-align:center;color:var(--color-text-tertiary);background:var(--color-surface-elevated);border-radius:var(--radius-lg);border:1px dashed var(--color-border)}.series-page__form-card{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);background:var(--color-surface-elevated);border-radius:var(--radius-lg);border:1px solid var(--color-border);margin-bottom:var(--space-md)}.series-page__input{padding:var(--space-sm) var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm)}.series-page__input:focus,.series-page__textarea:focus,.series-page__select:focus{outline:none;border-color:var(--color-accent)}.series-page__textarea{padding:var(--space-sm) var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);resize:vertical;font-family:inherit}.series-page__select{padding:var(--space-sm) var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm)}.series-page__list{display:flex;flex-direction:column;gap:var(--space-sm)}.series-page__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-md)}.series-page__episode-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-surface-elevated);border-radius:var(--radius-lg);border:1px solid var(--color-border);text-decoration:none;color:inherit;transition:border-color .15s ease}.series-page__episode-card:hover{border-color:var(--color-accent)}.series-page__episode-thumb{width:64px;height:36px;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0}.series-page__episode-number{font-size:var(--font-size-lg);font-weight:700;color:var(--color-accent);min-width:40px;width:64px;text-align:center;flex-shrink:0}.series-page__episode-info{flex:1;min-width:0}.series-page__episode-title{font-weight:600;color:var(--color-text-primary)}.series-page__episode-synopsis{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.series-page__episode-status{font-size:var(--font-size-xs);padding:2px 8px;border-radius:var(--radius-full);text-transform:capitalize;background:var(--color-surface);color:var(--color-text-tertiary)}.series-page__episode-status--completed{background:var(--color-success-bg, rgba(16, 185, 129, .1));color:var(--color-success, #10b981)}.series-page__episode-status--in_progress{background:var(--color-warning-bg, rgba(245, 158, 11, .1));color:var(--color-warning, #f59e0b)}.series-page__episode-status--failed{background:#ef44441a;color:#ef4444}.series-page__episode-card--completed{border-left:3px solid var(--color-success, #10b981)}.series-page__episode-card--in_progress{border-left:3px solid var(--color-warning, #f59e0b)}.series-page__cast-card{padding:var(--space-md);background:var(--color-surface-elevated);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.series-page__cast-header{display:flex;gap:var(--space-sm);align-items:center;margin-bottom:var(--space-sm)}.series-page__cast-avatar{width:40px;height:40px;border-radius:var(--radius-full);overflow:hidden;background:var(--color-accent);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;flex-shrink:0}.series-page__cast-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.series-page__cast-name{font-weight:600;color:var(--color-text-primary)}.series-page__cast-role{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-transform:capitalize}.series-page__cast-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-xs);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.series-page__cast-desc--empty{color:var(--color-text-tertiary);font-style:italic}.series-page__cast-personality,.series-page__cast-backstory{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-bottom:var(--space-xs);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.series-page__cast-meta--warning{color:var(--color-warning, #f59e0b)}.series-page__cast-voice{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-bottom:var(--space-xs)}.series-page__form-section{display:flex;flex-direction:column;gap:var(--space-xs)}.series-page__form-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary)}.series-page__form-hint{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin:0;line-height:1.4}.series-page__cast-images{display:flex;gap:var(--space-xs);margin-bottom:var(--space-sm);flex-wrap:wrap}.series-page__cast-images img{width:48px;height:48px;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--color-border)}.series-page__cast-meta{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-bottom:var(--space-sm)}.series-page__cast-actions{display:flex;gap:var(--space-xs)}.series-page__setting-card{padding:var(--space-md);background:var(--color-surface-elevated);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.series-page__setting-name{font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-xs)}.series-page__setting-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-sm);line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.series-page__setting-images{display:flex;gap:var(--space-xs);margin-bottom:var(--space-sm)}.series-page__setting-images img{width:60px;height:60px;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-sm)}.series-page__setting-actions{display:flex;gap:var(--space-xs)}.series-page__season-card{padding:var(--space-md);background:var(--color-surface-elevated);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.series-page__season-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xs)}.series-page__season-name{font-weight:600;color:var(--color-text-primary)}.series-page__season-count{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.series-page__season-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-xs)}.series-page__season-arc{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-style:italic;margin-bottom:var(--space-sm)}.series-page__season-actions{display:flex;gap:var(--space-xs)}.series-page__config-form{display:flex;flex-direction:column;gap:var(--space-md);max-width:600px}.series-page__config-group{display:flex;flex-direction:column;gap:var(--space-xs)}.series-page__config-group label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary)}.drama-studio{max-width:900px;margin:0 auto;padding:var(--space-6)}.drama-studio__steps{display:flex;gap:var(--space-2);margin-bottom:var(--space-6);padding:var(--space-3) 0;border-bottom:1px solid var(--border-color)}.drama-studio__step{display:flex;align-items:center;gap:var(--space-2);flex:1;opacity:.4;transition:opacity .2s ease}.drama-studio__step--active,.drama-studio__step--done{opacity:1}.drama-studio__step-num{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--border-color);color:var(--text-muted);font-size:var(--text-xs);font-weight:600}.drama-studio__step--active .drama-studio__step-num{background:var(--color-primary);color:#fff}.drama-studio__step--done .drama-studio__step-num{background:var(--color-success, #22c55e);color:#fff}.drama-studio__step-label{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.drama-studio__step--active .drama-studio__step-label{color:var(--text-primary)}.drama-studio__panel{background:var(--surface-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-6)}.drama-studio__panel--center{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-10) var(--space-6)}.drama-studio__panel-title{font-size:var(--text-lg);font-weight:600;margin:0 0 var(--space-5);color:var(--text-primary)}.drama-studio__form{display:flex;flex-direction:column;gap:var(--space-4)}.drama-studio__textarea{resize:vertical;min-height:100px;font-family:inherit}.drama-studio__subtitle{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-2)}.drama-studio__hint{font-size:var(--text-xs);color:var(--text-muted);margin:0 0 var(--space-3)}.drama-studio__characters{border-top:1px solid var(--border-color);padding-top:var(--space-4)}.drama-studio__char-card{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);background:var(--surface-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);margin-bottom:var(--space-2)}.drama-studio__char-info{display:flex;flex-direction:column;gap:2px}.drama-studio__char-desc,.drama-studio__char-voice{font-size:var(--text-xs);color:var(--text-muted)}.drama-studio__char-voice{font-style:italic}.drama-studio__char-remove{background:none;border:none;color:var(--text-muted);font-size:var(--text-base);cursor:pointer;padding:var(--space-1)}.drama-studio__char-remove:hover{color:var(--color-error, #ef4444)}.drama-studio__char-form{display:flex;gap:var(--space-2);align-items:flex-end}.drama-studio__char-form .form-input{flex:1}.drama-studio__script{display:flex;flex-direction:column;gap:var(--space-4)}.drama-studio__cast{padding:var(--space-3);background:var(--surface-primary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.drama-studio__cast-list{display:flex;flex-wrap:wrap;gap:var(--space-3)}.drama-studio__cast-member{display:flex;flex-direction:column;font-size:var(--text-sm)}.drama-studio__cast-member span{font-size:var(--text-xs);color:var(--text-muted)}.drama-studio__scene{padding:var(--space-4);background:var(--surface-primary);border:1px solid var(--border-color);border-radius:var(--radius-md)}.drama-studio__scene-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.drama-studio__scene-num{font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.drama-studio__scene-mood{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.drama-studio__scene-setting{font-size:var(--text-sm);color:var(--text-secondary);font-style:italic;margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-color)}.drama-studio__dialogue{display:flex;flex-direction:column;gap:var(--space-2)}.drama-studio__line{display:flex;flex-wrap:wrap;gap:var(--space-1);align-items:baseline;font-size:var(--text-sm);line-height:1.5}.drama-studio__line-char{font-weight:600;color:var(--text-primary);text-transform:uppercase;font-size:var(--text-xs);letter-spacing:.03em;min-width:80px}.drama-studio__line-emotion{font-size:var(--text-xs);color:var(--text-muted);font-style:italic}.drama-studio__line-text{color:var(--text-secondary);flex:1}.drama-studio__sfx{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-3);padding-top:var(--space-2);border-top:1px dashed var(--border-color)}.drama-studio__sfx-tag{padding:2px var(--space-2);background:#8b5cf61a;color:#00a991;border-radius:var(--radius-sm);font-size:var(--text-xs);font-style:italic}.drama-studio__player{margin-bottom:var(--space-4)}.drama-studio__audio{width:100%;border-radius:var(--radius-md)}.drama-studio__actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--border-color)}.share-dialog__form{display:flex;flex-direction:column;gap:var(--space-4)}.share-dialog__field{display:flex;flex-direction:column;gap:var(--space-1)}.share-dialog__field--half{flex:1;min-width:0}.share-dialog__row{display:flex;gap:var(--space-3)}.share-dialog__label{font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary)}.share-dialog__input,.share-dialog__textarea,.share-dialog__select{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--text-sm);font-family:inherit;transition:border-color .15s}.share-dialog__input:focus,.share-dialog__textarea:focus,.share-dialog__select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-alpha)}.share-dialog__textarea{resize:vertical;min-height:60px}.share-dialog__actions{display:flex;justify-content:flex-end;gap:var(--space-2);padding-top:var(--space-2)}.share-dialog__error{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-danger-surface);color:var(--color-danger);font-size:var(--text-sm)}.share-dialog__success{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-4) 0;text-align:center}.share-dialog__success-icon{width:48px;height:48px;border-radius:50%;background:var(--color-success-surface);color:var(--color-success);display:flex;align-items:center;justify-content:center;font-size:24px}.share-dialog__success-text{font-size:var(--text-md);font-weight:600;color:var(--color-text)}.share-dialog__link-row{display:flex;gap:var(--space-2);width:100%}.share-dialog__link-input{flex:1;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-text);font-size:var(--text-sm);font-family:var(--font-mono);min-width:0}.share-dialog__meta{display:flex;gap:var(--space-3);font-size:var(--text-xs);color:var(--color-text-tertiary)}.studio-minimal{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);text-align:center}.studio-minimal--loading,.studio-minimal--error{gap:var(--space-4)}.studio-minimal__back{position:absolute;top:var(--space-6);left:var(--space-6);color:var(--text-muted);font-size:var(--text-sm);transition:color var(--duration-fast)}.studio-minimal__back:hover{color:var(--text-primary)}.studio-minimal__ready{max-width:600px;display:flex;flex-direction:column;align-items:center;gap:var(--space-6)}.studio-minimal__ready h1{font-size:var(--text-3xl);font-weight:600;letter-spacing:var(--tracking-tight)}.studio-minimal__series-context{font-size:var(--text-sm);color:var(--color-text-secondary);padding:var(--space-1) var(--space-3);background:var(--color-surface);border:var(--border-thin);border-radius:var(--radius-full)}.studio-minimal__brief{background:var(--color-surface);border:var(--border-thin);border-radius:var(--radius-lg);padding:var(--space-6);max-height:200px;overflow-y:auto;text-align:left}.studio-minimal__brief p{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.studio-minimal__start{margin-top:var(--space-4);padding:var(--space-5) var(--space-10);font-size:var(--text-lg)}.studio-progress{min-height:100vh;display:grid;grid-template-rows:auto 1fr;grid-template-columns:1fr 380px;background:var(--color-base)}.studio-progress__header{grid-column:1 / -1;display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);background:var(--color-surface);border-bottom:var(--border-thin)}.studio-progress__header h1{font-size:var(--text-base);font-weight:500;color:var(--text-secondary)}.studio-progress__back{color:var(--text-muted);font-size:var(--text-sm);display:flex;align-items:center;gap:var(--space-2)}.studio-progress__back:hover{color:var(--text-primary)}.studio-progress__main{grid-column:1;display:flex;flex-direction:column;padding:var(--space-6);gap:var(--space-6);overflow-y:auto;max-height:calc(100vh - 60px)}.creative-sidebar{grid-column:2;grid-row:2;display:flex;flex-direction:column;background:var(--color-surface);border-left:var(--border-thin);max-height:calc(100vh - 60px);overflow-y:auto}.creative-sidebar>.creative-room{flex:1;border-left:none;max-height:none;grid-column:unset;grid-row:unset}.stage-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--color-surface);border-radius:var(--radius-lg);border:var(--border-thin)}.stage-card__orb{width:12px;height:12px;border-radius:50%;background:var(--color-primary);flex-shrink:0;animation:pulse-dot 1.5s ease-in-out infinite;box-shadow:0 0 12px var(--color-primary)}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}.stage-card__content{flex:1}.stage-card__content h2{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);margin-bottom:2px}.stage-card__content p{font-size:var(--text-xs);color:var(--text-muted)}.stage-card__progress{display:flex;align-items:center;gap:var(--space-3);margin-left:auto}.stage-card__progress-bar{width:120px;height:4px;background:var(--color-overlay);border-radius:var(--radius-full);overflow:hidden}.stage-card__progress-fill{height:100%;background:var(--color-primary);border-radius:var(--radius-full);transition:width .5s var(--ease-out-expo)}.stage-card__progress-label{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-muted);white-space:nowrap}.progress-section{display:none}.activity-feed{display:flex;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-3) 0}.activity-feed__item{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-muted);padding:var(--space-1) var(--space-3);background:var(--color-surface);border-radius:var(--radius-full);border:var(--border-thin)}.activity-feed__item:first-child{color:var(--text-secondary);border-color:var(--color-primary);background:#f4a6231a}.shots-gallery{width:100%}.shots-gallery h3{font-size:var(--text-xs);font-weight:500;color:var(--text-muted);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.shots-gallery__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-3)}.shots-gallery__item{aspect-ratio:16 / 9;background:var(--color-surface);border-radius:var(--radius-md);overflow:hidden;border:var(--border-thin)}.shots-gallery__item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.shots-gallery__placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--color-elevated) 0%,var(--color-surface) 100%);display:flex;align-items:center;justify-content:center}.shots-gallery__number{font-size:var(--text-base);font-weight:600;color:var(--text-muted)}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.studio-minimal__complete{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);max-width:800px}.complete-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl);background:var(--color-success);color:var(--text-on-accent);border-radius:50%}.studio-minimal__complete h1{font-size:var(--text-2xl);font-weight:600}.studio-minimal__video{width:100%;max-width:720px;border-radius:var(--radius-lg);background:var(--color-void)}.studio-minimal__actions{display:flex;gap:var(--space-4);margin-top:var(--space-4)}.studio-minimal__failed{max-width:600px;display:flex;flex-direction:column;align-items:center;gap:var(--space-5)}.studio-minimal__failed-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;font-size:var(--text-3xl);font-weight:700;background:#ef444426;color:var(--color-error);border-radius:50%;border:2px solid var(--color-error)}.studio-minimal__failed h1{font-size:var(--text-2xl);font-weight:600;color:var(--color-error);margin:0}.studio-minimal__failed h2{font-size:var(--text-lg);font-weight:500;color:var(--text-primary);margin:0}.studio-minimal__timeline{display:flex;align-items:center;gap:0;width:100%;justify-content:center}.studio-minimal__timeline-step{display:flex;align-items:center;gap:var(--space-2)}.studio-minimal__timeline-dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:700;background:var(--color-surface);color:var(--text-tertiary);border:2px solid var(--border-primary);flex-shrink:0}.studio-minimal__timeline-step--complete .studio-minimal__timeline-dot{background:#10b98126;color:var(--color-success);border-color:var(--color-success)}.studio-minimal__timeline-step--failed .studio-minimal__timeline-dot{background:#ef444426;color:var(--color-error);border-color:var(--color-error)}.studio-minimal__timeline-label{font-size:var(--text-xs);font-weight:500;color:var(--text-secondary);white-space:nowrap}.studio-minimal__timeline-step--complete .studio-minimal__timeline-label{color:var(--color-success)}.studio-minimal__timeline-step--failed .studio-minimal__timeline-label{color:var(--color-error)}.studio-minimal__timeline-line{width:24px;height:2px;background:var(--border-primary);margin:0 var(--space-1);flex-shrink:0}.studio-minimal__friendly-message{font-size:var(--text-base);color:var(--text-primary);text-align:center;line-height:var(--leading-relaxed);margin:0;max-width:480px}.studio-minimal__assets{width:100%;background:var(--color-surface);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden}.studio-minimal__assets-summary{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);padding:var(--space-3) var(--space-4);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.studio-minimal__assets-summary:hover{color:var(--text-primary)}.studio-minimal__assets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:var(--space-2);padding:0 var(--space-4) var(--space-4)}.studio-minimal__asset-thumb{position:relative;aspect-ratio:16 / 9;border-radius:var(--radius-md);overflow:hidden;background:var(--color-surface-raised)}.studio-minimal__asset-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.studio-minimal__asset-placeholder{width:100%;height:100%;background:var(--color-surface-raised)}.studio-minimal__asset-number{position:absolute;bottom:2px;left:2px;font-size:10px;font-weight:700;color:#fff;background:#0009;padding:1px 4px;border-radius:var(--radius-sm)}.studio-minimal__error{width:100%;background:var(--color-surface);border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);overflow:hidden}.studio-minimal__error-summary{font-size:var(--text-sm);font-weight:600;color:var(--color-error);padding:var(--space-3) var(--space-5);cursor:pointer;text-transform:uppercase;letter-spacing:var(--tracking-wide)}.studio-minimal__error-message{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0;padding:0 var(--space-5) var(--space-5);font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word;max-height:200px;overflow-y:auto}.studio-minimal__reassurance{font-size:var(--text-xs);color:var(--text-tertiary);text-align:center;margin:0}.studio-minimal__back-link{color:var(--text-secondary);text-decoration:underline}.studio-minimal__back-link:hover{color:var(--text-primary)}.studio-minimal__shot-summary{width:100%;text-align:center}.studio-minimal__shot-counts{display:flex;justify-content:center;gap:var(--space-3);flex-wrap:wrap}.studio-minimal__count{font-size:var(--text-sm);font-weight:600;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}.studio-minimal__count--success{background:#10b98126;color:var(--color-success)}.studio-minimal__count--failed{background:#ef44441a;color:var(--color-error)}.studio-minimal__count--total{background:var(--color-surface);color:var(--text-secondary)}.studio-minimal__failed-list{font-size:var(--text-xs);color:var(--text-secondary);margin-top:var(--space-2)}.studio-minimal__failed-actions{display:flex;gap:var(--space-3);margin-top:var(--space-3)}@media(max-width:1024px){.studio-progress{grid-template-columns:1fr}.studio-progress__main{max-height:calc(100vh - 360px)}}@media(max-width:640px){.studio-minimal__ready h1,.studio-minimal__complete h1{font-size:var(--text-xl)}.studio-minimal__actions{flex-direction:column;width:100%}.stage-card__progress{display:none}}.shots-gallery__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-2)}.shot-card-compact{background:var(--color-surface);border:var(--border-thin);border-radius:var(--radius-md);overflow:hidden;transition:transform var(--duration-fast),border-color var(--duration-fast)}.shot-card-compact:hover{transform:translateY(-2px);border-color:var(--color-primary)}.shot-card-compact__thumbnail{position:relative;aspect-ratio:16 / 9;background:var(--color-elevated)}.shot-card-compact__thumbnail img,.shot-card-compact__thumbnail video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.shot-card-compact__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-elevated) 0%,var(--color-surface) 100%)}.shot-card-compact__number{font-size:var(--text-xl);font-weight:700;color:var(--text-muted);opacity:.5}.shot-card-compact__status{position:absolute;top:4px;right:4px;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600}.shot-card-compact__status--completed{background:var(--color-success);color:var(--text-on-accent)}.shot-card-compact__status--generating{background:var(--color-primary);color:var(--text-on-accent);animation:pulse-dot 1.5s ease-in-out infinite}.shot-card-compact__status--pending{background:var(--color-overlay);color:var(--text-muted)}.shot-card-compact__segment{position:absolute;bottom:4px;left:4px;padding:2px 6px;border-radius:var(--radius-sm);font-size:9px;font-weight:700;letter-spacing:.05em;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.shot-card-compact__info{padding:var(--space-2)}.shot-card-compact__label{font-size:var(--text-xs);font-weight:500;color:var(--text-secondary);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shots-gallery__list{display:flex;flex-direction:column;gap:var(--space-3)}.shot-card-full{display:flex;gap:var(--space-4);background:var(--color-surface);border:var(--border-thin);border-radius:var(--radius-lg);padding:var(--space-3)}.shot-card-full__thumbnail{flex-shrink:0;width:160px;aspect-ratio:16 / 9;background:var(--color-elevated);border-radius:var(--radius-md);overflow:hidden}.shot-card-full__thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.shot-card-full__placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.5rem;text-align:center;background:linear-gradient(135deg,var(--color-elevated) 0%,var(--color-surface) 100%)}.shot-card-full__placeholder-desc{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);line-height:1.2}.shot-card-full__placeholder-status{font-size:var(--text-xs);color:var(--text-muted)}.shot-card-full__info{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.shot-card-full__header{display:flex;align-items:baseline;gap:var(--space-3)}.shot-card-full__number{font-weight:600;font-size:var(--text-sm);color:var(--text-primary)}.shot-card-full__narrative{display:flex;flex-direction:column;gap:2px}.shot-card-full__narrative-label{font-weight:600;font-size:var(--text-sm);color:var(--color-primary);line-height:1.2}.shot-card-full__technical-label{font-size:10px;font-family:var(--font-mono);color:var(--text-muted);opacity:.6;transition:opacity var(--duration-fast)}.shot-card-full__narrative:hover .shot-card-full__technical-label{opacity:1}.shot-card-full__time{font-size:var(--text-xs);color:var(--text-muted)}.shot-card-full__music{display:flex;flex-direction:column;gap:var(--space-2)}.shot-card-full__segment{display:flex;align-items:center;gap:var(--space-2)}.segment-badge{display:inline-block;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:10px;font-weight:600;letter-spacing:var(--tracking-wide)}.segment-badge--intro{background:#6366f133;color:var(--color-primary)}.segment-badge--verse{background:#10b98133;color:var(--color-success)}.segment-badge--chorus{background:#f4a62333;color:var(--color-warning)}.segment-badge--bridge{background:#ec489933;color:#f472b6}.segment-badge--outro{background:#8b5cf633;color:var(--color-primary)}.segment-badge--unknown{background:#94a3b833;color:var(--text-muted)}.energy-peak-badge{display:inline-block;padding:2px 6px;border-radius:var(--radius-sm);font-size:10px;font-weight:600;background:#ef444433;color:var(--color-error)}.segment-time{font-size:10px;color:var(--text-muted);font-family:var(--font-mono)}.shot-card-full__metrics{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.metric{display:flex;align-items:center;gap:var(--space-2)}.metric--compact{gap:var(--space-1)}.metric__label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.metric__bar{width:60px;height:6px;background:var(--color-elevated);border-radius:var(--radius-full);overflow:hidden}.metric__fill{height:100%;background:linear-gradient(90deg,var(--color-success),var(--color-warning),var(--color-error));border-radius:var(--radius-full);transition:width .3s ease}.metric__value{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-secondary)}.mood-tag{padding:2px 6px;border-radius:var(--radius-sm);font-size:10px;font-weight:500;text-transform:capitalize}.mood-tag--intense{background:#ef444433;color:var(--color-error)}.mood-tag--energetic{background:#f4a62333;color:var(--color-warning)}.mood-tag--building{background:#fb923c33;color:#fb923c}.mood-tag--moderate{background:#10b98133;color:var(--color-success)}.mood-tag--gentle{background:#6366f133;color:var(--color-primary)}.mood-tag--soft{background:#8b5cf633;color:var(--color-primary)}.shot-card-full__waveform{margin-top:var(--space-2);background:var(--color-overlay);border-radius:var(--radius-sm);padding:var(--space-1);overflow:hidden}.mini-waveform{display:block}@media(max-width:640px){.shot-card-full{flex-direction:column}.shot-card-full__thumbnail{width:100%}}.war-room{height:100vh;max-height:100vh;width:100vw;max-width:100vw;display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:100%;background:var(--color-void);overflow:hidden}.war-room__header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--color-surface);border-bottom:var(--border-thin);min-height:48px;width:100%;max-width:100%;box-sizing:border-box}.war-room__back{color:var(--color-muted);font-size:var(--text-sm);transition:color var(--duration-fast);flex-shrink:0}.war-room__back:hover{color:var(--color-text)}.war-room__header h1{font-size:var(--text-lg);font-weight:600;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.war-room__mode-badge{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:var(--color-elevated);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);flex-shrink:0}.war-room__stage{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-elevated);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text)}.war-room__stage-dot{width:8px;height:8px;background:var(--color-primary);border-radius:50%;animation:pulse-dot 1.5s ease-in-out infinite}.war-room__generation-time{color:var(--text-muted);font-weight:400;font-variant-numeric:tabular-nums}.war-room__stage-progress{color:var(--color-primary);font-weight:600;font-variant-numeric:tabular-nums;margin-left:4px}.war-room__completed-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0;margin-left:auto}.war-room__completed-badge{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:#10b98126;color:var(--color-success);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600}.war-room__completed-divider{width:1px;height:20px;background:var(--border-color);flex-shrink:0}.war-room__stalled-actions{display:flex;align-items:center;gap:var(--space-2);margin-left:var(--space-3)}.war-room__stalled-badge{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:#f59e0b26;color:var(--color-warning);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600}.war-room__stalled-badge--info{background:#3b82f626;color:var(--color-info)}.war-room .btn--warning{background:var(--color-warning);color:var(--text-on-accent);border:none}.canvas-preview--final{padding:var(--space-4);justify-content:flex-start}.canvas-preview--final .final-video{width:100%;max-width:100%;max-height:100%;border-radius:var(--radius-lg);background:var(--color-void)}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.war-room__content{display:grid;grid-template-columns:1fr 350px;grid-template-areas:"canvas conversation";gap:var(--space-3);padding:var(--space-3) var(--space-4);overflow:hidden;min-height:0;width:100%;box-sizing:border-box;align-items:stretch;transition:grid-template-columns var(--duration-normal) var(--ease-out)}.war-room__canvas{grid-area:canvas;position:relative;background:var(--color-surface);border:var(--border-thin);border-radius:var(--radius-lg);overflow:hidden;overflow-y:auto;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0}.canvas-preview{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-4);min-width:0;max-width:100%;box-sizing:border-box}.canvas-preview img,.canvas-preview video{max-width:100%;max-height:calc(100% - 56px);-o-object-fit:contain;object-fit:contain;border-radius:var(--radius-md)}.canvas-preview__placeholder{width:min(100%,720px);min-height:280px;display:flex;align-items:center;justify-content:center;padding:var(--space-6);border:1px dashed var(--color-border, rgba(0, 0, 0, .12));border-radius:var(--radius-md);color:var(--color-muted);background:#fff9}.canvas-preview__caption{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--color-muted);text-align:center;max-width:80%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.production-summary{display:flex;gap:var(--space-4);justify-content:center;margin-top:var(--space-2);font-size:var(--text-xs);color:var(--color-muted);font-family:var(--font-mono)}.production-summary__stat--warning{color:var(--color-error)}.keyframe-filmstrip{display:flex;gap:4px;margin-top:var(--space-3);overflow-x:auto;padding:4px 0;max-width:100%;scrollbar-width:thin}.keyframe-filmstrip__thumb{flex-shrink:0;width:56px;height:32px;border:2px solid transparent;border-radius:4px;overflow:hidden;cursor:pointer;position:relative;background:var(--color-elevated);padding:0;transition:border-color .15s,transform .15s}.keyframe-filmstrip__thumb:hover{border-color:var(--text-secondary);transform:scale(1.1)}.keyframe-filmstrip__thumb--active{border-color:var(--color-primary);box-shadow:0 0 8px #7dd3fc4d}.keyframe-filmstrip__thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.keyframe-filmstrip__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:.65rem;color:var(--text-secondary)}.keyframe-filmstrip__status{position:absolute;bottom:1px;right:1px;font-size:.5rem;background:#10b981e6;color:#fff;border-radius:2px;padding:0 2px;line-height:1.2}.keyframe-filmstrip__thumb--failed{border-color:var(--color-error);opacity:.7}.keyframe-filmstrip__status--failed{background:#ef4444e6}.canvas-preview--focus{justify-content:center;padding:var(--space-4)}.focus-shot{width:100%;max-width:640px;display:flex;flex-direction:column;gap:var(--space-3)}.focus-shot__header{display:flex;align-items:center;justify-content:space-between}.focus-shot__number{font-size:var(--text-lg);font-weight:600;color:var(--color-text)}.focus-shot__status{font-size:var(--text-sm);font-weight:500}.focus-shot__status--generating{color:var(--color-primary)}.focus-shot__status--completed{color:var(--color-success)}.focus-shot__status--pending{color:var(--color-muted)}.focus-shot__status--stalled{color:var(--color-warning)}.focus-shot__status--failed{color:var(--color-error)}.focus-shot__stalled{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);color:var(--color-warning)}.stalled-icon{font-size:2.5rem;line-height:1;animation:stalled-pulse 2s ease-in-out infinite}@keyframes stalled-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.95)}}.focus-shot__failed{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);color:var(--color-error);text-align:center;padding:var(--space-4)}.failed-icon{font-size:2.5rem;line-height:1}.focus-shot__failed-content{display:flex;flex-direction:column;gap:var(--space-2)}.focus-shot__failed-title{font-size:var(--text-lg);font-weight:600}.focus-shot__failed-reason{font-size:var(--text-sm);color:var(--color-muted);max-width:400px;line-height:1.4}.focus-shot__problems{color:var(--color-warning);font-weight:500}.focus-shot__retry-btn{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-warning);color:var(--text-on-accent);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--duration-fast)}.focus-shot__retry-btn:hover{background:var(--color-primary);transform:translateY(-1px)}.focus-shot__retry-btn:active{transform:translateY(0)}.focus-shot__preview{aspect-ratio:16 / 9;background:var(--color-elevated);border-radius:var(--radius-lg);overflow:hidden;border:2px solid var(--color-border)}.focus-shot__preview img,.focus-shot__preview video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.focus-shot__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-elevated) 0%,var(--color-surface) 100%)}.focus-shot__generating{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);color:var(--color-primary)}.focus-shot__generating-status{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.focus-shot__generating-message{font-size:var(--text-lg);font-weight:500;color:var(--color-primary)}.focus-shot__generating-slow{font-size:var(--text-sm);color:var(--color-warning);margin-top:var(--space-1)}.focus-shot__generating-active{font-size:var(--text-sm);color:var(--color-success);margin-top:var(--space-1);font-family:var(--font-mono)}.focus-shot__stuck-icon{font-size:var(--text-4xl);color:var(--color-warning);margin-bottom:var(--space-2)}.focus-shot__stuck-status{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);margin-bottom:var(--space-4)}.focus-shot__stuck-title{font-size:var(--text-xl);font-weight:600;color:var(--color-warning)}.focus-shot__stuck-subtitle{font-size:var(--text-sm);color:var(--color-muted)}.war-room .btn--warning{background:var(--color-warning);color:var(--text-on-accent)}.war-room .btn--warning:hover{background:var(--color-warm-dim)}.focus-shot__status-dot{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.focus-shot__elapsed{font-family:var(--font-mono);font-weight:600;margin-left:var(--space-1)}.focus-shot__provider{font-size:var(--text-xs);color:var(--color-muted);margin-left:var(--space-2);text-transform:uppercase}.generating-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.focus-shot__description{font-size:var(--text-sm);color:var(--color-muted);line-height:1.5;padding:var(--space-2) var(--space-3);background:var(--color-elevated);border-radius:var(--radius-md);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.focus-shot__meta{display:flex;justify-content:space-between;font-size:var(--text-sm);color:var(--color-muted)}.focus-shot__timing{font-family:var(--font-mono)}.focus-shot__keyframe-preview{position:relative;width:100%;height:100%}.focus-shot__keyframe-preview img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:var(--radius-md)}.focus-shot__keyframe-overlay{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3);background:linear-gradient(transparent,#000c);color:#fff;font-size:var(--text-sm);border-radius:0 0 var(--radius-md) var(--radius-md)}.focus-shot__generating-desc{margin-top:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);max-width:400px;line-height:var(--leading-relaxed);text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.canvas-preview--grid{background:var(--color-surface)}.shot-grid{display:flex;flex-direction:column;height:100%;padding:var(--space-4)}.shot-grid__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.shot-grid__title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.shot-grid__meta{font-size:var(--text-sm);color:var(--text-muted)}.shot-grid__items{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-3);overflow-y:auto;flex:1}.shot-grid__item{position:relative;aspect-ratio:16/9;background:var(--color-elevated);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:transform var(--duration-fast),box-shadow var(--duration-fast);border:2px solid transparent}.shot-grid__item:hover{transform:scale(1.02);box-shadow:0 4px 12px #0000004d}.shot-grid__item--completed{border-color:var(--color-success)}.shot-grid__item--generating{border-color:var(--color-primary);animation:grid-pulse 2s ease-in-out infinite}.shot-grid__item--failed{border-color:var(--color-error)}.shot-grid__item--pending{opacity:.5}@keyframes grid-pulse{0%,to{border-color:var(--color-primary)}50%{border-color:var(--color-primary)}}.shot-grid__item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.shot-grid__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:var(--text-lg);color:var(--text-muted)}.shot-grid__number{position:absolute;bottom:var(--space-1);left:var(--space-1);background:#000000b3;color:#fff;font-size:var(--text-xs);padding:2px 6px;border-radius:var(--radius-sm)}.shot-grid__keyframe{position:relative;width:100%;height:100%}.shot-grid__keyframe img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.shot-grid__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#00000080;border-radius:50%;padding:var(--space-2)}.generating-spinner--sm{width:16px;height:16px}.shot-progress-summary{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);padding:var(--space-6);width:100%;max-width:400px}.shot-progress-summary__main{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);width:100%}.shot-progress-summary__count{display:flex;align-items:baseline;gap:var(--space-1)}.shot-progress-summary__completed{font-size:3rem;font-weight:700;color:var(--color-success);line-height:1}.shot-progress-summary__separator{font-size:2rem;font-weight:300;color:var(--text-muted)}.shot-progress-summary__total{font-size:2rem;font-weight:500;color:var(--text-secondary)}.shot-progress-summary__label{font-size:var(--text-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.shot-progress-summary__bar{width:100%;height:8px;background:var(--color-elevated);border-radius:var(--radius-full);overflow:hidden}.shot-progress-summary__fill{height:100%;background:var(--color-success);border-radius:var(--radius-full);transition:width .5s var(--ease-out-expo)}.shot-progress-summary__incomplete{width:100%;background:var(--color-elevated);border-radius:var(--radius-lg);padding:var(--space-4)}.shot-progress-summary__incomplete-header{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:var(--border-thin)}.shot-progress-summary__incomplete-list{display:flex;flex-direction:column;gap:var(--space-2)}.shot-progress-summary__item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);background:var(--color-surface);border-radius:var(--radius-md);cursor:pointer;transition:background var(--duration-fast)}.shot-progress-summary__item:hover{background:var(--color-overlay)}.shot-progress-summary__item-number{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);font-family:var(--font-mono)}.shot-progress-summary__item-status{font-size:var(--text-xs);font-weight:500}.shot-progress-summary__item-status--stalled{color:var(--color-warning)}.shot-progress-summary__item-status--failed{color:var(--color-error)}.shot-progress-summary__item-status--pending{color:var(--text-muted)}.shot-progress-summary__item-status--generating{display:flex;align-items:center;gap:var(--space-1);color:var(--color-primary)}.shot-progress-summary__item-status--generating .status-dot{animation:pulse 1.5s ease-in-out infinite}.shot-progress-summary__elapsed{font-family:var(--font-mono);font-weight:600;color:var(--color-primary)}.shot-progress-summary__provider{font-size:var(--text-xs);color:var(--color-muted);text-transform:capitalize;margin-left:var(--space-1)}.shot-progress-summary__provider:before{content:"via "}.shot-progress-summary__more{font-size:var(--text-xs);color:var(--text-muted);text-align:center;padding-top:var(--space-2)}.shot-progress-summary__all-done{font-size:var(--text-lg);font-weight:600;color:var(--color-success);display:flex;align-items:center;gap:var(--space-2)}.shot-progress-summary__all-done:before{content:"✓"}.canvas-preview--empty{background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-elevated) 100%)}.canvas-preview__waiting{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center}.waiting-orb{width:32px;height:32px;background:radial-gradient(circle at 30% 30%,var(--color-primary),var(--color-primary-dim));border-radius:50%;animation:orb-pulse 2s ease-in-out infinite;box-shadow:0 0 20px #f59e0b4d}@keyframes orb-pulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.05);opacity:1}}.canvas-preview__waiting p{color:var(--color-muted);font-size:var(--text-sm);max-width:300px}.pipeline-strip{position:absolute;top:0;left:0;right:0;z-index:var(--z-elevated);background:var(--color-surface-overlay, rgba(0, 0, 0, .85));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border);display:flex;align-items:center}.pipeline-strip__stages{display:flex;align-items:center;gap:var(--space-1);overflow-x:auto;scrollbar-width:none;scroll-behavior:smooth}.pipeline-strip__stages::-webkit-scrollbar{display:none}.pipeline-strip__stage{display:flex;align-items:center;gap:var(--space-1);white-space:nowrap;font-size:.75rem;transition:opacity .2s}.pipeline-strip__stage .pipeline-strip__dot,.pipeline-strip__stage .pipeline-strip__label{color:#fff6}.pipeline-strip__stage--complete .pipeline-strip__dot,.pipeline-strip__stage--complete .pipeline-strip__label{color:#ffffffb3}.pipeline-strip__stage--complete .pipeline-strip__dot{color:var(--color-success)}.pipeline-strip__stage--current .pipeline-strip__dot{color:var(--color-primary);animation:pulse-dot 1.5s ease-in-out infinite}.pipeline-strip__stage--current .pipeline-strip__label{color:#fff;font-weight:600}.pipeline-strip__dot{font-size:.625rem;line-height:1}.pipeline-strip__time{color:#ffffff80;font-size:.6rem;font-variant-numeric:tabular-nums}.pipeline-strip__stage--current .pipeline-strip__time{color:var(--color-primary)}.pipeline-strip__progress{color:var(--color-primary);font-size:.65rem;font-weight:600;font-variant-numeric:tabular-nums}.pipeline-strip__stage:not(:last-child):after{content:"→";margin-left:var(--space-1);color:#ffffff40;font-size:.625rem}.pipeline-strip__percent{color:var(--color-primary);font-size:.8125rem;font-weight:700;font-variant-numeric:tabular-nums;margin-left:auto;padding-left:var(--space-3);flex-shrink:0;letter-spacing:.02em}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.canvas-preview--pipeline{background:var(--color-surface);justify-content:flex-start;padding:var(--space-6)}.pipeline-progress{width:100%;max-width:500px}.pipeline-progress__header{display:flex;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-2)}.pipeline-progress__title{font-size:var(--text-xl);font-weight:600;color:var(--color-primary)}.pipeline-progress__timer{font-size:var(--text-lg);font-family:var(--font-mono);color:var(--color-text);font-weight:500;animation:timer-pulse 1s ease-in-out infinite}@keyframes timer-pulse{0%,to{opacity:1}50%{opacity:.7}}.pipeline-progress__description{font-size:var(--text-sm);color:var(--color-muted);margin-bottom:var(--space-6)}.pipeline-progress__estimate{color:var(--text-muted, #71717a);font-style:italic}.stage-progress{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.stage-progress__label{font-size:var(--text-xs);color:var(--color-muted);font-family:var(--font-mono)}.stage-progress__fail{color:var(--color-error)}.pipeline-progress__stages{display:flex;flex-direction:column;gap:var(--space-1)}.pipeline-stage{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:all var(--duration-fast)}.pipeline-stage--current{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3)}.pipeline-stage--complete{opacity:.6}.pipeline-stage--pending{opacity:.4}.pipeline-stage__indicator{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);color:var(--color-muted)}.pipeline-stage--complete .pipeline-stage__indicator{color:var(--color-success)}.pipeline-stage--current .pipeline-stage__indicator{color:var(--color-primary);animation:pulse-dot 1.5s ease-in-out infinite}.pipeline-stage__label{font-size:var(--text-sm);color:var(--color-text);flex:1}.pipeline-stage--pending .pipeline-stage__label{color:var(--color-muted)}.pipeline-stage__time{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-muted);min-width:40px;text-align:right}.pipeline-stage--current .pipeline-stage__time{color:var(--color-primary)}.pipeline-stage--complete .pipeline-stage__time{color:var(--color-success)}.pipeline-progress__latest{margin-top:var(--space-6);padding:var(--space-3);background:var(--color-elevated);border-radius:var(--radius-md);border-left:3px solid var(--color-primary)}.pipeline-progress__latest-label{font-size:var(--text-xs);font-weight:600;color:var(--color-primary);display:block;margin-bottom:var(--space-1)}.pipeline-progress__latest-content{font-size:var(--text-sm);color:var(--color-text);line-height:1.4}.war-room__conversation{grid-area:conversation;display:flex;flex-direction:column;min-height:200px;max-height:100%;overflow:hidden;position:relative;transition:width var(--duration-normal) var(--ease-out)}.war-room__conversation>.agent-conversation{flex:1;min-height:0}.war-room__timeline{padding:var(--space-2) var(--space-4);background:var(--color-surface);border-top:var(--border-thin);flex-shrink:0;position:relative;transition:height var(--duration-normal) var(--ease-out)}@media(max-width:768px){.war-room__content{grid-template-columns:1fr;grid-template-rows:1fr;grid-template-areas:"canvas"}.war-room__canvas{min-height:300px}.war-room__conversation{position:fixed;top:0;right:0;width:100%;height:100%;z-index:var(--z-overlay, 100);background:var(--color-base);min-height:unset;max-height:unset;transition:transform var(--duration-normal) var(--ease-out)}.war-room__conversation--collapsed{transform:translate(100%);width:40px;position:relative;height:auto}.war-room__conversation--collapsed .war-room__panel-toggle--pill{writing-mode:horizontal-tb;position:fixed;top:auto;bottom:var(--space-4);right:var(--space-4);left:auto;transform:none}.war-room--conversation-collapsed .war-room__content{grid-template-columns:1fr}}.video-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-8);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;min-height:300px}.video-error__icon{width:64px;height:64px;border-radius:50%;background:var(--color-warning-muted);color:var(--color-warning);display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl);font-weight:700}.video-error__title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:0}.video-error__message{font-size:var(--text-sm);color:var(--text-secondary);max-width:400px;line-height:var(--leading-relaxed);margin:0}.video-error__hint{margin-top:var(--space-2)}.video-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);min-height:300px;color:var(--text-muted);font-size:var(--text-sm)}.war-room__missing-badge{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:#ef444426;color:var(--color-error);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600}.canvas-preview--missing{display:flex;align-items:center;justify-content:center;min-height:400px;padding:var(--space-6)}.video-missing{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-4);max-width:420px}.video-missing__icon{width:64px;height:64px;border-radius:50%;background:#ef44441a;border:2px solid rgba(239,68,68,.3);display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl);font-weight:700;color:var(--color-error)}.video-missing h3{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin:0}.video-missing p{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0}.video-missing__hint{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-2)}.war-room__canvas{animation:panel-slide-in .5s var(--ease-smooth) backwards;animation-delay:0ms}.war-room__conversation{animation:panel-slide-in .5s var(--ease-smooth) backwards;animation-delay:.1s}.war-room__timeline{animation:panel-fade-up .4s var(--ease-smooth) backwards;animation-delay:.15s}.war-room--generating{position:relative}.war-room--generating:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 30% 20%,rgba(139,92,246,.08) 0%,transparent 50%);pointer-events:none;z-index:var(--z-base);animation:atmosphere-pulse 4s ease-in-out infinite}.war-room--completed:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,rgba(16,185,129,.06) 0%,transparent 60%);pointer-events:none;z-index:var(--z-base)}.war-room--failed:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,rgba(239,68,68,.06) 0%,transparent 60%);pointer-events:none;z-index:var(--z-base)}@keyframes atmosphere-pulse{0%,to{opacity:.6}50%{opacity:1}}.war-room--generating .war-room__canvas:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0px,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);pointer-events:none;animation:scanlines 8s linear infinite;opacity:.4;z-index:var(--z-elevated)}.war-room--generating .war-room__canvas{box-shadow:0 0 30px var(--color-primary-glow);border-color:var(--color-primary);transition:box-shadow var(--duration-slow) var(--ease-out),border-color var(--duration-slow) var(--ease-out)}.war-room__panel--collapsed{height:48px;min-height:48px;max-height:48px;overflow:hidden;transition:all var(--duration-normal) var(--ease-out)}.war-room__panel--expanded{transition:all var(--duration-normal) var(--ease-out)}.war-room__collapse-toggle,.war-room__panel-toggle{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--color-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--duration-fast);position:absolute;z-index:var(--z-elevated);font-size:var(--text-xs)}.war-room__panel-toggle{top:var(--space-2);left:var(--space-2)}.war-room__panel-toggle--timeline{top:var(--space-2);left:50%;transform:translate(-50%)}.war-room__collapse-toggle:hover,.war-room__panel-toggle:hover{background:var(--color-surface);color:var(--text-primary);border-color:var(--color-primary)}.war-room__conversation--collapsed{width:40px;min-width:40px;overflow:visible;transition:width var(--duration-normal) var(--ease-out)}.war-room__conversation--collapsed>*:not(.war-room__panel-toggle):not(.war-room__panel-toggle--pill){opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-out)}.war-room--conversation-collapsed .war-room__content{grid-template-columns:1fr 40px}.war-room__panel-toggle--pill{width:auto;height:auto;padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);display:flex;align-items:center;gap:var(--space-2);white-space:nowrap;writing-mode:vertical-rl;text-orientation:mixed;top:var(--space-3);left:50%;transform:translate(-50%);font-size:var(--text-xs);background:var(--color-elevated);border:1px solid var(--color-border);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast);position:absolute;z-index:var(--z-elevated)}.war-room__panel-toggle--pill:hover{background:var(--color-surface);color:var(--text-primary);border-color:var(--color-primary)}.war-room__toggle-label{font-weight:500}.war-room__toggle-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 var(--space-1);border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-on-primary, #fff);font-size:10px;font-weight:600;line-height:1}.war-room__timeline--collapsed{height:48px;min-height:48px;overflow:hidden;transition:height var(--duration-normal) var(--ease-out)}.war-room__timeline--collapsed>*:not(.war-room__panel-toggle){opacity:0;pointer-events:none}@media(min-width:1200px){.war-room__content{grid-template-columns:1fr 350px}}@media(min-width:1440px){.war-room__content{grid-template-columns:1fr 380px}}.war-room--has-timeline .war-room__canvas{margin-bottom:calc(-1 * var(--space-4));padding-bottom:var(--space-8)}.war-room--has-timeline .war-room__timeline{position:relative;z-index:var(--z-elevated);box-shadow:0 -4px 20px #0000004d;border-radius:var(--radius-lg) var(--radius-lg) 0 0;margin:0 var(--space-4)}.war-room__floating-actions{position:absolute;bottom:var(--space-4);right:var(--space-4);display:flex;gap:var(--space-2);z-index:var(--z-elevated)}.war-room__floating-btn{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--text-primary);cursor:pointer;transition:all var(--duration-fast);box-shadow:var(--shadow-lg)}.war-room__floating-btn:hover{background:var(--color-primary);color:#fff;transform:scale(1.1);box-shadow:var(--shadow-glow-primary)}.shot-grid__item--just-completed{animation:shot-complete-pop .4s var(--ease-spring)}.war-room--focus-mode .war-room__content{grid-template-columns:1fr;grid-template-areas:"canvas"}.war-room--focus-mode .war-room__conversation{display:none}.war-room:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:var(--z-sticky);background:var(--gradient-vignette);opacity:.3}.dark .war-room:after{opacity:.5}.shot-grid__item--creative-peak{border-color:var(--color-warm);box-shadow:0 0 12px var(--color-warm-glow)}.focus-shot--creative-peak .focus-shot__header{color:var(--color-warm)}.discovered-assets{padding:var(--space-2) var(--space-3);border-bottom:var(--border-thin);background:var(--color-surface-raised);flex-shrink:0}.discovered-assets__header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.discovered-assets__title{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.discovered-assets__count{font-size:var(--text-xs);background:var(--color-primary);color:#fff;border-radius:var(--radius-full);padding:0 6px;min-width:18px;text-align:center;line-height:18px}.discovered-assets__grid{display:flex;gap:var(--space-1);overflow-x:auto;scrollbar-width:thin}.discovered-assets__item{flex-shrink:0}.discovered-assets__thumb{width:48px;height:48px;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-sm);cursor:pointer;border:2px solid transparent;transition:border-color var(--duration-fast) var(--ease-out)}.discovered-assets__thumb:hover{border-color:var(--color-primary)}.audio-analysis-summary{margin-top:var(--space-1);padding:var(--space-1) var(--space-3);background:var(--color-surface);border:var(--border-thin);border-radius:var(--radius-md);display:flex;align-items:center;gap:var(--space-3)}.audio-analysis-summary__title{font-size:var(--text-xs);font-weight:600;color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;flex-shrink:0}.audio-analysis-summary__stats{display:flex;flex-wrap:wrap;gap:var(--space-2)}.audio-analysis-summary__stat{display:flex;align-items:baseline;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--color-elevated);border-radius:var(--radius-sm)}.audio-analysis-summary__label{font-size:10px;color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em}.audio-analysis-summary__value{font-size:var(--text-sm);font-weight:600;color:var(--color-primary);font-family:var(--font-mono)}.canvas-preview--commercial{display:flex;flex-direction:column;height:100%;overflow-y:auto;align-items:stretch;justify-content:flex-start}.canvas-preview--commercial .shot-list{padding:var(--space-4)}.canvas-preview--commercial .shot-list__grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.shot-filmstrip{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2) var(--space-4)}.shot-filmstrip__progress{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm)}.shot-filmstrip__count{font-family:var(--font-mono);font-weight:600;color:var(--text-secondary);white-space:nowrap}.shot-filmstrip__bar{flex:1;height:4px;background:var(--color-surface);border-radius:var(--radius-full);overflow:hidden}.shot-filmstrip__bar>div{height:100%;background:linear-gradient(90deg,var(--color-success),var(--color-primary));transition:width .5s ease}.shot-filmstrip__strip{display:flex;gap:var(--space-2);overflow-x:auto;padding:var(--space-1) 0;scrollbar-width:thin}.shot-filmstrip__strip::-webkit-scrollbar{height:4px}.shot-filmstrip__strip::-webkit-scrollbar-track{background:transparent}.shot-filmstrip__strip::-webkit-scrollbar-thumb{background:var(--color-overlay);border-radius:var(--radius-full)}.shot-filmstrip__card{flex-shrink:0;width:88px;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);cursor:pointer;transition:transform var(--duration-fast)}.shot-filmstrip__card:hover{transform:translateY(-2px)}.shot-filmstrip__thumb{position:relative;width:88px;height:50px;border-radius:var(--radius-sm);overflow:hidden;background:var(--color-elevated);border:2px solid transparent;display:flex;align-items:center;justify-content:center}.shot-filmstrip__card--completed .shot-filmstrip__thumb{border-color:var(--color-success)}.shot-filmstrip__card--generating .shot-filmstrip__thumb,.shot-filmstrip__card--retrying .shot-filmstrip__thumb{border-color:var(--color-primary)}.shot-filmstrip__card--failed .shot-filmstrip__thumb{border-color:var(--color-error)}.shot-filmstrip__card--selected .shot-filmstrip__thumb{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary)}.war-room--completed .shot-filmstrip__card--failed .shot-filmstrip__thumb{border-color:var(--color-success)}.war-room--completed .shot-filmstrip__dot--failed{background:var(--color-success)}.shot-filmstrip__thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.shot-filmstrip__spinner{display:flex;align-items:center;justify-content:center}.shot-filmstrip__placeholder-num{font-size:var(--text-lg);font-weight:700;color:var(--text-muted);opacity:.4}.shot-filmstrip__dot{position:absolute;top:3px;right:3px;width:8px;height:8px;border-radius:50%;background:var(--color-overlay)}.shot-filmstrip__dot--completed{background:var(--color-success)}.shot-filmstrip__dot--generating,.shot-filmstrip__dot--retrying{background:var(--color-primary);animation:pulse-dot 1.5s ease-in-out infinite}.shot-filmstrip__dot--failed{background:var(--color-error)}.shot-filmstrip__dot--stalled{background:var(--color-warning)}.shot-filmstrip__label{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap}.shot-filmstrip__provider{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:0 4px;border-radius:var(--radius-full, 9999px);line-height:1.4}.shot-filmstrip__provider--veo{background:#4285f426;color:#4285f4}.shot-filmstrip__provider--piapi{background:#34a85326;color:#34a853}.shot-filmstrip__provider--ltx{background:#673ab726;color:#673ab7}.focus-shot__completed-actions{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.canvas-preview__shot-actions{display:flex;gap:var(--space-2);justify-content:center;padding:var(--space-3) 0}.modal-dialog{background:var(--color-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg, 12px);padding:var(--space-6, 1.5rem);max-width:440px;width:100%;box-shadow:0 8px 32px #0003}.modal-dialog h3{margin:0 0 var(--space-3, .75rem) 0;font-size:var(--text-lg, 1.125rem);color:var(--text-primary)}.modal-dialog p{margin:0;font-size:var(--text-sm, .875rem);line-height:1.5;color:var(--text-secondary)}.modal-dialog__actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-5, 1.25rem)}.btn--danger{background:var(--color-error);color:var(--text-on-accent);border:none}.btn--danger:hover{background:var(--color-error)}.project-list__main{padding:var(--space-8);max-width:1400px;margin:0 auto;overflow-x:hidden;animation:fade-up var(--duration-slower) var(--ease-smooth)}.project-list__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-10);flex-wrap:wrap;gap:var(--space-4)}.project-list__title-group{display:flex;align-items:baseline;gap:var(--space-3)}.project-list__title{font-size:var(--text-4xl);font-weight:var(--font-display-semibold);letter-spacing:var(--tracking-tighter);background:linear-gradient(135deg,var(--text-primary) 0%,var(--color-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.project-list__count{font-size:var(--text-sm);color:var(--text-muted);font-weight:var(--font-medium)}.project-list__filters{display:flex;gap:var(--space-1);background:var(--color-surface);padding:var(--space-1);border-radius:var(--radius-xl);border:1px solid var(--border-color)}.filter-btn{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-lg);color:var(--text-muted);transition:all var(--duration-fast) var(--ease-out)}.filter-btn:hover{color:var(--text-primary)}.filter-btn--active{background:var(--color-primary-soft);color:var(--color-primary)}.project-list__search-wrapper{position:relative}.project-list__search{width:100%;max-width:300px;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--text-primary);background:var(--color-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);outline:none;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.project-list__search::-moz-placeholder{color:var(--text-muted)}.project-list__search::placeholder{color:var(--text-muted)}.project-list__search:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}.project-list__type-filters{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-8)}.type-filter-btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full);color:var(--text-muted);background:var(--color-surface);border:1px solid var(--border-color);transition:all var(--duration-fast) var(--ease-out);cursor:pointer}.type-filter-btn:hover{color:var(--text-primary);border-color:var(--text-secondary)}.type-filter-btn--active{background:var(--color-primary-soft);color:var(--color-primary);border-color:var(--color-primary)}.type-filter-btn__count{font-size:var(--text-xs);color:var(--text-muted);opacity:.7}.type-filter-btn--active .type-filter-btn__count{color:var(--color-primary);opacity:.8}.project-list__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-20)}.project-list__empty{display:flex;align-items:center;justify-content:center;padding:var(--space-20);animation:fade-up var(--duration-slower) var(--ease-smooth)}.empty-state{text-align:center;max-width:420px;padding:var(--space-8);background:var(--color-surface);border:var(--border-thin);border-radius:var(--radius-2xl);position:relative;overflow:hidden}.empty-state:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(124,58,237,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(124,58,237,.03) 1px,transparent 1px);background-size:30px 30px;pointer-events:none}.empty-state__icon{font-size:5rem;margin-bottom:var(--space-6);opacity:.25;filter:grayscale(.3);animation:bounce-subtle 3s var(--ease-in-out) infinite;position:relative;z-index:var(--z-elevated)}.empty-state__title{font-size:var(--text-2xl);font-weight:var(--font-display-semibold);margin-bottom:var(--space-3);letter-spacing:var(--tracking-tight);background:linear-gradient(135deg,var(--text-primary) 0%,var(--color-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;z-index:var(--z-elevated)}.empty-state__text{color:var(--text-secondary);margin-bottom:var(--space-8);line-height:var(--leading-relaxed);font-size:var(--text-md);position:relative;z-index:var(--z-elevated)}.project-list__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-6)}.project-card{background:var(--color-surface);border:1px solid var(--border-color);border-radius:var(--radius-2xl);overflow:hidden;transition:all var(--duration-normal) var(--ease-out);display:block;position:relative;animation:fade-up var(--duration-slower) var(--ease-smooth);animation-fill-mode:both}.project-card:nth-child(1){animation-delay:0ms}.project-card:nth-child(2){animation-delay:50ms}.project-card:nth-child(3){animation-delay:.1s}.project-card:nth-child(4){animation-delay:.15s}.project-card:nth-child(5){animation-delay:.2s}.project-card:nth-child(6){animation-delay:.25s}.project-card:hover{border-color:var(--color-primary);transform:translateY(-6px) scale(1.01);box-shadow:var(--shadow-xl),var(--shadow-glow-primary),0 0 50px var(--color-primary-glow)}.project-card__thumbnail{aspect-ratio:16 / 9;background:var(--color-elevated);position:relative;overflow:hidden}.project-card__thumbnail img,.project-card__thumbnail video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--duration-slow) var(--ease-out)}.project-card:hover .project-card__thumbnail img,.project-card:hover .project-card__thumbnail video{transform:scale(1.03)}.project-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--color-elevated) 0%,var(--color-surface) 100%)}.project-card__placeholder-pattern{position:absolute;inset:0;opacity:.4;transition:opacity var(--duration-normal) var(--ease-out)}.project-card:hover .project-card__placeholder-pattern{opacity:.6}.project-card__placeholder--commercial{background:linear-gradient(145deg,#1a1625,#2d2438,#1a1625)}.project-card__placeholder--commercial .project-card__placeholder-pattern{background:repeating-linear-gradient(90deg,transparent 0px,transparent 12px,rgba(168,85,247,.08) 12px,rgba(168,85,247,.08) 14px),repeating-linear-gradient(0deg,transparent 0px,transparent 24px,rgba(168,85,247,.05) 24px,rgba(168,85,247,.05) 26px)}.project-card__placeholder--commercial .project-card__type-icon{color:var(--color-primary)}.project-card__placeholder--music_video{background:linear-gradient(145deg,#1a1a2e,#16213e,#0f0f23)}.project-card__placeholder--music_video .project-card__placeholder-pattern{background:repeating-linear-gradient(90deg,transparent 0px,transparent 4px,rgba(236,72,153,.1) 4px,rgba(236,72,153,.1) 6px);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 50'%3E%3Cpath d='M0,25 Q10,10 20,25 T40,25 T60,25 T80,25 T100,25' stroke='white' stroke-width='30' fill='none'/%3E%3C/svg%3E");mask-size:200px 100%;mask-repeat:repeat-x;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 50'%3E%3Cpath d='M0,25 Q10,10 20,25 T40,25 T60,25 T80,25 T100,25' stroke='white' stroke-width='30' fill='none'/%3E%3C/svg%3E");-webkit-mask-size:200px 100%;-webkit-mask-repeat:repeat-x}.project-card__placeholder--music_video .project-card__type-icon{color:var(--color-warm)}.project-card__placeholder--sketch_explainer,.project-card__placeholder--explainer{background:linear-gradient(145deg,#0f1729,#1a2744,#0d1321)}.project-card__placeholder--sketch_explainer .project-card__placeholder-pattern,.project-card__placeholder--explainer .project-card__placeholder-pattern{background:linear-gradient(90deg,rgba(34,211,238,.03) 1px,transparent 1px),linear-gradient(rgba(34,211,238,.03) 1px,transparent 1px),radial-gradient(circle at 25% 25%,rgba(34,211,238,.08) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(34,211,238,.05) 0%,transparent 50%);background-size:20px 20px,20px 20px,100% 100%,100% 100%}.project-card__placeholder--sketch_explainer .project-card__type-icon,.project-card__placeholder--explainer .project-card__type-icon{color:var(--color-accent)}.project-card__placeholder--podcast{background:linear-gradient(145deg,#1a0f2e,#2d1854,#1a0f2e)}.project-card__placeholder--podcast .project-card__placeholder-pattern{background:repeating-linear-gradient(90deg,transparent 0px,transparent 6px,rgba(168,85,247,.06) 6px,rgba(168,85,247,.06) 8px)}.project-card__placeholder--podcast .project-card__type-icon{color:var(--color-primary)}.project-card__placeholder--default{background:linear-gradient(145deg,var(--color-elevated) 0%,var(--color-surface-elevated) 100%)}.project-card__placeholder--default .project-card__placeholder-pattern{background:radial-gradient(circle at 30% 30%,rgba(124,58,237,.06) 0%,transparent 40%),radial-gradient(circle at 70% 70%,rgba(124,58,237,.04) 0%,transparent 40%)}.project-card__type-icon{font-size:3rem;opacity:.6;position:relative;z-index:var(--z-elevated);filter:drop-shadow(0 2px 8px rgba(0,0,0,.3));transition:all var(--duration-normal) var(--ease-out)}.project-card:hover .project-card__type-icon{transform:scale(1.1);opacity:.8}.project-card__overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(0,0,0,.4) 50%,transparent 100%);display:flex;align-items:flex-end;justify-content:center;padding-bottom:var(--space-6);opacity:0;transition:opacity var(--duration-normal) var(--ease-out)}.project-card:hover .project-card__overlay{opacity:1}.project-card__action{padding:var(--space-2) var(--space-5);background:var(--gradient-primary);color:#fff;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);box-shadow:var(--shadow-md);transform:translateY(8px);transition:all var(--duration-normal) var(--ease-out)}.project-card:hover .project-card__action{transform:translateY(0)}.project-card__action:hover{box-shadow:var(--shadow-lg),var(--shadow-glow-primary)}.project-card__body{padding:var(--space-5)}.project-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.project-card__name{font-size:var(--text-lg);font-weight:var(--font-semibold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.project-card__meta{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-muted)}.project-card__type{display:inline-flex;align-items:center;gap:var(--space-1)}.project-card__stage{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-color);font-size:var(--text-sm);color:var(--text-secondary)}.stage-indicator{width:8px;height:8px;background:var(--color-primary);border-radius:50%;animation:pulse-soft 2s ease-in-out infinite;box-shadow:0 0 8px var(--color-primary-glow)}.project-card__delete{position:absolute;top:var(--space-3);right:var(--space-3);width:32px;height:32px;border-radius:var(--radius-lg);background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--text-secondary);font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center;opacity:0;transition:all var(--duration-fast) var(--ease-out);z-index:var(--z-elevated);border:1px solid var(--glass-border)}.project-card:hover .project-card__delete{opacity:1}.project-card__delete:hover{background:var(--color-error);border-color:var(--color-error);color:#fff;transform:scale(1.1)}.modal-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-4);animation:fade-in var(--duration-fast) var(--ease-out)}.modal{background:var(--color-surface);border:1px solid var(--border-color);border-radius:var(--radius-2xl);width:100%;max-width:420px;overflow:hidden;box-shadow:var(--shadow-2xl);animation:scale-in var(--duration-normal) var(--ease-spring)}.modal--danger{border-color:#ef44444d}.modal__header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-color)}.modal__title{font-size:var(--text-lg);font-weight:var(--font-semibold)}.modal--danger .modal__title{color:var(--color-error)}.modal__body{padding:var(--space-6)}.modal__body p{line-height:var(--leading-relaxed);color:var(--text-secondary)}.modal__footer{padding:var(--space-4) var(--space-6);background:var(--color-elevated);display:flex;justify-content:flex-end;gap:var(--space-3)}.btn--danger{background:var(--color-error);color:#fff}.btn--danger:hover:not(:disabled){background:var(--color-error);box-shadow:var(--shadow-glow-error)}.btn--danger:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.project-list__main{padding:var(--space-4)}.project-list__header{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.project-list__title{font-size:var(--text-2xl)}.project-list__grid{grid-template-columns:1fr}.filter-btn{min-height:44px;padding:var(--space-3) var(--space-4)}.project-list__filters{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.project-list__search{max-width:100%}.project-list__type-filters{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.type-filter-btn{min-height:36px;white-space:nowrap}.project-card__delete{width:44px;height:44px;opacity:1}}@media(max-width:480px){.project-list__main{padding:var(--space-3)}.project-list__title{font-size:var(--text-xl)}.project-card__thumbnail{height:160px}.project-card__body{padding:var(--space-3)}.project-card__name{font-size:var(--text-base)}.header__nav{flex-wrap:wrap;gap:var(--space-2);justify-content:flex-end}.header__link{font-size:var(--text-sm);padding:var(--space-2)}}.status-badge{display:inline-flex;align-items:center;gap:var(--space-1);border-radius:var(--radius-full);font-weight:var(--font-medium);transition:all var(--duration-fast) var(--ease-out)}.status-badge--sm{padding:2px var(--space-2);font-size:var(--text-xs)}.status-badge--md{padding:var(--space-1) var(--space-3);font-size:var(--text-sm)}.status-badge--muted{background:var(--color-elevated);color:var(--text-muted)}.status-badge--pending{background:var(--color-elevated);color:var(--text-secondary)}.status-badge--generating{background:var(--color-primary-soft);color:var(--color-primary)}.status-badge--success{background:#10b9811a;color:var(--color-success)}.status-badge--warning{background:var(--color-warm-soft);color:var(--color-warm)}.status-badge--error{background:#ef44441a;color:var(--color-error)}.status-badge--pulse{animation:status-pulse .3s var(--ease-spring)}.status-badge__dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:pulse-soft 1.5s var(--ease-in-out) infinite}.dark .status-badge--muted,.dark .status-badge--pending{background:var(--color-overlay)}.dark .status-badge--generating{background:var(--color-primary-glow)}.dark .status-badge--success{background:#34d39926}.dark .status-badge--warning{background:var(--color-warm-glow)}.dark .status-badge--error{background:#f8717126}.file-upload__dropzone{border:2px dashed var(--border-color);border-radius:var(--radius-lg);padding:var(--space-8);text-align:center;cursor:pointer;transition:border-color var(--duration-normal) var(--ease-out),background-color var(--duration-normal) var(--ease-out)}.file-upload__dropzone:hover{border-color:var(--border-hover)}.file-upload__dropzone--dragging{border-color:var(--color-primary);background:var(--color-primary-soft)}.file-upload__dropzone--disabled{opacity:.5;cursor:not-allowed}.file-upload__uploading{display:flex;flex-direction:column;align-items:center}.file-upload__spinner{width:2rem;height:2rem;border:4px solid var(--color-primary);border-top-color:transparent;border-radius:var(--radius-full);animation:spin 1s linear infinite;margin-bottom:var(--space-2)}.file-upload__uploading-text{color:var(--text-secondary)}.file-upload__icon{color:var(--text-disabled);margin-bottom:var(--space-2)}.file-upload__icon svg{width:3rem;height:3rem;margin-left:auto;margin-right:auto}.file-upload__text{color:var(--text-secondary)}.file-upload__hint{font-size:var(--text-sm);color:var(--text-disabled);margin-top:var(--space-1)}.file-upload__error{margin-top:var(--space-2);padding:var(--space-2);background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-sm);color:var(--color-error);font-size:var(--text-sm)}.dark .file-upload__error{background:#f871711a;border-color:#f8717133}.asset-list{display:flex;flex-direction:column;gap:var(--space-2)}.asset-list__empty{text-align:center;padding:var(--space-6) 0;color:var(--text-muted)}.asset-list__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-elevated);border-radius:var(--radius-lg)}.asset-list__icon{flex-shrink:0;width:2.5rem;height:2.5rem;background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center}.asset-list__icon svg{width:1.25rem;height:1.25rem}.asset-list__icon--music svg{color:var(--color-primary)}.asset-list__icon--image svg{color:var(--color-success)}.asset-list__icon--video svg{color:var(--color-link)}.asset-list__icon--file svg{color:var(--text-muted)}.asset-list__info{flex:1;min-width:0}.asset-list__name-row{display:flex;align-items:center;gap:var(--space-2)}.asset-list__filename{font-weight:var(--font-medium);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-list__type-badge{font-size:var(--text-xs);padding:2px var(--space-2);background:var(--color-overlay);color:var(--text-secondary);border-radius:var(--radius-sm);flex-shrink:0}.asset-list__meta{font-size:var(--text-sm);color:var(--text-muted);display:flex;align-items:center;gap:var(--space-2)}.asset-list__meta-separator{color:var(--border-color)}.asset-list__actions{flex-shrink:0;display:flex;align-items:center;gap:var(--space-2)}.asset-list__action-btn{padding:var(--space-2);color:var(--text-disabled);border-radius:var(--radius-lg);transition:all var(--duration-fast) var(--ease-out)}.asset-list__action-btn:hover{color:var(--text-secondary);background:var(--color-overlay)}.asset-list__action-btn--delete:hover{color:var(--color-error);background:#ef444414}.dark .asset-list__action-btn--delete:hover{background:#f871711a}.asset-list__action-btn svg{width:1rem;height:1rem}.error-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-8);text-align:center;animation:fade-up var(--duration-slow) var(--ease-smooth)}.error-state--inline{background:#ef44440d;border:1px solid rgba(239,68,68,.15);border-radius:var(--radius-lg);margin:var(--space-4)}.dark .error-state--inline{background:#f8717114;border-color:#f8717133}.error-state--fullpage{min-height:50vh;justify-content:center;padding:var(--space-12)}.error-state__icon{color:var(--color-error);opacity:.8}.error-state__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.error-state__message{color:var(--text-muted);max-width:400px;line-height:var(--leading-relaxed);margin:0}.error-state .btn{margin-top:var(--space-2);display:inline-flex;align-items:center;gap:var(--space-2)}@media(max-width:480px){.error-state{padding:var(--space-6)}.error-state__icon svg{width:40px;height:40px}.error-state__title{font-size:var(--text-base)}.error-state__message{font-size:var(--text-sm)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;animation:fade-up var(--duration-slower) var(--ease-smooth)}.empty-state--sm{padding:var(--space-6);gap:var(--space-2)}.empty-state--md{padding:var(--space-8);gap:var(--space-3)}.empty-state--lg{padding:var(--space-12) var(--space-6);gap:var(--space-4);min-height:40vh}.empty-state__icon{font-size:3rem;line-height:1;opacity:.3;animation:bounce-subtle 3s var(--ease-in-out) infinite}.empty-state--sm .empty-state__icon{font-size:2rem}.empty-state--lg .empty-state__icon{font-size:4rem}.empty-state__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0;letter-spacing:var(--tracking-tight)}.empty-state--sm .empty-state__title{font-size:var(--text-base)}.empty-state--lg .empty-state__title{font-size:var(--text-2xl);background:linear-gradient(135deg,var(--text-primary),var(--color-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.empty-state__text{font-size:var(--text-sm);color:var(--text-muted);max-width:320px;line-height:var(--leading-relaxed);margin:0}.empty-state--lg .empty-state__text{font-size:var(--text-md);max-width:400px;margin-bottom:var(--space-4)}.empty-state .btn{margin-top:var(--space-2)}.empty-state--lg .btn{margin-top:var(--space-4)}@media(max-width:480px){.empty-state--lg{padding:var(--space-8) var(--space-4);min-height:30vh}.empty-state--lg .empty-state__icon{font-size:3rem}.empty-state--lg .empty-state__title{font-size:var(--text-xl)}}.project-list-skeleton{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-6);padding:var(--space-4)}.library-browser-skeleton{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4)}.library-asset-skeleton{background:var(--color-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.library-asset-skeleton__info{padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.shot-list-skeleton{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-4)}.shot-card-skeleton{background:var(--color-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.shot-card-skeleton__content{padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.project-details-skeleton{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-6)}.project-details-skeleton__header{display:flex;flex-direction:column;gap:var(--space-2)}.project-details-skeleton__stats{display:flex;gap:var(--space-6)}.project-details-skeleton__stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.project-details-skeleton__section{display:flex;flex-direction:column;gap:var(--space-3)}.project-details-skeleton__actions{display:flex;gap:var(--space-3)}.pipeline-skeleton{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.pipeline-skeleton__stages{display:flex;justify-content:space-between;gap:var(--space-4)}.pipeline-skeleton__stage{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.pipeline-skeleton__activity{padding:var(--space-3);background:var(--color-elevated);border-radius:var(--radius-md)}.content-skeleton{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.content-skeleton__header{margin-bottom:var(--space-2)}@media(max-width:640px){.project-list-skeleton{grid-template-columns:1fr}.library-browser-skeleton{grid-template-columns:repeat(2,1fr)}.shot-list-skeleton{grid-template-columns:1fr}.pipeline-skeleton__stages{flex-wrap:wrap;justify-content:center}}@media(max-width:480px){.library-browser-skeleton{grid-template-columns:1fr}.project-details-skeleton__stats{flex-wrap:wrap;justify-content:center}}.cs-browser{display:flex;flex-direction:column;gap:12px;padding:16px;height:100%}.cs-browser__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.cs-browser__status{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary)}.cs-browser__status-dot{width:8px;height:8px;border-radius:50%;background:var(--color-error, #f44)}.cs-browser__status-dot--connected{background:var(--color-success, #4caf50)}.cs-browser__status-provider{font-weight:600;color:var(--text-primary)}.cs-browser__status-account{opacity:.7}.cs-browser__tabs{display:flex;gap:2px;background:var(--color-elevated);border-radius:6px;padding:2px}.cs-browser__tab{padding:6px 14px;border:none;background:transparent;color:var(--text-secondary);font-size:12px;font-weight:500;border-radius:4px;cursor:pointer;transition:all .15s}.cs-browser__tab--active{background:var(--color-surface);color:var(--text-primary)}.cs-browser__tab:hover:not(.cs-browser__tab--active){color:var(--text-primary)}.cs-browser__search{display:flex;gap:8px}.cs-browser__search-input{flex:1;padding:8px 12px;background:var(--color-elevated);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:13px;outline:none}.cs-browser__search-input:focus{border-color:var(--color-primary, #6366f1)}.cs-browser__search-btn{padding:8px 16px;background:var(--color-primary, #6366f1);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer}.cs-browser__search-btn:disabled{opacity:.5;cursor:not-allowed}.cs-browser__filters{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.cs-browser__filter-chip{padding:4px 12px;background:var(--color-elevated);border:1px solid var(--border-color);border-radius:16px;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .15s}.cs-browser__filter-chip--active{background:var(--color-primary, #6366f1);border-color:var(--color-primary, #6366f1);color:#fff}.cs-browser__filter-chip:hover:not(.cs-browser__filter-chip--active){border-color:var(--text-secondary);color:var(--text-primary)}.cs-browser__bulk-import-btn{margin-left:auto;padding:4px 14px;background:var(--color-success, #4caf50);color:#fff;border:none;border-radius:16px;font-size:12px;font-weight:500;cursor:pointer}.cs-browser__bulk-import-btn:disabled{opacity:.5}.cs-browser__breadcrumb{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--text-secondary)}.cs-browser__breadcrumb-item{background:none;border:none;color:var(--color-primary, #6366f1);font-size:13px;cursor:pointer;padding:2px 4px;border-radius:3px}.cs-browser__breadcrumb-item:hover{background:var(--color-elevated)}.cs-browser__breadcrumb-sep{color:var(--text-secondary);opacity:.5}.cs-browser__breadcrumb-current{color:var(--text-primary);font-weight:500}.cs-browser__error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:200px;text-align:center;color:var(--color-error, #f44);font-size:13px}.cs-browser__error p{margin:0;max-width:400px}.cs-browser__retry-btn{padding:6px 16px;background:var(--color-elevated);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:12px;cursor:pointer;transition:all .15s}.cs-browser__retry-btn:hover{background:var(--color-surface);border-color:var(--text-secondary)}.cs-site-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px 12px;background:var(--color-elevated);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .15s;text-align:center}.cs-site-card:hover{border-color:var(--color-primary, #6366f1);background:var(--color-surface)}.cs-site-card--empty{cursor:default;opacity:.5}.cs-site-card--empty:hover{border-color:var(--border-color);background:var(--color-elevated)}.cs-site-card__icon{color:var(--text-secondary);opacity:.7}.cs-site-card__name{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.cs-site-card__meta{font-size:11px;color:var(--text-secondary)}.cs-drive-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px 12px;background:var(--color-elevated);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .15s;text-align:center}.cs-drive-card:hover{border-color:var(--color-primary, #6366f1);background:var(--color-surface)}.cs-drive-card__icon{color:var(--text-secondary);opacity:.7}.cs-drive-card__name{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.cs-drive-card__meta{font-size:11px;color:var(--text-secondary)}.cs-browser__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;overflow-y:auto;flex:1}.cs-browser__loading,.cs-browser__no-results{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--text-secondary);font-size:14px}.cs-browser__result-count{text-align:center;font-size:12px;color:var(--text-secondary);padding:8px 0}.cs-browser__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:300px;text-align:center;color:var(--text-secondary)}.cs-browser__empty-icon{opacity:.4}.cs-browser__empty h3{color:var(--text-primary);font-size:16px;margin:0}.cs-browser__empty p{max-width:360px;font-size:13px;line-height:1.5;margin:0}.cs-browser__connect-btn{display:inline-block;margin-top:8px;padding:8px 20px;background:var(--color-primary, #6366f1);color:#fff;text-decoration:none;border-radius:6px;font-size:13px;font-weight:500}.cs-file-card{position:relative;display:flex;flex-direction:column;background:var(--color-elevated);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;transition:border-color .15s}.cs-file-card:hover{border-color:var(--text-secondary)}.cs-file-card--selected{border-color:var(--color-primary, #6366f1);box-shadow:0 0 0 1px var(--color-primary, #6366f1)}.cs-file-card__checkbox{position:absolute;top:8px;left:8px;z-index:var(--z-elevated);cursor:pointer}.cs-file-card__checkbox input{width:16px;height:16px;accent-color:var(--color-primary, #6366f1)}.cs-file-card__preview{position:relative;width:100%;aspect-ratio:4/3;background:var(--color-surface);display:flex;align-items:center;justify-content:center;overflow:hidden}.cs-file-card__preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.cs-file-card__icon{color:var(--text-secondary);opacity:.5}.cs-file-card__duration{position:absolute;bottom:6px;right:6px;padding:2px 6px;background:#000000bf;color:#fff;font-size:11px;font-weight:500;border-radius:3px}.cs-file-card__info{padding:8px 10px;flex:1}.cs-file-card__name{font-size:12px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cs-file-card__meta{display:flex;gap:8px;font-size:11px;color:var(--text-secondary);margin-top:2px}.cs-file-card__import-btn{margin:0 10px 8px;padding:5px 0;background:transparent;border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:11px;font-weight:500;cursor:pointer;transition:all .15s}.cs-file-card__import-btn:hover:not(:disabled){background:var(--color-primary, #6366f1);border-color:var(--color-primary, #6366f1);color:#fff}.cs-file-card__import-btn:disabled{opacity:.4;cursor:not-allowed}.library-browser{min-height:100vh;display:flex;flex-direction:column}.library-browser__main{flex:1;padding:var(--space-6) var(--space-8);max-width:1800px;margin:0 auto;width:100%}.library-browser__scope-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-1);background:var(--color-surface);border:var(--border-thin);border-radius:var(--radius-lg);width:-moz-fit-content;width:fit-content}.scope-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--duration-fast) var(--ease-out-quart)}.scope-tab:hover{color:var(--text-primary);background:var(--color-overlay)}.scope-tab--active{background:var(--color-primary-glow);color:var(--color-primary);border:1px solid var(--color-primary-dim)}.scope-tab__icon{font-size:var(--text-lg)}.scope-tab__count{padding:var(--space-1) var(--space-2);background:var(--color-overlay);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600}.scope-tab--active .scope-tab__count{background:var(--color-primary);color:var(--text-on-accent)}.library-browser__stats{display:flex;gap:var(--space-6);padding:var(--space-4) var(--space-6);background:var(--color-surface);border:var(--border-thin);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.stat__value{font-family:var(--font-mono);font-size:var(--text-xl);font-weight:600;color:var(--color-primary)}.stat__label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.stat--muted .stat__value{color:var(--text-secondary)}.stat--providers{flex-direction:row;align-items:center;gap:var(--space-3);margin-left:auto;padding-left:var(--space-4);border-left:1px solid var(--border-color)}.stat--providers .stat__label{white-space:nowrap}.provider-chips{display:flex;gap:var(--space-2);flex-wrap:wrap}.provider-chip{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:var(--color-elevated);border:1px solid var(--border-color);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out-quart);text-transform:capitalize}.provider-chip:hover{border-color:var(--color-primary-dim);color:var(--text-primary);background:var(--color-primary-glow)}.provider-chip--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.provider-chip--active:hover{background:var(--color-primary-bright);border-color:var(--color-primary-bright);color:#fff}.provider-chip__count{font-family:var(--font-mono);font-size:.65rem;opacity:.8}.library-browser__controls{margin-bottom:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.search-bar{display:flex;gap:var(--space-2);position:relative}.search-bar__input{flex:1;padding:var(--space-3) var(--space-4);padding-right:var(--space-10);background:var(--color-surface);border:var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);transition:border-color var(--duration-fast) var(--ease-out-quart)}.search-bar__input:focus{outline:none;border-color:var(--color-primary)}.search-bar__input::-moz-placeholder{color:var(--text-muted)}.search-bar__input::placeholder{color:var(--text-muted)}.search-bar__clear{position:absolute;right:calc(var(--space-2) + 80px);top:50%;transform:translateY(-50%);width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--color-overlay);border:none;border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;font-size:var(--text-sm);transition:all var(--duration-fast) var(--ease-out-quart)}.search-bar__clear:hover{background:var(--color-error);color:#fff}.search-bar__btn{padding:var(--space-3) var(--space-5);background:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--text-on-accent);font-weight:600;cursor:pointer;transition:all var(--duration-fast) var(--ease-out-quart)}.search-bar__btn:hover{background:var(--color-gold)}.library-browser__filters{display:flex;gap:var(--space-4);align-items:center;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:var(--space-2)}.filter-group__label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.filter-group--right{margin-left:auto}.filter-select{padding:var(--space-2) var(--space-3);background:var(--color-surface);border:var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer}.filter-select:focus{outline:none;border-color:var(--color-primary)}.view-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border:var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:var(--text-lg);transition:all var(--duration-fast) var(--ease-out-quart)}.view-btn:hover{color:var(--text-primary);border-color:var(--color-primary-dim)}.view-btn--active{background:var(--color-primary-glow);border-color:var(--color-primary);color:var(--color-primary)}.search-indicator{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--color-accent-glow);border:1px solid var(--color-accent-dim);border-radius:var(--radius-md)}.search-indicator__text{font-size:var(--text-sm);color:var(--color-accent)}.search-indicator__clear{padding:var(--space-1) var(--space-2);background:transparent;border:1px solid var(--color-accent-dim);border-radius:var(--radius-sm);color:var(--color-accent);font-size:var(--text-xs);cursor:pointer;transition:all var(--duration-fast) var(--ease-out-quart)}.search-indicator__clear:hover{background:var(--color-accent);color:var(--text-on-accent)}.library-browser__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-6);padding:var(--space-20) 0;animation:fade-up var(--duration-slower) var(--ease-smooth)}.library-browser__loading:before{content:"";width:48px;height:48px;border:3px solid var(--color-elevated);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.library-browser__empty{display:flex;align-items:center;justify-content:center;padding:var(--space-20) 0}.library-browser__grid{display:grid;gap:var(--space-4)}.library-browser__grid--grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.library-browser__grid--list{grid-template-columns:1fr}.asset-card{position:relative;background:var(--color-surface);border:var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all var(--duration-normal) var(--ease-out-quart)}.asset-card:hover{border-color:var(--color-primary-dim);transform:translateY(-4px) scale(1.01);box-shadow:var(--shadow-lg),0 0 30px var(--color-primary-glow)}.asset-card--selected{border-color:var(--color-primary);box-shadow:var(--shadow-glow-primary)}.library-browser__grid--list .asset-card{display:flex;align-items:center;gap:var(--space-4);padding-right:var(--space-4)}.asset-card__thumbnail{position:relative;aspect-ratio:16 / 9;background:linear-gradient(135deg,var(--color-elevated) 0%,var(--color-surface) 100%);overflow:hidden}.asset-card__thumbnail--loading{display:flex;align-items:center;justify-content:center}.asset-card__thumbnail--loading:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,var(--color-primary-glow) 50%,transparent 100%);animation:shimmer-sweep 2s infinite}.asset-card__thumbnail--loading:after{content:"▶";font-size:1.5rem;color:var(--text-muted);opacity:.3;z-index:var(--z-elevated)}@keyframes shimmer-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.asset-card__thumbnail video{opacity:1}.library-browser__grid--list .asset-card__thumbnail{width:160px;flex-shrink:0;aspect-ratio:16 / 9}.asset-card__thumbnail img,.asset-card__thumbnail video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.asset-card__thumbnail--error{display:flex;align-items:center;justify-content:center;background:var(--color-elevated)}.asset-card__thumbnail--error:before{content:"◇";font-size:var(--text-2xl);color:var(--color-muted)}.asset-card__type-badge{position:absolute;top:var(--space-2);left:var(--space-2);width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--color-elevated);border:var(--border-subtle);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-text)}.asset-card__refs{position:absolute;top:var(--space-2);left:calc(var(--space-2) + 32px);min-width:20px;height:20px;padding:0 var(--space-1);display:flex;align-items:center;justify-content:center;background:var(--color-accent);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;color:var(--text-on-accent)}.asset-card__duration{position:absolute;bottom:var(--space-2);right:var(--space-2);padding:var(--space-1) var(--space-2);background:var(--color-elevated);border:var(--border-subtle);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text)}.asset-card__score{position:absolute;top:var(--space-2);right:var(--space-2);padding:var(--space-1) var(--space-2);background:var(--color-accent);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;color:var(--text-on-accent)}.asset-card__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2) var(--space-3)}.library-browser__grid--list .asset-card__info{padding:0}.asset-card__filename{font-size:var(--text-sm);font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asset-card__meta{display:flex;align-items:center;gap:var(--space-2)}.asset-card__prompt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.asset-card__actions{position:absolute;top:var(--space-2);right:var(--space-2);display:flex;gap:var(--space-1);opacity:0;transition:opacity var(--duration-fast) var(--ease-out-quart)}.library-browser__grid--list .asset-card__actions{position:relative;top:auto;right:auto;opacity:1}.asset-card:hover .asset-card__actions{opacity:1}.asset-card__action{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--color-elevated);border:var(--border-subtle);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--text-sm);cursor:pointer;text-decoration:none;transition:all var(--duration-fast) var(--ease-out-quart)}.asset-card__action:hover{background:var(--color-primary);color:var(--text-on-accent)}.asset-card__action--danger:hover{background:var(--color-error);color:#fff}.asset-card__action--share:hover{background:var(--color-accent);color:var(--text-on-accent)}.asset-card__action--copy:hover{background:var(--color-success);color:var(--text-on-accent)}.asset-card__community{position:absolute;bottom:var(--space-2);left:var(--space-2);width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--color-accent);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--text-on-accent)}.asset-card__shareable{position:absolute;bottom:var(--space-2);left:calc(var(--space-2) + 28px);width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--color-success);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--text-on-accent)}.library-browser__pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-6) 0}.pagination__info{font-size:var(--text-sm)}.asset-detail{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:var(--z-sticky);padding:var(--space-6)}.asset-detail__panel{position:relative;background:var(--color-surface);border:1px solid var(--color-primary-dim);border-radius:var(--radius-xl);max-width:900px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:scale-in var(--duration-normal) var(--ease-spring);box-shadow:var(--shadow-xl),0 0 60px var(--color-primary-glow)}.asset-detail__close{position:absolute;top:var(--space-4);right:var(--space-4);width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-overlay);border:none;border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--text-lg);cursor:pointer;z-index:var(--z-elevated);transition:all var(--duration-fast) var(--ease-out-quart)}.asset-detail__close:hover{background:var(--color-error);color:#fff}.asset-detail__preview{background:var(--color-void);max-height:400px;display:flex;align-items:center;justify-content:center}.asset-detail__preview img,.asset-detail__preview video{max-width:100%;max-height:400px;-o-object-fit:contain;object-fit:contain}.asset-detail__content{padding:var(--space-6);overflow-y:auto}.asset-detail__title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-3);word-break:break-all}.asset-detail__badges{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-4)}.asset-detail__meta{display:grid;grid-template-columns:auto 1fr;gap:var(--space-2) var(--space-4);font-size:var(--text-sm);margin-bottom:var(--space-4)}.asset-detail__meta dt{color:var(--text-muted)}.asset-detail__meta dd{color:var(--text-primary);margin:0}.asset-detail__section{margin-bottom:var(--space-4)}.asset-detail__section h3{font-size:var(--text-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-2)}.asset-detail__section p{font-size:var(--text-sm);line-height:var(--leading-relaxed)}.asset-detail__tags{display:flex;gap:var(--space-2);flex-wrap:wrap}.tag{padding:var(--space-1) var(--space-2);background:var(--color-overlay);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--text-secondary)}.asset-detail__actions{display:flex;gap:var(--space-2);flex-wrap:wrap;padding-top:var(--space-4);border-top:var(--border-thin)}.lineage-loading{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3)}.lineage{display:flex;flex-direction:column;gap:var(--space-3)}.lineage__source,.lineage__derived,.lineage__shared{display:flex;flex-direction:column;gap:var(--space-2)}.lineage__label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.lineage__asset{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);background:var(--color-overlay);border:var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out-quart)}.lineage__asset:hover{border-color:var(--color-primary-dim);background:var(--color-primary-glow)}.lineage__asset-thumb{width:48px;height:36px;overflow:hidden;border-radius:var(--radius-sm);background:var(--color-void)}.lineage__asset-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.lineage__asset-info{display:flex;flex-direction:column;gap:var(--space-1)}.lineage__asset-name{font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.lineage__asset-type{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase}.lineage__derived-list{display:flex;gap:var(--space-2);flex-wrap:wrap}.lineage__derived-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-2);background:var(--color-overlay);border:var(--border-subtle);border-radius:var(--radius-md)}.lineage__derived-thumb{width:48px;height:36px;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-sm)}.lineage__derived-type{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase}.lineage__shared-id{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-accent);padding:var(--space-1) var(--space-2);background:var(--color-accent-glow);border-radius:var(--radius-sm)}.btn--share{background:var(--color-accent-glow);border:1px solid var(--color-accent-dim);color:var(--color-accent)}.btn--share:hover{background:var(--color-accent);color:var(--text-on-accent)}.btn--copy{background:#34d39926;border:1px solid var(--color-success);color:var(--color-success)}.btn--copy:hover{background:var(--color-success);color:var(--text-on-accent)}.upload-preview{margin-bottom:var(--space-4)}.upload-preview__file{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-overlay);border-radius:var(--radius-md)}.upload-preview__icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-glow);border-radius:var(--radius-md);font-size:var(--text-lg);color:var(--color-primary)}.upload-preview__info{flex:1;min-width:0}.upload-preview__name{display:block;font-size:var(--text-sm);font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-preview__size{font-size:var(--text-xs)}.form-group{margin-bottom:var(--space-4)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.form-label{display:block;font-size:var(--text-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-2)}.form-input,.form-select{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-surface);border:var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm)}.form-input:focus,.form-select:focus{outline:none;border-color:var(--color-primary)}.form-error{margin-top:var(--space-3);padding:var(--space-3) var(--space-4);background:#f871711a;border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--text-sm)}.badge--sm{padding:var(--space-1) var(--space-2);font-size:var(--text-xs)}.badge--cyan{background:var(--color-accent-glow);color:var(--color-accent);border-color:var(--color-accent-dim)}.badge--amber{background:var(--color-primary-glow);color:var(--color-primary);border-color:var(--color-primary-dim)}.badge--success{background:#34d39926;color:var(--color-success);border-color:var(--color-success)}.badge--ghost{background:transparent;border:var(--border-subtle);color:var(--text-secondary)}.badge--ai{background:#a855f726;color:var(--color-primary);border-color:#a855f74d}.badge--muted{background:var(--color-overlay);color:var(--text-muted);border:var(--border-subtle)}.badge--community{background:var(--color-accent-glow);color:var(--color-accent);border-color:var(--color-accent-dim)}.badge--shareable{background:#34d39926;color:var(--color-success);border-color:var(--color-success)}.header__back{display:flex;align-items:center;justify-content:center;width:36px;height:36px;margin-right:var(--space-2);background:var(--color-surface);border:var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;font-size:var(--text-lg);transition:all var(--duration-fast) var(--ease-out-quart)}.header__back:hover{border-color:var(--color-primary);color:var(--color-primary)}@media(max-width:768px){.library-browser__main{padding:var(--space-4)}.library-browser__stats{flex-wrap:wrap;justify-content:center}.library-browser__filters{flex-direction:column;align-items:stretch}.filter-group--right{margin-left:0;justify-content:flex-end}.library-browser__grid--grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.form-row{grid-template-columns:1fr}.asset-detail__panel{max-height:100vh;border-radius:0}.scope-tab{min-height:44px;padding:var(--space-3) var(--space-4)}.view-btn{min-width:44px;min-height:44px}.search-bar{flex-wrap:wrap}.search-bar__input{min-height:44px}.search-bar__btn{min-height:44px;min-width:80px}}@media(max-width:480px){.library-browser__main{padding:var(--space-3)}.library-browser__scope-tabs{width:100%;flex-direction:column}.scope-tab{width:100%;justify-content:center}.library-browser__grid--grid{grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.asset-detail__panel{width:100%;height:100%;max-width:100%;max-height:100%;border-radius:0}.asset-detail__close{width:44px;height:44px}.asset-detail__actions{flex-direction:column}.asset-detail__actions .btn{width:100%}.stat--providers{display:none}}.media-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);width:100%;height:100%;min-height:120px;background:var(--color-elevated);color:var(--text-muted);text-align:center;padding:var(--space-4)}.media-placeholder__icon{font-size:var(--text-2xl);opacity:.5}.media-placeholder__text{font-size:var(--text-xs);color:var(--text-muted)}.asset-detail__preview--error{display:flex;align-items:center;justify-content:center;background:var(--color-elevated);min-height:300px}.asset-detail__preview--error:before{content:"File not available";color:var(--text-muted);font-size:var(--text-sm)}.batch-actions-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--color-primary-glow);border:1px solid var(--color-primary-dim);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.batch-actions-bar__info{display:flex;align-items:center;gap:var(--space-4)}.batch-actions-bar__count{font-weight:600;color:var(--color-primary)}.batch-actions-bar__link{background:none;border:none;color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;padding:0;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px}.batch-actions-bar__link:hover{color:var(--color-primary)}.batch-actions-bar__actions{display:flex;gap:var(--space-2)}.asset-card__checkbox{position:absolute;top:var(--space-2);left:var(--space-2);z-index:var(--z-elevated);cursor:pointer}.asset-card__checkbox input{position:absolute;opacity:0;width:0;height:0}.asset-card__checkbox-mark{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--color-void);border:2px solid rgba(255,255,255,.4);border-radius:var(--radius-sm);color:transparent;font-size:12px;font-weight:700;transition:all var(--duration-fast) var(--ease-out-quart)}.asset-card__checkbox:hover .asset-card__checkbox-mark{border-color:var(--color-primary);background:var(--color-primary-glow)}.asset-card__checkbox--checked .asset-card__checkbox-mark{background:var(--color-primary);border-color:var(--color-primary);color:var(--text-on-accent)}.asset-card--batch-selected{outline:2px solid var(--color-primary);outline-offset:2px}.asset-card--batch-selected .asset-card__thumbnail:after{content:"";position:absolute;inset:0;background:var(--color-primary-glow);pointer-events:none}.form-hint{display:block;margin-top:var(--space-1)}@media(max-width:600px){.batch-actions-bar{flex-direction:column;gap:var(--space-3);align-items:stretch}.batch-actions-bar__info{flex-wrap:wrap;justify-content:center}.batch-actions-bar__actions{justify-content:center}}.vote-buttons{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--color-overlay);border-radius:var(--radius-md)}.vote-button{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out-quart)}.vote-button:hover:not(:disabled){color:var(--text-primary);border-color:var(--color-primary-dim)}.vote-button:disabled{opacity:.5;cursor:not-allowed}.vote-button.vote-up.active{background:#34d39926;border-color:var(--color-success);color:var(--color-success)}.vote-button.vote-down.active{background:#f8717126;border-color:var(--color-error);color:var(--color-error)}.vote-count{font-family:var(--font-mono);font-weight:600}.vote-score{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);min-width:32px;text-align:center}.vote-buttons-compact{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1);background:#0009;border-radius:var(--radius-md);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.vote-btn-compact{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out-quart)}.vote-btn-compact:hover:not(:disabled){color:var(--text-primary);background:var(--color-overlay)}.vote-btn-compact:disabled{opacity:.5;cursor:not-allowed}.vote-btn-compact.active-up{color:var(--color-success);background:#34d39933}.vote-btn-compact.active-down{color:var(--color-error);background:#f8717133}.vote-score-compact{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);min-width:24px;text-align:center}.vote-score-compact.positive{color:var(--color-success)}.vote-score-compact.negative{color:var(--color-error)}.sort-select{padding:var(--space-2) var(--space-3);background:var(--color-surface);border:var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;min-width:140px}.sort-select:focus{outline:none;border-color:var(--color-primary)}.asset-card__vote-overlay{position:absolute;bottom:var(--space-2);left:var(--space-2);opacity:0;transition:opacity var(--duration-fast) var(--ease-out-quart)}.asset-card:hover .asset-card__vote-overlay,.asset-card__vote-overlay--has-vote{opacity:1}.library-browser__collections{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:0 var(--space-4);margin-bottom:var(--space-3)}.library-browser__collection-pill{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:var(--color-elevated);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-secondary);font-size:.8125rem;cursor:pointer;transition:all var(--duration-normal) var(--ease-smooth)}.library-browser__collection-pill:hover{border-color:var(--color-primary);color:var(--color-primary)}.library-browser__collection-pill--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.library-browser__collection-pill--add{border-style:dashed;color:var(--text-muted)}.library-browser__collection-pill--add:hover{border-color:var(--color-primary);color:var(--color-primary)}.library-browser__collection-pill--delete{background:transparent;border-color:var(--color-error, #ef4444);color:var(--color-error, #ef4444);font-size:.75rem}.library-browser__collection-count{font-size:.6875rem;opacity:.7;font-variant-numeric:tabular-nums}.library-browser__create-collection{display:flex;gap:var(--space-2);padding:0 var(--space-4);margin-bottom:var(--space-3);align-items:center}.library-browser__create-collection-input{padding:var(--space-1) var(--space-3);border:1px solid var(--color-primary);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--text-primary);font-size:.8125rem;outline:none;width:200px}.library-browser__create-collection-btn{padding:var(--space-1) var(--space-3);background:var(--color-primary);border:none;border-radius:var(--radius-lg);color:#fff;font-size:.8125rem;cursor:pointer}.library-browser__create-collection-cancel{padding:var(--space-1) var(--space-3);background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-muted);font-size:.8125rem;cursor:pointer}.usage-dashboard-page{display:flex;flex-direction:column;min-height:100vh}.usage-dashboard{max-width:1200px;margin:0 auto;padding:2rem;width:100%}.usage-dashboard--loading,.usage-dashboard--error{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:1rem}.usage-dashboard--error h2{color:var(--color-error)}.usage-dashboard__title{margin:0;font-size:1.75rem;font-weight:600;color:var(--text-primary)}.usage-dashboard__controls{display:flex;gap:1rem;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.usage-dashboard__time-select{padding:.5rem 1rem;border-radius:8px;background:var(--color-elevated);border:1px solid var(--border-color);color:var(--text-primary);font-size:.875rem;cursor:pointer}.usage-dashboard__time-select:focus{outline:none;border-color:var(--color-primary)}.usage-dashboard__summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.usage-card{background:var(--color-elevated);border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;gap:.25rem}.usage-card--primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dim) 100%)}.usage-card__label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.usage-card--primary .usage-card__label{color:#fffc}.usage-card__value{font-size:1.75rem;font-weight:700;color:var(--text-primary)}.usage-card__value--small{font-size:1.25rem}.usage-card__subtitle{font-size:.8125rem;color:var(--text-muted)}.usage-card--primary .usage-card__subtitle{color:#ffffffb3}.usage-card--primary .usage-card__value{color:var(--text-on-accent)}.usage-dashboard__section{margin-bottom:2rem}.usage-dashboard__section h2{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.usage-breakdown{display:flex;flex-direction:column;gap:.5rem}.usage-breakdown__item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:var(--color-elevated);border-radius:8px}.usage-breakdown__color{width:4px;height:32px;border-radius:2px;flex-shrink:0}.usage-breakdown__info{flex:1;display:flex;flex-direction:column;gap:.125rem}.usage-breakdown__type{font-size:.9375rem;font-weight:500;color:var(--text-primary)}.usage-breakdown__events{font-size:.75rem;color:var(--text-muted)}.usage-breakdown__stats{display:flex;flex-direction:column;align-items:flex-end;gap:.125rem}.usage-breakdown__tokens{font-size:.875rem;color:var(--text-secondary)}.usage-breakdown__cost{font-size:1rem;font-weight:600;color:var(--text-primary)}.usage-breakdown__empty{color:var(--text-muted);padding:1rem;text-align:center}.usage-providers{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.usage-provider{background:var(--color-elevated);border-radius:8px;padding:1rem}.usage-provider__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.usage-provider__name{font-size:1rem;font-weight:600;color:var(--text-primary)}.usage-provider__cost{font-size:1.125rem;font-weight:700;color:var(--color-primary)}.usage-provider__details{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.8125rem;color:var(--text-secondary)}.usage-providers__empty{color:var(--text-muted);padding:1rem;text-align:center;grid-column:1 / -1}.usage-events__table{width:100%;border-collapse:collapse;font-size:.875rem}.usage-events__table th,.usage-events__table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border-color)}.usage-events__table th{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);background:var(--color-elevated)}.usage-events__table td{color:var(--text-primary)}.usage-events__table tbody tr:hover{background:var(--color-overlay)}.usage-events__type-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;color:var(--text-on-accent)}.usage-events__status{display:inline-block;padding:.125rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.usage-events__status--success{background:#22c55e33;color:var(--color-success)}.usage-events__status--failed{background:#ef444433;color:var(--color-error)}.usage-events__empty{padding:2rem;text-align:center;color:var(--text-muted)}.usage-chart{background:var(--color-elevated);border-radius:12px;padding:1rem 1rem .5rem}.usage-chart__bars{display:flex;align-items:flex-end;gap:2px;height:200px}.usage-chart__bar-wrapper{flex:1;min-width:0;height:100%;display:flex;align-items:flex-end;cursor:default}.usage-chart__bar{width:100%;min-height:1px;border-radius:2px 2px 0 0;display:flex;flex-direction:column;overflow:hidden}.usage-chart__bar-segment{min-height:0}.usage-chart__labels{display:flex;gap:2px;padding-top:.375rem;border-top:1px solid var(--border-color);margin-top:4px}.usage-chart__label{flex:1;min-width:0;font-size:.625rem;color:var(--text-muted);text-align:center;white-space:nowrap;overflow:hidden}.usage-chart__legend{display:flex;flex-wrap:wrap;gap:1rem;padding:.5rem 0 0;font-size:.75rem;color:var(--text-secondary)}.usage-chart__legend-item{display:flex;align-items:center;gap:.375rem}.usage-chart__legend-dot{width:8px;height:8px;border-radius:2px;flex-shrink:0}.usage-top-projects__table{width:100%;border-collapse:collapse;font-size:.875rem}.usage-top-projects__table th,.usage-top-projects__table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border-color)}.usage-top-projects__table th{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);background:var(--color-elevated)}.usage-top-projects__table td{color:var(--text-primary)}.usage-top-projects__table tbody tr:hover{background:var(--color-overlay)}.usage-top-projects__link{color:var(--color-primary);text-decoration:none;font-weight:500}.usage-top-projects__link:hover{text-decoration:underline}.usage-top-projects__type-badge{display:inline-block;padding:.2rem .5rem;border-radius:4px;font-size:.7rem;font-weight:500;color:var(--text-on-accent)}.usage-dashboard__footer{margin-top:2rem;padding:1rem;background:var(--color-elevated);border-radius:8px;font-size:.8125rem;color:var(--text-secondary)}.usage-dashboard__footer strong{color:var(--text-primary)}@media(max-width:768px){.usage-dashboard{padding:1rem}.usage-dashboard__header{flex-direction:column}.usage-dashboard__summary{grid-template-columns:repeat(2,1fr)}.usage-events{overflow-x:auto}.usage-events__table{min-width:600px}}.image-workspace-page{display:flex;flex-direction:column;height:100vh;overflow:hidden}.image-workspace{display:flex;flex:1;background:var(--color-void);overflow:hidden}.image-workspace__sidebar{width:260px;flex-shrink:0;overflow:hidden}.image-workspace__main{flex:1;display:flex;flex-direction:column;padding:16px;gap:12px;min-width:0}.image-workspace__info-bar{display:flex;align-items:center;justify-content:space-between;padding:6px 0}.image-workspace__prompt{flex-shrink:0}.image-workspace__settings{width:240px;flex-shrink:0;border-left:1px solid var(--color-elevated);background:var(--color-surface);overflow:auto}.image-workspace__settings-toggle{display:none;position:fixed;bottom:16px;right:16px;z-index:var(--z-dropdown);padding:8px 16px;font-size:13px;font-weight:500;border:1px solid var(--color-elevated);border-radius:8px;background:var(--color-surface);color:var(--text-primary);cursor:pointer;box-shadow:0 2px 8px #00000026}.spinner{width:32px;height:32px;border:3px solid var(--color-elevated);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}@media(max-width:1024px){.image-workspace__settings{position:fixed;top:48px;right:0;bottom:0;z-index:var(--z-dropdown);width:260px;border-left:1px solid var(--color-elevated);box-shadow:-4px 0 12px #00000026;transform:translate(100%);transition:transform .25s ease-out;pointer-events:none}.image-workspace__settings--open{transform:translate(0);pointer-events:auto}.image-workspace__settings-toggle{display:block}}@media(max-width:768px){.image-workspace__sidebar{width:200px}}.season-page{min-height:100vh;background:var(--color-base);color:var(--text-primary)}.season-page--loading,.season-page--error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;gap:1rem}.season-page__spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.season-page__header{padding:1.5rem 2rem;border-bottom:1px solid var(--border-color)}.season-page__breadcrumb{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--text-muted);margin-bottom:1rem}.season-page__breadcrumb a{color:var(--text-muted);text-decoration:none}.season-page__breadcrumb a:hover{color:var(--text-primary)}.season-page__hero{display:flex;gap:1.25rem;align-items:flex-start}.season-page__hero-info{flex:1;min-width:0}.season-page__type-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-primary)}.season-page__title{font-size:1.25rem;font-weight:700;margin:.25rem 0 0}.season-page__description{font-size:.875rem;color:var(--text-muted);margin:.375rem 0 0}.season-page__stat{font-size:.75rem;color:var(--text-muted);margin-top:.5rem;display:inline-block;font-family:var(--font-mono, "JetBrains Mono", monospace)}.season-page__music{padding:1.25rem 2rem;border-bottom:1px solid var(--border-color);background:var(--color-surface)}.season-page__music-description{font-size:.8125rem;color:var(--text-muted);margin:.375rem 0 1rem}.season-page__music-row{display:flex;gap:2rem}.season-page__music-slot{display:flex;align-items:center;gap:.75rem}.season-page__music-label{font-size:.8125rem;font-weight:600;color:var(--text-secondary);min-width:80px}.season-page__music-preview{height:32px;max-width:200px}.season-page__music-empty{font-size:.75rem;color:var(--text-muted)}.season-page__music-source{font-size:.6875rem;font-weight:500;color:var(--color-primary);background:#7c3aed1a;padding:2px 6px;border-radius:4px;white-space:nowrap}.season-page__upload-label{cursor:pointer}.season-page__content{padding:1.5rem 2rem;max-width:720px}.season-page__panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.season-page__section-title{font-size:1rem;font-weight:600;margin:0}.season-page__new-episode{background:var(--color-surface);border:1px solid var(--border-color);border-radius:8px;padding:1.25rem;margin-bottom:1rem}.season-page__form-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem}.season-page__episode-list{display:flex;flex-direction:column;gap:1px;background:var(--border-color);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.season-page__empty{text-align:center;padding:3rem 1rem;color:var(--text-muted)}.season-page__empty p{margin-bottom:1rem;font-size:.875rem}@media(max-width:640px){.season-page__header{padding:1rem}.season-page__hero{flex-direction:column;align-items:center;text-align:center}.season-page__content{padding:1rem}}.org-settings{max-width:800px;margin:0 auto;padding:2rem}.org-settings__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.org-settings__header-left{display:flex;align-items:center;gap:1rem}.org-settings__back{color:var(--text-secondary);text-decoration:none;font-size:.875rem}.org-settings__back:hover{color:var(--text-primary)}.org-settings__title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.org-settings__main{display:flex;flex-direction:column;gap:2rem}.org-settings__section{background:var(--surface-primary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.org-settings__section-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.org-settings__section-desc{color:var(--text-secondary);font-size:.875rem;margin:0 0 1.5rem}.org-settings__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:var(--text-secondary)}.org-settings__spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}.org-settings__logo-row{display:flex;align-items:center;gap:.75rem}.org-settings__logo-row .form-input{flex:1}.org-settings__logo-preview{max-height:32px;max-width:120px;-o-object-fit:contain;object-fit:contain;border-radius:4px}.org-settings .form-row{display:flex;gap:1rem;margin-bottom:1rem}.org-settings .form-group{flex:1}.org-settings .form-group--half{flex:0 0 calc(50% - .5rem)}.org-settings .form-label{display:block;font-size:.8125rem;font-weight:500;color:var(--text-secondary);margin-bottom:.375rem}.org-settings .form-input,.org-settings .form-textarea{width:100%;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:8px;background:var(--surface-secondary);color:var(--text-primary);font-size:.875rem;font-family:inherit;box-sizing:border-box}.org-settings .form-input:focus,.org-settings .form-textarea:focus{outline:none;border-color:var(--color-primary)}.org-settings .form-textarea{resize:vertical}.org-settings .brand-url-row{display:flex;gap:.5rem;align-items:center}.org-settings .brand-url-row .form-input{flex:1}.org-settings .brand-colors{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.org-settings .brand-colors__chip{display:flex;align-items:center;gap:.375rem;padding:.25rem .5rem;border:1px solid var(--border-color);border-radius:6px;background:var(--surface-secondary)}.org-settings .brand-colors__chip input[type=color]{width:24px;height:24px;border:none;padding:0;cursor:pointer;border-radius:4px}.org-settings .brand-colors__hex{font-size:.75rem;font-family:monospace;color:var(--text-secondary)}.org-settings .brand-colors__remove{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:.75rem;padding:0 .25rem}.org-settings .brand-colors__remove:hover{color:var(--color-error)}@media(max-width:640px){.org-settings .form-row{flex-direction:column}.org-settings .form-group--half{flex:1}}.org-settings__subsection-title{font-size:.8125rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:1.5rem 0 .75rem;padding-top:1rem;border-top:1px solid var(--border-color)}.org-settings__checkbox{display:flex;align-items:center;gap:.5rem;font-size:.875rem;cursor:pointer;margin:.5rem 0}.quota__overview{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1rem}.quota__card{padding:1rem;background:var(--surface-primary);border:1px solid var(--border-color);border-radius:var(--radius-md, 8px);text-align:center}.quota__card-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.quota__card-value--warning{color:#f59e0b}.quota__card-value--critical{color:#ef4444}.quota__card-label{font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.quota__usage-bar{height:6px;background:var(--border-color);border-radius:3px;overflow:hidden;margin-bottom:1rem}.quota__usage-fill{height:100%;background:var(--color-primary, #3b82f6);border-radius:3px;transition:width .3s ease}.quota__usage-fill--warning{background:#f59e0b}.quota__usage-fill--critical{background:#ef4444}.quota__stale-warning{font-size:.75rem;color:#f59e0b;margin:0 0 1rem}.quota__table-wrap{overflow-x:auto}.quota__table{width:100%;border-collapse:collapse;font-size:.875rem}.quota__table th{text-align:left;padding:.5rem .75rem;font-weight:600;color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--border-color)}.quota__table td{padding:.5rem .75rem;border-bottom:1px solid var(--border-color)}.quota__empty{text-align:center;color:var(--text-muted);padding:2rem .75rem!important}.quota__user-cell{display:flex;flex-direction:column}.quota__user-name{font-weight:500}.quota__user-id{font-size:.75rem;color:var(--text-muted)}.quota__badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:.75rem;font-weight:500}.quota__badge--active{background:#22c55e1a;color:#22c55e}.quota__badge--disabled{background:#ef44441a;color:#ef4444}.quota__actions{display:flex;gap:.5rem}.quota__edit-panel{margin-top:1rem;padding:1rem;background:var(--surface-primary);border:1px solid var(--border-color);border-radius:var(--radius-md, 8px)}.quota__edit-panel h4{margin:0 0 .75rem;font-size:.875rem;font-weight:600}.quota__edit-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.75rem}@media(max-width:640px){.quota__overview{grid-template-columns:repeat(2,1fr)}}.form-field{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.form-required{color:var(--color-error);margin-left:var(--space-1)}.form-input--error{border-color:var(--color-error)!important;box-shadow:0 0 0 3px #ef444426}.form-input--error:focus{border-color:var(--color-error)!important;box-shadow:0 0 0 3px #ef444440}.form-error{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-error);margin-top:var(--space-1)}.form-error__icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background:var(--color-error);color:#fff;border-radius:50%;font-size:10px;font-weight:700;flex-shrink:0}.form-hint{font-size:var(--text-xs);color:var(--text-muted)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.form-input--error{animation:shake .3s ease-out}@media(prefers-reduced-motion:reduce){.form-input--error{animation:none}}.studio-packs{padding:var(--space-8);max-width:1400px;margin:0 auto;animation:fade-up var(--duration-slower) var(--ease-smooth)}.studio-packs__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-8)}.studio-packs__header-left{display:flex;flex-direction:column;gap:var(--space-1)}.studio-packs__title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary)}.studio-packs__subtitle{font-size:var(--text-sm);color:var(--text-muted)}.studio-packs__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-6)}.studio-packs__empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-8);text-align:center;color:var(--text-muted);border:2px dashed var(--border-color);border-radius:var(--radius-xl)}.studio-packs__empty-icon{width:48px;height:48px;color:var(--text-disabled);margin-bottom:var(--space-4)}.studio-packs__empty-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-secondary);margin-bottom:var(--space-2)}.studio-packs__empty-text{font-size:var(--text-sm);margin-bottom:var(--space-6);max-width:400px}.pack-card{background:var(--color-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-smooth),box-shadow var(--duration-fast) var(--ease-smooth),transform var(--duration-fast) var(--ease-smooth)}.pack-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pack-card__thumbnail{width:100%;height:160px;background:var(--color-elevated);display:flex;align-items:center;justify-content:center;overflow:hidden}.pack-card__thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.pack-card__thumbnail-placeholder{width:48px;height:48px;color:var(--text-disabled)}.pack-card__body{padding:var(--space-4)}.pack-card__name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pack-card__description{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pack-card__meta{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xs);color:var(--text-muted)}.pack-card__type-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--color-elevated);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-secondary);text-transform:capitalize}.pack-card__type-badge svg{width:12px;height:12px}.pack-card__scope-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--color-info-bg, #e8f4fd);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-info, #1976d2)}.pack-card__stat{display:inline-flex;align-items:center;gap:var(--space-1)}.pack-card__stat svg{width:12px;height:12px}.pack-editor{padding:var(--space-8);max-width:1100px;margin:0 auto;animation:fade-up var(--duration-slower) var(--ease-smooth)}.pack-editor__back{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-4);cursor:pointer;transition:color var(--duration-fast)}.pack-editor__back:hover{color:var(--text-primary)}.pack-editor__back svg{width:16px;height:16px}.pack-editor__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-6)}.pack-editor__header-left{display:flex;flex-direction:column;gap:var(--space-1)}.pack-editor__title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary)}.pack-editor__version{font-size:var(--text-xs);color:var(--text-muted)}.pack-editor__header-actions{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:flex-end}.pack-editor__content{display:flex;flex-direction:column;gap:var(--space-6)}.pack-editor__section{background:var(--color-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-6)}.pack-editor__section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.pack-editor__section-header .pack-editor__section-title{margin-bottom:0}.pack-editor__section-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-4)}.pack-editor__form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.pack-editor__form-grid--full{grid-column:1 / -1}.pack-photos{display:flex;flex-direction:column;gap:var(--space-4)}.pack-photos__actions{display:flex;align-items:center;gap:var(--space-3)}.pack-photos__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-3)}.pack-photos__item{position:relative;aspect-ratio:1;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-color);cursor:pointer;transition:border-color var(--duration-fast)}.pack-photos__item:hover{border-color:var(--border-hover)}.pack-photos__item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.pack-photos__item-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.6) 0%,transparent 50%);display:flex;flex-direction:column;justify-content:flex-end;padding:var(--space-2);opacity:0;transition:opacity var(--duration-fast)}.pack-photos__item:hover .pack-photos__item-overlay{opacity:1}.pack-photos__item-category{font-size:10px;font-weight:var(--font-medium);color:#fff;background:#00000080;padding:2px 6px;border-radius:var(--radius-sm);align-self:flex-start;text-transform:capitalize}.pack-photos__item-delete{position:absolute;top:var(--space-2);right:var(--space-2);width:24px;height:24px;border-radius:50%;background:#0009;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;opacity:0;transition:opacity var(--duration-fast),background var(--duration-fast)}.pack-photos__item:hover .pack-photos__item-delete{opacity:1}.pack-photos__item-delete:hover{background:var(--color-error)}.pack-photos__item-delete svg{width:14px;height:14px}.pack-photos__item-download{position:absolute;top:var(--space-2);left:var(--space-2);width:24px;height:24px;border-radius:50%;background:#0009;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;opacity:0;transition:opacity var(--duration-fast),background var(--duration-fast)}.pack-photos__item:hover .pack-photos__item-download{opacity:1}.pack-photos__item-download:hover{background:var(--color-primary)}.pack-photos__item-download svg{width:14px;height:14px}.pack-photos__empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;padding:var(--space-8);color:var(--text-muted);text-align:center;border:2px dashed var(--border-color);border-radius:var(--radius-lg)}.pack-photos__empty svg{width:32px;height:32px;margin-bottom:var(--space-2);color:var(--text-disabled)}.pack-photos__analysis-summary{padding:var(--space-4);background:var(--color-elevated);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.pack-photos__analysis-text{margin:0 0 var(--space-2)}.pack-photos__analysis-missing{display:flex;align-items:center;gap:var(--space-2);color:var(--color-warning);font-weight:var(--font-medium);font-size:var(--text-xs)}.pack-photos__item--flagged{border-color:var(--color-error)!important;opacity:.6}.pack-photos__item-score{position:absolute;top:var(--space-2);left:var(--space-2);min-width:28px;height:20px;border-radius:var(--radius-sm);color:#fff;font-size:10px;font-weight:var(--font-bold);display:flex;align-items:center;justify-content:center;padding:0 4px}.pack-photos__item-flag{position:absolute;top:var(--space-2);right:var(--space-2);width:22px;height:22px;border-radius:50%;background:var(--color-error);color:#fff;display:flex;align-items:center;justify-content:center}.pack-photos__category-select{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--color-surface);color:var(--text-primary)}.pack-photos__coverage-count{margin-left:auto;font-size:var(--text-xs);color:var(--text-muted);font-weight:var(--font-medium)}.pack-photos__empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-12) var(--space-4);color:var(--text-muted);text-align:center}.pack-photos__empty-state p{font-weight:var(--font-semibold);color:var(--text-secondary);margin:0}.pack-photos__empty-state span{font-size:var(--text-sm)}.coverage-group{display:flex;flex-direction:column;gap:var(--space-2)}.coverage-group__header{display:flex;align-items:baseline;gap:var(--space-2);padding-bottom:var(--space-1);border-bottom:1px solid var(--border-subtle)}.coverage-group__title{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.coverage-group__desc{font-size:var(--text-xs);color:var(--text-muted)}.coverage-group__slots{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}.coverage-slot{position:relative;aspect-ratio:3 / 4;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-color);transition:border-color var(--duration-normal) var(--ease-smooth)}.coverage-slot--empty{border-style:dashed;border-color:var(--border-subtle);background:var(--color-surface)}.coverage-slot--filled{border-color:var(--border-color)}.coverage-slot--filled:hover{border-color:var(--color-primary)}.coverage-slot--flagged{border-color:var(--color-error)!important;opacity:.6}.coverage-slot img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.coverage-slot__overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.6) 0%,transparent 50%);opacity:0;transition:opacity var(--duration-normal) var(--ease-smooth);display:flex;align-items:flex-end;padding:var(--space-2)}.coverage-slot--filled:hover .coverage-slot__overlay{opacity:1}.coverage-slot__label{font-size:10px;font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.04em}.coverage-slot--filled .coverage-slot__label{color:#fff}.coverage-slot__score{position:absolute;top:var(--space-1);left:var(--space-1);height:18px;min-width:26px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);font-size:10px;font-weight:var(--font-bold);color:#fff;padding:0 var(--space-1)}.coverage-slot__delete{position:absolute;top:var(--space-1);right:var(--space-1);width:22px;height:22px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:#00000080;color:#fff;cursor:pointer;opacity:0;transition:opacity var(--duration-normal) var(--ease-smooth),background var(--duration-normal) var(--ease-smooth)}.coverage-slot--filled:hover .coverage-slot__delete{opacity:1}.coverage-slot__delete:hover{background:var(--color-error)}.coverage-slot__download{position:absolute;top:var(--space-1);right:54px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:#00000080;color:#fff;cursor:pointer;opacity:0;transition:opacity var(--duration-normal) var(--ease-smooth),background var(--duration-normal) var(--ease-smooth)}.coverage-slot--filled:hover .coverage-slot__download{opacity:1}.coverage-slot__download:hover{background:var(--color-primary)}.coverage-slot__download svg{width:12px;height:12px}.coverage-slot__regen{position:absolute;top:var(--space-1);right:28px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:#00000080;color:#fff;cursor:pointer;opacity:0;transition:opacity var(--duration-normal) var(--ease-smooth),background var(--duration-normal) var(--ease-smooth)}.coverage-slot--filled:hover .coverage-slot__regen{opacity:1}.coverage-slot__regen:hover{background:var(--color-primary)}.coverage-slot__add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);width:100%;height:100%;border:none;background:transparent;color:var(--text-muted);cursor:pointer;transition:color var(--duration-normal) var(--ease-smooth),background var(--duration-normal) var(--ease-smooth)}.coverage-slot__add:hover{background:var(--color-elevated);color:var(--color-primary)}.coverage-slot__add .coverage-slot__label{color:inherit}@media(max-width:640px){.coverage-group__slots{grid-template-columns:repeat(2,1fr)}}.pack-linked{display:flex;flex-direction:column;gap:var(--space-3)}.pack-linked__header{display:flex;align-items:center;justify-content:space-between}.pack-linked__title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.pack-linked__empty{font-size:var(--text-sm);color:var(--text-muted);padding:var(--space-4);text-align:center;border:1px dashed var(--border-subtle);border-radius:var(--radius-lg)}.pack-linked__list{display:flex;flex-direction:column;gap:var(--space-2)}.pack-linked__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-elevated);border-radius:var(--radius-md);border:1px solid var(--border-color)}.pack-linked__item-icon{color:var(--text-muted);flex-shrink:0}.pack-linked__item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.pack-linked__item-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.pack-linked__item-meta{font-size:var(--text-xs);color:var(--text-muted);text-transform:capitalize;display:flex;align-items:center;gap:var(--space-2)}.pack-linked__item-stale{display:inline-flex;align-items:center;gap:2px;color:var(--color-warning);font-weight:var(--font-medium)}.pack-linked__item-remove{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);cursor:pointer;transition:color var(--duration-normal),background var(--duration-normal)}.pack-linked__item-remove:hover{color:var(--color-error);background:var(--color-surface)}.pack-voice{display:flex;flex-direction:column;gap:var(--space-4)}.pack-voice__current{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-elevated);border-radius:var(--radius-lg)}.pack-voice__current-icon{width:40px;height:40px;border-radius:50%;background:var(--color-primary-glow);color:var(--color-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.pack-voice__current-icon svg{width:20px;height:20px}.pack-voice__current-info{flex:1;min-width:0}.pack-voice__current-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.pack-voice__current-detail{font-size:var(--text-xs);color:var(--text-muted);text-transform:capitalize}.pack-voice__actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.pack-voice__design-form{display:flex;flex-direction:column;gap:var(--space-3)}.pack-voice__empty{display:flex;flex-direction:column;align-items:center;padding:var(--space-6);text-align:center;color:var(--text-muted);border:2px dashed var(--border-color);border-radius:var(--radius-lg)}.pack-voice__empty svg{width:32px;height:32px;margin-bottom:var(--space-2);color:var(--text-disabled)}.pack-type-form{display:flex;flex-direction:column;gap:var(--space-4)}.pack-type-form__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.pack-type-form__row--thirds{grid-template-columns:1fr 1fr 1fr}.pack-type-form__section-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:var(--space-4);margin-bottom:var(--space-1);padding-bottom:var(--space-1);border-bottom:1px solid var(--border-subtle)}.pack-type-form__chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.pack-type-form__chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);background:var(--color-elevated);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-secondary)}.pack-type-form__chip-remove{width:14px;height:14px;cursor:pointer;color:var(--text-muted);transition:color var(--duration-fast)}.pack-type-form__chip-remove:hover{color:var(--color-error)}.pack-type-form__chip-input{border:none;outline:none;background:transparent;font-size:var(--text-xs);color:var(--text-primary);min-width:80px}.pack-picker__list{display:flex;flex-direction:column;gap:var(--space-2);max-height:400px;overflow-y:auto}.pack-picker__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:border-color var(--duration-fast),background var(--duration-fast)}.pack-picker__item:hover{border-color:var(--border-hover);background:var(--color-elevated)}.pack-picker__item--selected{border-color:var(--color-primary);background:var(--color-primary-glow)}.pack-picker__item-thumb{width:48px;height:48px;border-radius:var(--radius-md);overflow:hidden;background:var(--color-elevated);flex-shrink:0;display:flex;align-items:center;justify-content:center}.pack-picker__item-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.pack-picker__item-thumb svg{width:20px;height:20px;color:var(--text-disabled)}.pack-picker__item-info{flex:1;min-width:0}.pack-picker__item-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.pack-picker__item-type{font-size:var(--text-xs);color:var(--text-muted);text-transform:capitalize}.pack-picker__empty{padding:var(--space-8);text-align:center;color:var(--text-muted);font-size:var(--text-sm)}.stale-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);font-size:10px;font-weight:var(--font-semibold);color:var(--color-warning);background:#f59e0b1a;border:1px solid rgba(245,158,11,.25);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.04em}.stale-badge svg{width:10px;height:10px}.create-pack__type-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);margin-bottom:var(--space-4)}.create-pack__type-option{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);border:2px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:border-color var(--duration-fast),background var(--duration-fast);text-align:center}.create-pack__type-option:hover{border-color:var(--border-hover);background:var(--color-elevated)}.create-pack__type-option--selected{border-color:var(--color-primary);background:var(--color-primary-glow)}.create-pack__type-option svg{width:28px;height:28px;color:var(--text-muted)}.create-pack__type-option--selected svg{color:var(--color-primary)}.create-pack__type-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.create-pack__type-desc{font-size:var(--text-xs);color:var(--text-muted)}.create-pack__origin-toggle{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-top:var(--space-4)}.create-pack__origin-btn{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border:2px solid var(--border-color);border-radius:var(--radius-lg);background:var(--color-surface);cursor:pointer;text-align:left;transition:border-color var(--duration-fast),background var(--duration-fast)}.create-pack__origin-btn:hover{border-color:var(--border-hover);background:var(--color-elevated)}.create-pack__origin-btn--active{border-color:var(--color-primary);background:var(--color-primary-glow)}.create-pack__origin-btn svg{flex-shrink:0;margin-top:2px;color:var(--text-muted)}.create-pack__origin-btn--active svg{color:var(--color-primary)}.create-pack__origin-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.create-pack__origin-desc{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.create-pack__appearance{margin-top:var(--space-4)}.create-pack__appearance-title{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3);padding-bottom:var(--space-1);border-bottom:1px solid var(--border-color)}.create-pack__appearance-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.pack-build{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);padding:var(--space-8) var(--space-4);text-align:center}.pack-build__icon{width:48px;height:48px;color:var(--color-primary);animation:pulse-soft 2s ease-in-out infinite}.pack-build__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary)}.pack-build__subtitle{font-size:var(--text-sm);color:var(--text-muted);max-width:400px}.pack-build__steps{display:flex;flex-direction:column;gap:var(--space-2);width:100%;max-width:400px}.pack-build__step{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-muted)}.pack-build__step--done{color:var(--color-success);background:#10b9810f}.pack-build__step--active{color:var(--color-primary);background:var(--color-primary-glow);font-weight:var(--font-medium)}.pack-build__step svg{width:16px;height:16px;flex-shrink:0}.studio-packs__loading{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-6)}.pack-card--skeleton{border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden}.pack-card--skeleton .pack-card__thumbnail{background:var(--color-elevated);animation:shimmer 1.5s infinite}.pack-card--skeleton .pack-card__body{padding:var(--space-4)}.pack-card--skeleton .skeleton-line{height:12px;background:var(--color-elevated);border-radius:var(--radius-sm);animation:shimmer 1.5s infinite;margin-bottom:var(--space-2)}.pack-card--skeleton .skeleton-line--short{width:60%}@media(max-width:768px){.studio-packs{padding:var(--space-4)}.studio-packs__header{flex-direction:column;gap:var(--space-4);align-items:flex-start}.studio-packs__grid{grid-template-columns:1fr}.pack-editor{padding:var(--space-4)}.pack-editor__form-grid,.pack-type-form__row,.create-pack__type-grid{grid-template-columns:1fr}}.tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--border-color)}.tabs--pills{border-bottom:none;gap:var(--space-2)}.tabs--underline{gap:var(--space-4)}.tabs__tab{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:transparent;border:none;color:var(--text-muted);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);border-bottom:2px solid transparent;white-space:nowrap;line-height:var(--leading-snug)}.tabs__tab:hover:not(.tabs__tab--disabled){color:var(--text-primary);background:var(--color-elevated)}.tabs__tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tabs__tab--active:hover{background:transparent}.tabs__tab--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.tabs--sm .tabs__tab{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.tabs--pills .tabs__tab{border-bottom:none;border-radius:var(--radius-md);padding:var(--space-2) var(--space-3)}.tabs--pills .tabs__tab:hover:not(.tabs__tab--disabled){background:var(--color-elevated)}.tabs--pills .tabs__tab--active{background:var(--color-primary);color:#fff}.tabs--pills .tabs__tab--active:hover{background:var(--color-primary-dim)}.tabs--underline .tabs__tab{border-bottom:2px solid transparent;padding:var(--space-2) var(--space-1);background:transparent}.tabs--underline .tabs__tab:hover:not(.tabs__tab--disabled){border-bottom-color:var(--border-hover);background:transparent}.tabs--underline .tabs__tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tabs__icon{display:inline-flex;align-items:center;flex-shrink:0}.tabs__badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 var(--space-1);font-size:var(--text-xs);font-weight:var(--font-semibold);line-height:1;border-radius:var(--radius-full);background:var(--color-elevated);color:var(--text-muted)}.tabs__tab--active .tabs__badge{background:var(--color-primary-soft);color:var(--color-primary)}.tabs--pills .tabs__tab--active .tabs__badge{background:#fff3;color:#fff}.tabs__tab:focus-visible{outline:var(--ring-width) solid var(--ring-color);outline-offset:calc(-1 * var(--ring-width));border-radius:var(--radius-sm)}@media(max-width:768px){.tabs__tab{min-height:44px;padding:var(--space-3)}}@media(max-width:480px){.tabs{gap:0}.tabs__tab{flex:1;justify-content:center;font-size:var(--text-sm);padding:var(--space-3) var(--space-2)}}:root{--segment-intro: #94a3b8;--segment-verse: #60a5fa;--segment-chorus: #34d399;--segment-bridge: #a78bfa;--segment-drop: #f87171;--segment-outro: #94a3b8;--segment-buildup: #fbbf24;--segment-breakdown: #f472b6;--segment-instrumental: #67e8f9;--segment-default: #cbd5e1}.dark{--segment-intro: #64748b;--segment-verse: #3b82f6;--segment-chorus: #10b981;--segment-bridge: #8b5cf6;--segment-drop: #ef4444;--segment-outro: #64748b;--segment-buildup: #f59e0b;--segment-breakdown: #ec4899;--segment-instrumental: #22d3ee;--segment-default: #94a3b8}.music-viz{display:flex;flex-direction:column;gap:var(--space-1);width:100%}.music-viz__label{font-size:.8125rem;font-weight:var(--font-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-1)}.music-viz__waveform-wrap{position:relative;width:100%;height:120px;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;background:linear-gradient(180deg,var(--color-elevated) 0%,var(--color-surface) 100%);border:1px solid var(--border-color)}.music-viz__waveform-canvas{display:block;width:100%;height:100%}.music-viz__playhead{position:absolute;top:0;bottom:0;width:2px;background:var(--color-primary);pointer-events:none;z-index:2;transition:none}.music-viz__playhead:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background:var(--color-primary);box-shadow:0 0 6px #00a99180}.music-viz__segments{display:flex;height:32px;gap:2px;border-radius:var(--radius-md);overflow:hidden}.music-viz__segment{position:relative;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);overflow:hidden;cursor:default;transition:opacity var(--duration-normal) var(--ease-smooth)}.music-viz__segment:hover{opacity:.85}.music-viz__segment-label{font-size:.6875rem;font-weight:var(--font-semibold);color:#000000a6;text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 var(--space-1);line-height:1}.dark .music-viz__segment-label{color:#ffffffbf}.music-viz__segment-mood{position:absolute;top:2px;right:3px;width:6px;height:6px;border-radius:50%;background:#00000040}.dark .music-viz__segment-mood{background:#ffffff59}.music-viz__segment[title]{position:relative}.music-viz__energy-bands{display:flex;flex-direction:column;gap:1px;height:40px;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border-color)}.music-viz__energy-band{position:relative;flex:1;overflow:hidden}.music-viz__energy-canvas{display:block;width:100%;height:100%}.music-viz__info-bar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;flex-wrap:wrap}.music-viz__badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);background:var(--color-elevated);border:1px solid var(--border-color);border-radius:var(--radius-full);font-size:.75rem;font-weight:var(--font-medium);color:var(--text-secondary);white-space:nowrap}.music-viz__badge-label{color:var(--text-muted);font-weight:var(--font-normal)}.music-viz__badge--bpm{color:var(--color-primary);border-color:var(--color-primary-glow);background:var(--color-primary-soft)}.music-viz__badge--key{color:var(--color-accent);border-color:var(--color-accent-glow);background:#06b6d414}.music-viz__lyrics{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4);background:var(--color-elevated);border-radius:var(--radius-lg);border:1px solid var(--border-color);max-height:180px;overflow-y:auto;scroll-behavior:smooth}.music-viz__lyrics-title{font-size:.75rem;font-weight:var(--font-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-1)}.music-viz__lyric-line{font-size:.875rem;line-height:1.6;color:var(--text-disabled);transition:color var(--duration-normal) var(--ease-smooth),font-weight var(--duration-normal) var(--ease-smooth);padding:var(--space-1) 0}.music-viz__lyric-line--active{color:var(--text-primary);font-weight:var(--font-semibold)}.music-viz__lyric-line--near{color:var(--text-secondary)}.music-viz-mini{width:100%;height:100%;position:relative}.music-viz-mini__canvas{display:block;width:100%;height:100%}.music-viz-mini__bpm{position:absolute;bottom:var(--space-2);right:var(--space-2);padding:2px var(--space-2);background:#0000008c;color:#fff;border-radius:var(--radius-full);font-size:.6875rem;font-weight:var(--font-semibold);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.music-card{display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--border-color);border-radius:var(--radius-2xl);overflow:hidden;text-decoration:none;color:inherit;transition:all var(--duration-normal) var(--ease-smooth);animation:fade-up var(--duration-slower) var(--ease-smooth)}.music-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-glow-primary);transform:translateY(-2px)}.music-card__visual{aspect-ratio:2 / 1;background:linear-gradient(135deg,var(--color-elevated),var(--color-surface));display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.music-card__visual--generating{background:linear-gradient(135deg,#00a9910d,#00a9911a)}.music-card__visual--has-artwork{background:none}.music-card__artwork-bg{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.music-card__generating{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:var(--color-primary);font-size:.875rem}.music-card__spinner{width:24px;height:24px;border:2px solid var(--border-color);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.music-card__failed{color:var(--color-error);font-size:.875rem}.music-card__waveform-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(135deg,#00a99108,#00a99114)}.music-card__waveform-placeholder .music-viz-mini{position:absolute;inset:0}.music-card__waveform-placeholder .music-card__play-btn{position:relative;z-index:2}.music-card__play-btn{width:48px;height:48px;border-radius:50%;background:var(--color-primary);border:none;color:#fff;font-size:1.125rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-normal) var(--ease-smooth);box-shadow:var(--shadow-lg)}.music-card__play-btn:hover{background:var(--color-primary-dim);transform:scale(1.1)}.music-card__play-btn--playing{background:var(--text-secondary)}.music-card__body{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.music-card__title{font-size:1rem;font-weight:var(--font-semibold);color:var(--text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-card__meta{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.music-card__style{padding:2px var(--space-2);background:var(--color-primary-soft);color:var(--color-primary);border-radius:var(--radius-full);font-size:.75rem;font-weight:var(--font-medium);text-transform:capitalize}.music-card__badge{padding:2px var(--space-2);background:var(--color-elevated);color:var(--text-muted);border-radius:var(--radius-full);font-size:.75rem}.music-card__duration{font-size:.75rem;color:var(--text-muted)}.music-card__prompt{font-size:.8125rem;color:var(--text-muted);margin:0;line-height:1.4}.music-card__footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-2)}.music-card__date{font-size:.75rem;color:var(--text-muted)}.music-card__delete{background:none;border:none;color:var(--text-muted);font-size:.75rem;cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);transition:all var(--duration-normal) var(--ease-smooth)}.music-card__delete:hover{color:var(--color-error);background:#ef44441a}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.music-form{display:flex;flex-direction:column;gap:var(--space-5)}.music-form__field{display:flex;flex-direction:column;gap:var(--space-2)}.music-form__field--flex{flex:1}.music-form__field--toggle{display:flex;align-items:flex-end;padding-bottom:var(--space-1)}.music-form__row{display:flex;gap:var(--space-6);align-items:flex-start}.music-form__label{font-size:.875rem;font-weight:var(--font-medium);color:var(--text-secondary)}.music-form__textarea,.music-form__input{width:100%;padding:var(--space-3);background:var(--color-elevated);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-size:.875rem;font-family:inherit;resize:vertical;transition:border-color var(--duration-normal) var(--ease-smooth)}.music-form__textarea:focus,.music-form__input:focus{outline:none;border-color:var(--color-primary)}.music-form__pills{display:flex;flex-wrap:wrap;gap:var(--space-2)}.music-form__pill{padding:var(--space-1) var(--space-3);background:var(--color-elevated);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-secondary);font-size:.8125rem;cursor:pointer;transition:all var(--duration-normal) var(--ease-smooth)}.music-form__pill:hover{border-color:var(--color-primary);color:var(--color-primary)}.music-form__pill--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.music-form__pill--active:hover{color:#fff}.music-form__slider{width:100%;accent-color:var(--color-primary)}.music-form__slider-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-muted)}.music-form__estimate{font-weight:var(--font-normal);color:var(--text-muted);font-size:.8125rem}.music-form__duration-warning{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:color-mix(in srgb,var(--color-warning, #f59e0b) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-warning, #f59e0b) 30%,transparent);border-radius:var(--radius-lg);font-size:.8125rem;color:var(--text-secondary);line-height:1.4}.music-form__duration-fix{background:none;border:none;color:var(--color-primary);font-size:.8125rem;font-weight:var(--font-medium);cursor:pointer;white-space:nowrap;padding:0;text-decoration:underline;text-underline-offset:2px}.music-form__duration-fix:hover{color:var(--color-primary-dim)}.music-form__lyric-stats{font-size:.75rem;color:var(--text-muted)}.music-form__toggle-label{display:flex;align-items:center;gap:var(--space-2);font-size:.875rem;color:var(--text-secondary);cursor:pointer;white-space:nowrap}.music-form__checkbox{display:none}.music-form__toggle-switch{width:36px;height:20px;background:var(--border-color);border-radius:var(--radius-full);position:relative;transition:background var(--duration-normal) var(--ease-smooth);flex-shrink:0}.music-form__toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform var(--duration-normal) var(--ease-smooth)}.music-form__checkbox:checked+.music-form__toggle-switch{background:var(--color-primary)}.music-form__checkbox:checked+.music-form__toggle-switch:after{transform:translate(16px)}.music-form__advanced-toggle{background:none;border:none;color:var(--text-muted);font-size:.8125rem;cursor:pointer;padding:0;text-align:left}.music-form__advanced-toggle:hover{color:var(--color-primary)}.music-form__actions{display:flex;justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--border-color)}.music-form__btn{padding:var(--space-2) var(--space-5);border-radius:var(--radius-lg);font-size:.875rem;font-weight:var(--font-medium);cursor:pointer;transition:all var(--duration-normal) var(--ease-smooth)}.music-form__btn--secondary{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary)}.music-form__btn--secondary:hover{border-color:var(--text-muted)}.music-form__btn--primary{background:var(--color-primary);border:1px solid var(--color-primary);color:#fff}.music-form__btn--primary:hover:not(:disabled){background:var(--color-primary-dim)}.music-form__btn:disabled{opacity:.5;cursor:not-allowed}.music-list{min-height:100vh}.music-list__main{max-width:1400px;margin:0 auto;padding:var(--space-8) var(--space-6)}.music-list__header{margin-bottom:var(--space-8)}.music-list__title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.music-list__title{font-size:1.75rem;font-weight:var(--font-semibold);color:var(--text-primary);margin:0;display:flex;align-items:center;gap:var(--space-3)}.music-list__count{font-size:.875rem;font-weight:var(--font-medium);color:var(--text-muted);background:var(--color-elevated);padding:2px var(--space-2);border-radius:var(--radius-full)}.music-list__create-btn{padding:var(--space-2) var(--space-5);background:var(--color-primary);border:none;border-radius:var(--radius-lg);color:#fff;font-size:.875rem;font-weight:var(--font-medium);cursor:pointer;transition:all var(--duration-normal) var(--ease-smooth)}.music-list__create-btn:hover{background:var(--color-primary-dim)}.music-list__filters{display:flex;gap:var(--space-2)}.music-list__filter{padding:var(--space-1) var(--space-3);background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-muted);font-size:.8125rem;cursor:pointer;transition:all var(--duration-normal) var(--ease-smooth)}.music-list__filter:hover{border-color:var(--color-primary);color:var(--color-primary)}.music-list__filter--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.music-list__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-6)}.version-player{display:flex;flex-direction:column;gap:var(--space-2)}.version-player__label{font-size:.8125rem;font-weight:var(--font-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.version-player__controls{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);background:var(--color-surface);border:1px solid var(--border-color);border-radius:var(--radius-2xl)}.version-player__play-btn{width:56px;height:56px;border-radius:50%;background:var(--color-primary);border:none;color:#fff;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--duration-normal) var(--ease-smooth)}.version-player__play-btn:hover{background:var(--color-primary-dim);transform:scale(1.05)}.version-player__play-btn--playing{background:var(--text-secondary)}.version-player__progress{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.version-player__seekbar{width:100%;accent-color:var(--color-primary);cursor:pointer}.version-player__time{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.version-player__select-btn{align-self:flex-start;padding:var(--space-1) var(--space-3);background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:.8125rem;font-weight:var(--font-medium);cursor:pointer;transition:all var(--duration-normal) var(--ease-smooth)}.version-player__select-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.version-player__select-btn:disabled{opacity:.5;cursor:not-allowed}.music-detail{min-height:100vh}.music-detail__header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-color)}.music-detail__nav{display:flex;align-items:center;justify-content:space-between}.music-detail__back{color:var(--text-muted);text-decoration:none;font-size:.875rem;transition:color var(--duration-normal) var(--ease-smooth)}.music-detail__back:hover{color:var(--color-primary)}.music-detail__nav-links{display:flex;gap:var(--space-4)}.music-detail__main{max-width:900px;margin:0 auto;padding:var(--space-8) var(--space-6);display:flex;flex-direction:column;gap:var(--space-8)}.music-detail__player-section{display:flex;flex-direction:column;gap:var(--space-5)}.music-detail__artwork{display:flex;justify-content:center}.music-detail__artwork-img{width:200px;height:200px;border-radius:var(--radius-xl);-o-object-fit:cover;object-fit:cover;box-shadow:var(--shadow-lg)}.music-detail__title{font-size:2rem;font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.music-detail__status{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-xl);font-size:.9375rem}.music-detail__status--generating{background:var(--color-primary-soft);color:var(--color-primary)}.music-detail__status--failed{background:#ef444414;color:var(--color-error)}.music-detail__spinner{width:20px;height:20px;border:2px solid var(--border-color);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.music-detail__actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.music-detail__action-btn{padding:var(--space-2) var(--space-4);background:var(--color-elevated);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:.875rem;font-weight:var(--font-medium);cursor:pointer;transition:all var(--duration-normal) var(--ease-smooth)}.music-detail__action-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.music-detail__action-btn--primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.music-detail__action-btn--primary:hover{background:var(--color-primary-dim);color:#fff}.music-detail__action-btn--danger:hover{border-color:var(--color-error);color:var(--color-error)}.music-detail__action-btn--confirm{background:var(--color-error);border-color:var(--color-error);color:#fff}.music-detail__info-section{display:flex;flex-direction:column;gap:var(--space-6)}.music-detail__meta-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-4)}.music-detail__meta-item{display:flex;flex-direction:column;gap:var(--space-1)}.music-detail__meta-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.music-detail__meta-value{font-size:.9375rem;color:var(--text-primary);font-weight:var(--font-medium)}.music-detail__style-badge{color:var(--color-primary);text-transform:capitalize}.music-detail__section{display:flex;flex-direction:column;gap:var(--space-3)}.music-detail__section-title{font-size:.9375rem;font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.music-detail__prompt-text{font-size:.9375rem;color:var(--text-secondary);line-height:1.6;margin:0;padding:var(--space-4);background:var(--color-elevated);border-radius:var(--radius-lg)}.music-detail__actions-hint{font-size:.8125rem;color:var(--text-muted);text-align:center;margin:0;padding:var(--space-2) 0}.music-detail__compare-link{background:none;border:none;padding:0;font-size:.8125rem;color:var(--text-muted);cursor:pointer;text-decoration:underline;text-underline-offset:2px;transition:color var(--duration-normal) var(--ease-smooth)}.music-detail__compare-link:hover{color:var(--color-primary)}.music-detail__lyrics{font-size:.9375rem;color:var(--text-secondary);line-height:1.8;margin:0;padding:var(--space-4);background:var(--color-elevated);border-radius:var(--radius-lg);white-space:pre-wrap;font-family:inherit}.post-card{display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--border-color);border-radius:var(--radius-2xl);overflow:hidden;text-decoration:none;color:inherit;transition:all var(--duration-normal) var(--ease-smooth)}.post-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-glow-primary);transform:translateY(-2px)}.post-card__media{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:var(--color-elevated)}.post-card__thumbnail{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--duration-slower) var(--ease-smooth)}.post-card:hover .post-card__thumbnail{transform:scale(1.03)}.post-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--text-muted);opacity:.3}.post-card__duration{position:absolute;bottom:var(--space-2);right:var(--space-2);padding:2px var(--space-2);background:#000000bf;color:#fff;border-radius:var(--radius-sm);font-size:.6875rem;font-variant-numeric:tabular-nums}.post-card__type{position:absolute;top:var(--space-2);left:var(--space-2);padding:2px var(--space-2);border-radius:var(--radius-full);font-size:.625rem;font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em}.post-card__type--video{background:#6366f1d9;color:#fff}.post-card__type--music{background:#f59e0bd9;color:#fff}.post-card__type--image{background:#10b981d9;color:#fff}.post-card__body{padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-1)}.post-card__title{font-size:.9375rem;font-weight:var(--font-semibold);color:var(--text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-card__creator{display:flex;align-items:center;gap:var(--space-2);text-decoration:none;color:var(--text-secondary);font-size:.8125rem;transition:color var(--duration-normal)}.post-card__creator:hover{color:var(--color-primary)}.post-card__avatar{width:20px;height:20px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.post-card__handle{font-weight:var(--font-medium)}.post-card__stats{display:flex;gap:var(--space-3);font-size:.75rem;color:var(--text-muted)}.community-feed{min-height:100vh}.community-feed__header{text-align:center;padding:var(--space-12) var(--space-6) var(--space-6)}.community-feed__hero{margin-bottom:var(--space-6)}.community-feed__title{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--space-2)}.community-feed__subtitle{font-size:1.125rem;color:var(--text-secondary);max-width:500px;margin:0 auto}.community-feed__filters{display:flex;justify-content:center;gap:var(--space-2)}.community-feed__filter{padding:var(--space-2) var(--space-4);background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all var(--duration-normal) var(--ease-smooth)}.community-feed__filter:hover{border-color:var(--color-primary);color:var(--color-primary)}.community-feed__filter--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.community-feed__main{max-width:1400px;margin:0 auto;padding:0 var(--space-6) var(--space-12)}.community-feed__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-6)}.community-feed__empty{text-align:center;padding:var(--space-16) var(--space-6);color:var(--text-secondary)}.community-feed__empty h2{color:var(--text-primary);margin:0 0 var(--space-2)}.community-feed__empty p{margin:0 0 var(--space-6)}.community-feed__cta{display:inline-block;padding:var(--space-3) var(--space-6);background:var(--color-primary);color:#fff;border-radius:var(--radius-lg);text-decoration:none;font-weight:var(--font-semibold);font-size:.9375rem;transition:background var(--duration-normal)}.community-feed__cta:hover{background:var(--color-primary-dim)}.community-feed__load-more{text-align:center;padding:var(--space-8) 0}.community-feed__load-more-btn{padding:var(--space-2) var(--space-6);background:var(--color-elevated);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all var(--duration-normal)}.community-feed__load-more-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}@media(max-width:768px){.community-feed__title{font-size:1.75rem}.community-feed__grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-4)}}.creator-profile{min-height:100vh}.creator-profile__banner{height:200px;overflow:hidden}.creator-profile__banner-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.creator-profile__header{max-width:800px;margin:-40px auto 0;padding:0 var(--space-6);text-align:center;position:relative}.creator-profile__avatar{width:96px;height:96px;border-radius:50%;border:4px solid var(--color-surface);-o-object-fit:cover;object-fit:cover;margin-bottom:var(--space-3)}.creator-profile__name{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0}.creator-profile__handle{color:var(--text-muted);font-size:.9375rem}.creator-profile__bio{color:var(--text-secondary);font-size:.9375rem;margin:var(--space-3) 0;max-width:500px;margin-left:auto;margin-right:auto;line-height:1.6}.creator-profile__stats{display:flex;justify-content:center;gap:var(--space-8);margin:var(--space-4) 0}.creator-profile__stat{display:flex;flex-direction:column;align-items:center}.creator-profile__stat-value{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.creator-profile__stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.creator-profile__website{color:var(--color-primary);font-size:.875rem;text-decoration:none}.creator-profile__website:hover{text-decoration:underline}.creator-profile__works{max-width:1200px;margin:var(--space-8) auto;padding:0 var(--space-6)}.creator-profile__section-title{font-size:1.25rem;font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-5)}.creator-profile__empty{color:var(--text-muted);text-align:center;padding:var(--space-8)}.creator-profile__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-6)}.creator-profile__back{text-align:center;padding:var(--space-8)}.creator-profile__back a{color:var(--text-muted);text-decoration:none;font-size:.875rem}.creator-profile__back a:hover{color:var(--color-primary)}.work-detail{min-height:100vh}.work-detail__main{max-width:900px;margin:0 auto;padding:var(--space-6)}.work-detail__media{border-radius:var(--radius-2xl);overflow:hidden;background:var(--color-void, #000);margin-bottom:var(--space-6)}.work-detail__video{width:100%;display:block;border-radius:var(--radius-2xl)}.work-detail__image{width:100%;display:block}.work-detail__audio-container{position:relative;aspect-ratio:1;max-width:400px;margin:0 auto;display:flex;align-items:center;justify-content:center}.work-detail__audio-art{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-2xl)}.work-detail__play-btn{position:absolute;width:72px;height:72px;border-radius:50%;background:var(--color-primary);border:none;color:#fff;font-size:1.5rem;cursor:pointer;box-shadow:var(--shadow-xl);transition:transform var(--duration-normal)}.work-detail__play-btn:hover{transform:scale(1.1)}.work-detail__play-btn--playing{background:var(--text-secondary)}.work-detail__info{display:flex;flex-direction:column;gap:var(--space-4)}.work-detail__title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0}.work-detail__creator{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:inherit}.work-detail__creator:hover .work-detail__creator-name{color:var(--color-primary)}.work-detail__creator-avatar{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.work-detail__creator-name{display:block;font-weight:var(--font-semibold);color:var(--text-primary);font-size:.9375rem;transition:color var(--duration-normal)}.work-detail__creator-handle{display:block;font-size:.8125rem;color:var(--text-muted)}.work-detail__stats{display:flex;gap:var(--space-4);font-size:.8125rem;color:var(--text-muted)}.work-detail__description{color:var(--text-secondary);line-height:1.6;margin:0}.work-detail__prompt{background:var(--color-elevated);border-radius:var(--radius-lg);padding:var(--space-4)}.work-detail__prompt-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--space-2)}.work-detail__prompt-text{color:var(--text-secondary);font-size:.9375rem;line-height:1.6;margin:0}.work-detail__tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.work-detail__tag{padding:var(--space-1) var(--space-3);background:var(--color-primary-soft);color:var(--color-primary);border-radius:var(--radius-full);font-size:.8125rem}.work-detail__cta{padding:var(--space-6) 0;text-align:center;border-top:1px solid var(--border-color);margin-top:var(--space-4)}.work-detail__cta-btn{display:inline-block;padding:var(--space-3) var(--space-8);background:var(--color-primary);color:#fff;border-radius:var(--radius-lg);text-decoration:none;font-weight:var(--font-semibold);font-size:1rem;transition:background var(--duration-normal)}.work-detail__cta-btn:hover{background:var(--color-primary-dim)}.work-detail__comments{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--border-color)}.work-detail__comments-title{font-size:1rem;font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-4)}.work-detail__comment{padding:var(--space-3) 0;border-bottom:1px solid var(--border-color)}.work-detail__comment--reply{margin-left:var(--space-8)}.work-detail__comment-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.work-detail__comment-avatar{width:24px;height:24px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.work-detail__comment-author{font-size:.8125rem;font-weight:var(--font-medium);color:var(--color-primary);text-decoration:none}.work-detail__comment-date{font-size:.75rem;color:var(--text-muted)}.work-detail__comment-content{font-size:.9375rem;color:var(--text-secondary);line-height:1.5;margin:0}.work-detail__back{text-align:center;padding:var(--space-8)}.work-detail__back a{color:var(--text-muted);text-decoration:none;font-size:.875rem}.work-detail__back a:hover{color:var(--color-primary)}.shared-media{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg, #0a0a0a);padding:var(--space-4)}.shared-media__container{width:100%;max-width:960px;display:flex;flex-direction:column;gap:var(--space-4)}.shared-media__header{text-align:center}.shared-media__title{font-size:var(--text-xl, 1.5rem);font-weight:700;color:var(--color-text, #fff);margin:0}.shared-media__description{font-size:var(--text-sm, .875rem);color:var(--color-text-secondary, #999);margin:var(--space-2, 8px) 0 0}.shared-media__player{border-radius:var(--radius-lg, 12px);overflow:hidden;background:#000;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center}.shared-media__video{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.shared-media__image{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.shared-media__footer{text-align:center;padding:var(--space-3, 12px) 0}.shared-media__brand{font-size:var(--text-xs, .75rem);color:var(--color-text-tertiary, #666);letter-spacing:.05em;text-transform:uppercase}.shared-media__loading{text-align:center;color:var(--color-text-secondary, #999)}.shared-media__spinner{width:40px;height:40px;border:3px solid var(--color-border, #333);border-top-color:var(--color-primary, #10b981);border-radius:50%;animation:shared-media-spin .8s linear infinite;margin:0 auto var(--space-3, 12px)}@keyframes shared-media-spin{to{transform:rotate(360deg)}}.shared-media__error{text-align:center;max-width:400px}.shared-media__error-title{font-size:var(--text-xl, 1.5rem);font-weight:700;color:var(--color-text, #fff);margin:0 0 var(--space-2, 8px)}.shared-media__error-text{font-size:var(--text-sm, .875rem);color:var(--color-text-secondary, #999);margin:0 0 var(--space-4, 16px);line-height:1.5}.brochure{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #64748b;--border-color: #e2e8f0;--border-color-hover: #cbd5e1;--color-purple: #00A991;--color-purple-light: rgba(0, 169, 145, .1);--color-cyan: #06b6d4;--color-cyan-light: rgba(6, 182, 212, .1);--color-pink: #ec4899;--color-green: #10b981;--color-amber: #f59e0b;--color-red: #ef4444;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1)}@media(prefers-color-scheme:dark){.brochure{--bg-primary: #0a0a0f;--bg-secondary: #111118;--bg-tertiary: #1a1a24;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-tertiary: #64748b;--border-color: rgba(255, 255, 255, .08);--border-color-hover: rgba(255, 255, 255, .15);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5)}}.brochure{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans, system-ui, -apple-system, sans-serif);line-height:1.6}.skip-link{position:absolute;top:-100px;left:50%;transform:translate(-50%);background:var(--color-purple);color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;z-index:var(--z-modal);transition:top .2s ease;text-decoration:none}.skip-link:focus{top:1rem}section{padding:4rem 1.5rem;max-width:1100px;margin:0 auto}.section__header{text-align:center;margin-bottom:3rem}.section__title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;letter-spacing:-.02em;margin-bottom:.5rem;color:var(--text-primary)}.section__subtitle{font-size:1.0625rem;color:var(--text-secondary);max-width:650px;margin:0 auto}.section__description{font-size:.9375rem;color:var(--text-tertiary);max-width:600px;margin:.75rem auto 0;line-height:1.6}.brochure-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;max-width:1100px;margin:0 auto;border-bottom:1px solid var(--border-color)}.brochure-header__logo{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:1.0625rem;color:var(--text-primary)}.brochure-header__logo .icon{width:24px;height:24px;color:var(--color-purple)}.brochure-header__beta{display:inline-flex;align-items:center;padding:.125rem .5rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-purple);background:var(--color-purple-light);border-radius:4px;line-height:1.4}.icon{width:24px;height:24px;flex-shrink:0}.icon--sm{width:18px;height:18px}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.brochure .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:all .15s ease;text-decoration:none}.brochure .btn--primary{background:var(--color-purple);color:#fff}.brochure .btn--primary:hover{background:var(--color-primary-dim)}.brochure .btn--lg{padding:.875rem 1.75rem;font-size:1rem;border-radius:10px}.brochure .btn--ghost{background:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.brochure .btn--ghost:hover{background:var(--bg-secondary);border-color:var(--border-color-hover)}.brochure .btn:disabled{opacity:.5;cursor:not-allowed}.brochure .btn:focus-visible{outline:2px solid var(--color-purple);outline-offset:2px}.hero{padding-top:5rem;padding-bottom:5rem;text-align:center}.hero__content{max-width:700px;margin:0 auto}.hero__title{margin-bottom:1.5rem}.hero__title-line{display:block;font-size:clamp(2rem,5vw,3rem);font-weight:700;letter-spacing:-.03em;line-height:1.15}.hero__title-line--gradient{background:linear-gradient(135deg,var(--color-purple) 0%,var(--color-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero__subtitle{font-size:1.125rem;color:var(--text-secondary);line-height:1.7;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.hero__cta{margin-bottom:3rem}.hero__providers{display:flex;flex-direction:column;align-items:center;gap:.5rem}.hero__providers-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary)}.hero__providers-logos{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center}.hero__provider{font-size:.9375rem;font-weight:500;color:var(--text-secondary)}.how-it-works__steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem}.how-it-works__step{display:flex;gap:1rem;padding:1.25rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;transition:border-color .15s ease}.how-it-works__step:hover{border-color:var(--border-color-hover)}.how-it-works__number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-purple);border-radius:8px;font-size:.875rem;font-weight:700;color:#fff;flex-shrink:0}.how-it-works__content{flex:1}.how-it-works__title{font-size:1rem;font-weight:600;margin-bottom:.25rem;color:var(--text-primary)}.how-it-works__description{font-size:.875rem;color:var(--text-secondary);line-height:1.5}.features__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.25rem}.feature-card{display:flex;gap:1rem;padding:1.25rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;transition:border-color .15s ease}.feature-card:hover{border-color:var(--border-color-hover)}.feature-card__icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--color-purple-light);border-radius:10px;flex-shrink:0}.feature-card__icon .icon{width:22px;height:22px;color:var(--color-purple)}.feature-card__content{flex:1}.feature-card__title{font-size:1rem;font-weight:600;margin-bottom:.25rem;color:var(--text-primary)}.feature-card__description{font-size:.875rem;color:var(--text-secondary);line-height:1.5;margin-bottom:.5rem}.feature-card__highlight{display:inline-block;font-size:.75rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.03em}.pricing__content{max-width:700px;margin:0 auto}.pricing__providers{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.pricing-provider{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;padding:1rem;text-align:center;transition:border-color .15s ease}.pricing-provider:hover{border-color:var(--provider-color, var(--border-color-hover))}.pricing-provider__header{margin-bottom:.375rem}.pricing-provider__name{display:block;font-size:1rem;font-weight:600;color:var(--provider-color, var(--text-primary));margin-bottom:.125rem}.pricing-provider__price{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.pricing-provider__price span{font-size:.875rem;font-weight:400;color:var(--text-tertiary)}.pricing-provider__best{font-size:.8125rem;color:var(--text-tertiary)}.pricing__rate-badge{display:flex;align-items:baseline;justify-content:center;gap:.5rem;margin-bottom:1.5rem}.pricing__rate-value{font-size:2.5rem;font-weight:700;color:var(--text-primary)}.pricing__rate-unit{font-size:1.0625rem;color:var(--text-secondary)}.pricing__token-table{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;margin-bottom:1.5rem}.pricing__token-table-header{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;padding:.75rem 1.25rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary)}.pricing__token-table-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;padding:.75rem 1.25rem;border-bottom:1px solid var(--border-color);font-size:.9375rem;color:var(--text-primary)}.pricing__token-table-row:last-child{border-bottom:none}.pricing__token-provider{font-weight:600;color:var(--provider-color, var(--text-primary))}.pricing__token-best{color:var(--text-tertiary);font-size:.8125rem}.pricing__note{text-align:center;font-size:.875rem;color:var(--text-secondary);line-height:1.6}.pricing__note strong{color:var(--text-primary)}.pricing-calculator{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem;margin-bottom:1.5rem}.pricing-calculator__header{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--color-amber);margin-bottom:1rem}.pricing-calculator__header .icon{width:18px;height:18px}.pricing-calculator__controls{display:flex;flex-direction:column;gap:1rem}.pricing-calculator__label{display:flex;align-items:center;gap:1rem;font-size:.875rem;color:var(--text-secondary)}.pricing-calculator__label span:first-child{width:70px;flex-shrink:0}.pricing-calculator__slider{flex:1;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--border-color);border-radius:3px;cursor:pointer}.pricing-calculator__slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:var(--color-purple);border-radius:50%;cursor:pointer}.pricing-calculator__value{font-weight:600;color:var(--text-primary);min-width:45px;text-align:right}.pricing-calculator__providers{display:flex;gap:.5rem}.pricing-calculator__provider{flex:1;padding:.625rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .15s ease;text-align:center}.pricing-calculator__provider:hover{border-color:var(--border-color-hover)}.pricing-calculator__provider.active{border-color:var(--provider-color, var(--color-purple));background:var(--bg-secondary)}.pricing-calculator__provider-name{display:block;font-size:.875rem;font-weight:600;color:var(--provider-color, var(--text-primary));margin-bottom:.125rem}.pricing-calculator__provider-rate{font-size:.75rem;color:var(--text-tertiary)}.pricing-calculator__total{display:flex;flex-direction:column;gap:.5rem;padding-top:1rem;margin-top:1rem;border-top:1px solid var(--border-color)}.pricing-calculator__total-row{display:flex;justify-content:space-between;align-items:center}.pricing-calculator__total-label{font-size:.9375rem;color:var(--text-secondary)}.pricing-calculator__total-tokens{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.pricing-calculator__total-value{font-size:1.75rem;font-weight:700;color:var(--color-purple)}.pricing__example{text-align:center;font-size:.9375rem;color:var(--text-secondary)}.pricing__example strong{color:var(--text-primary)}.comparison__table{max-width:550px;margin:0 auto;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.comparison__header{display:grid;grid-template-columns:1fr 90px 90px;padding:.875rem 1.25rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary)}.comparison__header-studio,.comparison__header-direct{text-align:center}.comparison__row{display:grid;grid-template-columns:1fr 90px 90px;padding:.875rem 1.25rem;border-bottom:1px solid var(--border-color)}.comparison__row:last-child{border-bottom:none}.comparison__feature{font-size:.9375rem;color:var(--text-primary)}.comparison__check{display:flex;align-items:center;justify-content:center}.comparison__check--yes{color:var(--color-green)}.comparison__check--no{color:var(--text-tertiary)}.cta{padding:5rem 1.5rem;text-align:center;background:var(--bg-secondary);border-top:1px solid var(--border-color)}.cta__content{max-width:450px;margin:0 auto}.cta__success-icon{width:56px;height:56px;margin:0 auto 1.25rem;display:flex;align-items:center;justify-content:center;background:var(--color-purple-light);border-radius:50%}.cta__success-icon .icon{width:28px;height:28px;color:var(--color-green)}.cta__title{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}.cta__subtitle{font-size:1.0625rem;color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.6}.cta__actions{margin-bottom:1rem}.cta__error{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.875rem 1.25rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;color:var(--color-red);font-size:.875rem;margin-bottom:1.25rem}.cta__error-help{color:var(--text-secondary);font-size:.8125rem;margin:0}.cta__error-help a{color:var(--color-purple);text-decoration:underline}.hero__admin-notice{text-align:center;padding:1rem 1.5rem;background:#00a99114;border:1px solid rgba(0,169,145,.2);border-radius:10px;font-size:.9375rem;color:var(--text-secondary);max-width:480px}.hero__admin-notice p{margin:0 0 .5rem}.hero__admin-notice p:last-child{margin-bottom:0}.hero__admin-notice a{color:var(--color-purple);text-decoration:underline;font-weight:500}.cta__confirm{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:10px;padding:1.25rem}.cta__confirm p{margin-bottom:1rem;color:var(--text-secondary)}.cta__confirm-actions{display:flex;justify-content:center;gap:.75rem}.footer{padding:1.5rem;text-align:center;border-top:1px solid var(--border-color)}.footer p{font-size:.875rem;color:var(--text-tertiary)}.footer a{color:var(--color-purple);text-decoration:none}.footer a:hover{text-decoration:underline}@media(max-width:768px){section{padding:3rem 1rem}.pricing__token-table-header,.pricing__token-table-row{grid-template-columns:1fr 1fr 1fr}.pricing__token-table-header span:last-child,.pricing__token-table-row span:last-child{display:none}.pricing-calculator__providers{flex-direction:column}.comparison__header,.comparison__row{grid-template-columns:1fr 70px 70px;padding:.75rem 1rem;font-size:.8125rem}.comparison__header{font-size:.6875rem}.features__grid{grid-template-columns:1fr}}@media(max-width:480px){.hero__title-line{font-size:1.75rem}.how-it-works__steps{grid-template-columns:1fr}.pricing-calculator__label{flex-wrap:wrap}.pricing-calculator__slider{width:100%;order:3}}@media(prefers-reduced-motion:reduce){.animate-spin{animation:none}.btn,.feature-card,.how-it-works__step,.pricing-provider,.pricing-calculator__provider{transition:none}}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--color-purple);outline-offset:2px}.bug-report-fab{position:fixed;bottom:200px;right:var(--space-4);z-index:var(--z-dropdown);width:36px;height:36px;border-radius:var(--radius-full);background:#10b981b3;color:#fff;border:none;box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.4;transition:all var(--duration-normal) var(--ease-out);font-size:.85rem}.bug-report-fab:hover{background:var(--color-success);opacity:1;box-shadow:var(--shadow-lg);transform:scale(1.1)}.bug-report-modal__overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-4)}.bug-report-modal__dialog{position:relative;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:28rem;width:100%;padding:var(--space-6)}.bug-report-modal__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-6)}.bug-report-modal__title{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--text-primary)}.bug-report-modal__title--error{color:var(--color-error)}.bug-report-modal__close{color:var(--text-secondary);padding:var(--space-1);transition:color var(--duration-fast) var(--ease-out)}.bug-report-modal__close:hover{color:var(--text-primary)}.bug-report-modal__close svg{width:1.25rem;height:1.25rem}.bug-report-modal__form{margin-bottom:var(--space-4)}.bug-report-modal__textarea{width:100%;min-height:150px;padding:var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--text-primary);resize:none}.bug-report-modal__textarea::-moz-placeholder{color:var(--text-muted)}.bug-report-modal__textarea::placeholder{color:var(--text-muted)}.bug-report-modal__textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-glow)}.bug-report-modal__form-footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-2)}.bug-report-modal__char-count{font-size:var(--text-sm);color:var(--text-secondary)}.bug-report-modal__validation{font-size:var(--text-sm);color:var(--color-error)}.bug-report-modal__actions{display:flex;gap:var(--space-3)}.bug-report-modal__btn{flex:1;padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);transition:all var(--duration-normal) var(--ease-out);font-weight:var(--font-medium);text-align:center}.bug-report-modal__btn--secondary{border:1px solid var(--border-color);color:var(--text-secondary)}.bug-report-modal__btn--secondary:hover{background:var(--color-elevated)}.bug-report-modal__btn--primary{background:var(--color-success);color:#fff}.bug-report-modal__btn--primary:hover{opacity:.9}.bug-report-modal__btn--primary:disabled{opacity:.5;cursor:not-allowed}.bug-report-modal__btn--danger{background:var(--color-error);color:#fff}.bug-report-modal__btn--danger:hover{opacity:.9}.bug-report-modal__btn--full{flex:none;width:100%}.bug-report-modal__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) 0}.bug-report-modal__spinner{width:3rem;height:3rem;border:4px solid var(--color-primary-glow);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:spin 1s linear infinite;margin-bottom:var(--space-4)}.bug-report-modal__loading-text{color:var(--text-secondary)}.bug-report-modal__body{margin-bottom:var(--space-6)}.bug-report-modal__message{color:var(--text-secondary);margin-bottom:var(--space-4)}.bug-report-modal__url-box{padding:var(--space-3);background:var(--color-elevated);border-radius:var(--radius-lg)}.bug-report-modal__url-link{font-size:var(--text-sm);color:var(--color-success);word-break:break-all}.bug-report-modal__url-link:hover{text-decoration:underline;color:var(--color-success)}.bug-report-modal__url-text{font-size:var(--text-sm);color:var(--text-secondary);word-break:break-all}.bug-report-modal__copy-btn{margin-top:var(--space-2);width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);border-radius:var(--radius-sm);transition:background var(--duration-fast) var(--ease-out)}.bug-report-modal__copy-btn:hover{background:var(--color-overlay)}.bug-report-modal__copy-btn svg{width:1rem;height:1rem}.bug-report-modal__error-text{color:var(--text-secondary)}.bug-report-modal__confirm-overlay{position:absolute;inset:0;background:#00000080;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.bug-report-modal__confirm-dialog{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--space-6);margin:var(--space-4);max-width:24rem}.bug-report-modal__confirm-title{font-size:var(--text-lg);font-weight:var(--font-medium);color:var(--text-primary);margin-bottom:var(--space-2)}.bug-report-modal__confirm-message{color:var(--text-secondary);margin-bottom:var(--space-6)}.bug-report-modal__confirm-actions{display:flex;justify-content:flex-end;gap:var(--space-3)}.bug-report-modal__confirm-btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);transition:all var(--duration-normal) var(--ease-out)}.bug-report-modal__confirm-btn--keep{border:1px solid var(--border-color);color:var(--text-secondary)}.bug-report-modal__confirm-btn--keep:hover{background:var(--color-elevated)}.bug-report-modal__confirm-btn--discard{background:var(--color-error);color:#fff}.bug-report-modal__confirm-btn--discard:hover{opacity:.9}.mini-player{position:fixed;bottom:0;left:0;right:0;z-index:1000;height:56px;background:var(--color-surface);border-top:1px solid var(--color-border);box-shadow:0 -2px 8px #0000001a;display:flex;flex-direction:column}.mini-player__progress{width:100%;height:3px;background:var(--color-overlay);cursor:pointer;flex-shrink:0}.mini-player__progress-fill{height:100%;background:var(--color-primary);transition:width .1s linear}.mini-player__content{flex:1;display:flex;align-items:center;gap:12px;padding:0 16px;min-width:0}.mini-player__artwork{width:40px;height:40px;border-radius:6px;overflow:hidden;flex-shrink:0;background:var(--color-primary-soft);display:flex;align-items:center;justify-content:center}.mini-player__artwork-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mini-player__artwork-fallback{font-size:18px;color:var(--color-primary)}.mini-player__info{flex:1;min-width:0;display:flex;align-items:center;gap:8px}.mini-player__title{font-family:var(--font-sans);font-size:14px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none}.mini-player__title:hover{text-decoration:underline}.mini-player__style{font-family:var(--font-sans);font-size:11px;font-weight:500;color:var(--text-muted);background:var(--color-primary-soft);padding:2px 8px;border-radius:10px;white-space:nowrap;flex-shrink:0}.mini-player__play-btn{width:36px;height:36px;border-radius:50%;border:none;background:var(--color-primary);color:var(--text-on-accent);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s ease}.mini-player__play-btn:hover{background:var(--color-primary-dim)}.mini-player__time{font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:12px;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.mini-player__close{width:24px;height:24px;border-radius:50%;border:none;background:transparent;color:var(--text-muted);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s ease,color .15s ease}.mini-player__close:hover{background:var(--color-overlay);color:var(--text-primary)}.auth-modal__providers{display:flex;flex-direction:column;gap:var(--space-3)}.auth-modal__provider-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-primary);background:var(--color-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.auth-modal__provider-btn:hover{border-color:var(--border-color-hover, var(--border-color));background:var(--color-elevated)}.auth-modal__provider-btn:focus-visible{outline:var(--ring-width) solid var(--ring-color);outline-offset:var(--ring-offset)}.auth-modal__provider-icon{width:20px;height:20px;flex-shrink:0}.auth-modal__terms{margin-top:var(--space-4);font-size:var(--text-xs);color:var(--text-muted);text-align:center;line-height:var(--leading-relaxed)}.auth-modal__terms a{text-decoration:underline;color:var(--text-secondary);transition:color var(--duration-fast) var(--ease-out)}.auth-modal__terms a:hover{color:var(--text-primary)}