@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap";:root{--primary-rgb: 37, 99, 235;--primary: #2563eb;--primary-hover: #1d4ed8;--primary-light: #60a5fa;--primary-dark: #1e40af;--primary-contrast: #ffffff;--secondary-rgb: 168, 85, 247;--secondary: rgb(var(--secondary-rgb));--font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif: "Georgia", "Times New Roman", serif}[data-theme=original]{--primary-rgb: 99, 102, 241;--primary: #6366f1;--primary-hover: #4f46e5;--primary-light: #818cf8;--primary-dark: #3730a3;--primary-contrast: #ffffff}[data-theme=sapphire]{--primary-rgb: 37, 99, 235;--primary: #2563eb;--primary-hover: #1d4ed8;--primary-light: #60a5fa;--primary-dark: #1e40af;--primary-contrast: #ffffff}[data-theme=ocean]{--primary-rgb: 14, 165, 233;--primary: #0ea5e9;--primary-hover: #0284c7;--primary-light: #7dd3fc;--primary-dark: #075985;--primary-contrast: #ffffff}[data-theme=forest]{--primary-rgb: 34, 197, 94;--primary: #22c55e;--primary-hover: #16a34a;--primary-light: #86efac;--primary-dark: #166534;--primary-contrast: #0f172a}[data-theme=sunset]{--primary-rgb: 244, 63, 94;--primary: #f43f5e;--primary-hover: #e11d48;--primary-light: #fda4af;--primary-dark: #9f1239;--primary-contrast: #ffffff}[data-theme=original][data-mode=light]{--bg-sidebar: #eef2ff}[data-theme=original][data-mode=dark]{--bg-sidebar: #1e1b4b}[data-theme=sapphire][data-mode=light]{--bg-sidebar: #eff6ff}[data-theme=sapphire][data-mode=dark]{--bg-sidebar: #172554}[data-theme=ocean][data-mode=light]{--bg-sidebar: #f0f9ff}[data-theme=ocean][data-mode=dark]{--bg-sidebar: #0c4a6e}[data-theme=forest][data-mode=light]{--bg-sidebar: #f0fdf4}[data-theme=forest][data-mode=dark]{--bg-sidebar: #064e3b}[data-theme=sunset][data-mode=light]{--bg-sidebar: #fff1f2}[data-theme=sunset][data-mode=dark]{--bg-sidebar: #4c0519}[data-mode=light]{--bg-main: #ffffff;--bg-surface: #f8fafc;--bg-card: #ffffff;--bg-sidebar: #f8fafc;--bg-topbar: #ffffff;--text-main: #0f172a;--text-muted: #64748b;--text-inverse: #ffffff;--border-color: #e2e8f0;--shadow: 0 4px 6px -1px rgb(0 0 0 / .1);--delete-red: #ef4444;--success-green: #10b981;--warning-amber: #f59e0b;--shape-preview-fill: #64748b;--topbar-panel-hover: rgba(var(--primary-rgb), .08)}[data-mode=dark]{--bg-main: #090e1a;--bg-surface: #0f172a;--bg-card: #1e293b;--bg-sidebar: #090e1a;--bg-topbar: #090e1a;--text-main: #ffffff;--text-muted: #94a3b8;--text-inverse: #090e1a;--border-color: #1e293b;--shadow: 0 4px 6px -1px rgb(0 0 0 / .5);--topbar-text: #ffffff;--delete-red: #f87171;--success-green: #34d399;--warning-amber: #fbbf24;--shape-preview-fill: #cbd5e1;--topbar-panel-hover: rgba(var(--primary-rgb), .15)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-main);color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}select option{background-color:var(--bg-card, #1e293b);color:var(--text-main, #ffffff)}#root{width:100%;min-height:100vh}a{color:inherit;text-decoration:none}h1{font-family:var(--font-serif);font-size:clamp(40px,6vw,64px);font-weight:400;letter-spacing:-2px;line-height:1.1;color:var(--text-main)}h2,h3{font-weight:600;color:var(--text-main)}h2{font-size:clamp(32px,5vw,40px);line-height:1.2}h3{font-size:clamp(24px,4vw,32px);line-height:1.3}p{font-size:clamp(15px,2vw,18px);font-weight:400;line-height:1.7;color:var(--text-muted)}html,body,#root{height:100%}html,body{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}body{overflow-x:hidden}.sphere-root{position:relative;width:100%;height:100%;min-height:420px;--radius: 520px;--viewer-pad: 72px;--circ: calc(var(--radius) * 3.14);--rot-y: calc((360deg / var(--segments-x)) / 2);--rot-x: calc((360deg / var(--segments-y)) / 2);--item-width: calc(var(--circ) / var(--segments-x));--item-height: calc(var(--circ) / var(--segments-y));--overlay-blur-color: var(--dome-overlay-color, #f8fafc)}.sphere-root--auto .item__image{cursor:default;pointer-events:none}.sphere-root--auto .sphere-main{touch-action:auto}.sphere-root--auto .item{transition:none}.sphere-root *{box-sizing:border-box}.sphere,.item,.item__image{transform-style:preserve-3d}main.sphere-main{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;background:transparent}.stage{width:100%;height:100%;display:grid;place-items:center;perspective:calc(var(--radius) * 2);perspective-origin:50% 50%;contain:layout paint size}.sphere{transform:translateZ(calc(var(--radius) * -1));will-change:transform}.overlay,.overlay--blur{position:absolute;inset:0;margin:auto;z-index:3;pointer-events:none}.overlay{background-image:radial-gradient(rgba(248,250,252,0) 62%,var(--overlay-blur-color, #f8fafc) 100%)}.overlay--blur{-webkit-mask-image:radial-gradient(rgba(248,250,252,0) 68%,var(--overlay-blur-color, #f8fafc) 90%);mask-image:radial-gradient(rgba(248,250,252,0) 68%,var(--overlay-blur-color, #f8fafc) 90%);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.item{width:calc(var(--item-width) * var(--item-size-x));height:calc(var(--item-height) * var(--item-size-y));position:absolute;inset:-999px;margin:auto;transform-origin:50% 50%;backface-visibility:hidden;transition:transform .3s;transform:rotateY(calc(var(--rot-y) * (var(--offset-x) + ((var(--item-size-x) - 1) / 2)) + var(--rot-y-delta, 0deg))) rotateX(calc(var(--rot-x) * (var(--offset-y) - ((var(--item-size-y) - 1) / 2)) + var(--rot-x-delta, 0deg))) translateZ(var(--radius))}.item__image{position:absolute;display:block;inset:10px;border-radius:var(--tile-radius, 12px);background:transparent;overflow:hidden;backface-visibility:hidden;transition:transform .3s;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;pointer-events:auto;transform:translateZ(0)}.item__image:focus{outline:2px solid var(--primary, #3b82f6);outline-offset:2px}.item__image:focus:not(:focus-visible){outline:none}.item__image img,.item__image video{width:100%;height:100%;object-fit:cover;pointer-events:none;backface-visibility:hidden;filter:var(--image-filter, none)}.viewer{position:absolute;inset:0;z-index:20;pointer-events:none;display:flex;align-items:center;justify-content:center;padding:var(--viewer-pad)}.viewer .frame{height:100%;aspect-ratio:1;border-radius:var(--enlarge-radius, 32px);display:flex}@media(max-aspect-ratio:1/1){.viewer .frame{height:auto;width:100%}}.viewer .scrim{position:absolute;inset:0;z-index:10;background:#0f172a73;pointer-events:none;opacity:0;transition:opacity .5s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.sphere-root[data-enlarging=true] .viewer .scrim{opacity:1;pointer-events:all}.viewer .enlarge{position:absolute;z-index:30;border-radius:var(--enlarge-radius, 32px);overflow:hidden;transition:transform .5s ease,opacity .5s ease;transform-origin:top left;box-shadow:0 16px 40px #0f172a40}.viewer .enlarge img{width:100%;height:100%;object-fit:cover;filter:var(--image-filter, none)}.sphere-root .enlarge-closing img{filter:var(--image-filter, none)}.edge-fade{position:absolute;left:0;right:0;height:120px;z-index:5;pointer-events:none;background:linear-gradient(to bottom,transparent,var(--overlay-blur-color, #f8fafc))}.edge-fade--top{top:0;transform:rotate(180deg)}.edge-fade--bottom{bottom:0}body.dg-scroll-lock{overflow:hidden}@media(max-width:768px){.sphere-root{min-height:320px}}.dome-gallery-shell__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:420px;color:var(--text-muted, #64748b);font-size:14px}.dome-gallery-shell__spinner{width:36px;height:36px;border:3px solid #e2e8f0;border-top-color:var(--primary, #3b82f6);border-radius:50%;animation:dome-gallery-spin .9s linear infinite}@keyframes dome-gallery-spin{to{transform:rotate(360deg)}}.dome-gallery-shell{position:relative;width:100%;max-width:1200px;margin:0 auto}.dome-gallery-shell--compact{max-width:100%;min-height:360px}.dome-gallery-shell--compact .sphere-root{min-height:360px}.dome-gallery-shell--borderless{width:100%;max-width:none;margin:0;padding:0;border:none;background:transparent;min-height:min(72vh,720px)}.dome-gallery-shell--borderless .sphere-root{min-height:min(72vh,720px)}.dome-gallery-shell--borderless .dome-gallery-hint{margin-bottom:0}.dome-gallery-shell--borderless .edge-fade{display:none}.dome-gallery-shell--borderless .overlay--blur{-webkit-mask-image:none;mask-image:none;-webkit-backdrop-filter:none;backdrop-filter:none}.dome-gallery-shell--borderless .overlay{background-image:radial-gradient(rgba(255,255,255,0) 72%,var(--overlay-blur-color, #fff) 100%)}.dome-gallery-shell--borderless .dome-gallery-fallback{max-width:none;padding:0 4%}.dome-gallery-fallback{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;width:100%;max-width:1200px;margin:0 auto;padding:0;list-style:none}.dome-gallery-fallback__item{margin:0}.dome-gallery-fallback__button{display:block;width:100%;padding:0;border:1px solid var(--border-color, #e2e8f0);border-radius:14px;overflow:hidden;background:var(--bg-surface, #fff);cursor:pointer;transition:box-shadow .2s ease,transform .2s ease}.dome-gallery-fallback__button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0f172a14}.dome-gallery-fallback__button:focus-visible{outline:2px solid var(--primary, #3b82f6);outline-offset:2px}.dome-gallery-fallback__button--static{cursor:default}.dome-gallery-fallback__button--static:hover{transform:none;box-shadow:none}.dome-gallery-fallback__img,.dome-gallery-fallback__button video{width:100%;aspect-ratio:16 / 10;object-fit:cover;display:block}.dome-gallery-fallback__label{display:block;padding:10px 12px;font-size:13px;font-weight:700;color:var(--text-main, #0f172a);text-align:left}.dome-gallery-hint{margin:16px 0 0;text-align:center;font-size:13px;color:var(--text-muted, #64748b)}@media(max-width:768px){.dome-gallery-shell__loading,.dome-gallery-shell .sphere-root{min-height:300px}}@media(prefers-reduced-motion:reduce){.dome-gallery-shell__spinner{animation:none;border-top-color:#e2e8f0}}.website-dome-section{width:100%;padding:80px 0 48px;background:#fff;overflow:hidden}.website-dome-section__intro{text-align:center;max-width:720px;margin:0 auto 32px;padding:0 24px}.website-dome-section__eyebrow{display:inline-block;padding:6px 14px;margin-bottom:16px;border-radius:999px;background:#3b82f61a;color:#3b82f6;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.website-dome-section__title{margin:0 0 14px;font-family:Georgia,Times New Roman,serif;font-size:clamp(32px,4.5vw,52px);font-weight:400;line-height:1.12;color:#0f172a;letter-spacing:-.02em}.website-dome-section__title span{color:#3b82f6}.website-dome-section__subtitle{margin:0;font-size:clamp(15px,2vw,18px);line-height:1.65;color:#64748b}.website-dome-section__loading{display:flex;align-items:center;justify-content:center;min-height:min(72vh,720px)}.website-dome-section__spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:website-dome-spin .9s linear infinite}@keyframes website-dome-spin{to{transform:rotate(360deg)}}.website-dome-section__cta{display:flex;justify-content:center;padding:8px 24px 0}.website-dome-section__cta-btn{padding:12px 24px;border:none;border-radius:12px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 8px 24px #2563eb47;transition:transform .2s ease,box-shadow .2s ease}.website-dome-section__cta-btn:hover{transform:translateY(-1px);box-shadow:0 12px 28px #2563eb57}@media(max-width:768px){.website-dome-section{padding:56px 0 32px}}@media(prefers-reduced-motion:reduce){.website-dome-section__spinner{animation:none;border-top-color:#e2e8f0}}.auth-login-video-shell{position:absolute;inset:0;z-index:0;overflow:hidden;background:var(--auth-panel-brand-bg, var(--auth-brand, #185fa5))}.auth-login-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;border:none;outline:none;display:block;pointer-events:none}.auth-login-video__tint{position:absolute;inset:0;background:var(--auth-video-tint, var(--auth-brand, #185fa5));opacity:var(--auth-video-tint-opacity, .38);mix-blend-mode:color;pointer-events:none}.auth-shell-bubbles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.auth-shell-bubble{animation:authBubbleDrift 24s ease-in-out infinite;transform-origin:center;transform-box:fill-box}.auth-shell-bubble:nth-child(odd){animation-direction:alternate-reverse}@keyframes authBubbleDrift{0%,to{transform:translate(0)}33%{transform:translate(6px,-8px)}66%{transform:translate(-5px,6px)}}@media(prefers-reduced-motion:reduce){.auth-shell-bubble{animation:none}}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-form-header{margin-bottom:8px}.auth-social-buttons{display:flex;justify-content:center;margin-bottom:20px}.auth-input-wrapper{position:relative;display:flex;align-items:center}.auth-input-icon{position:absolute;left:14px;color:#94a3b8;font-size:18px;pointer-events:none;z-index:1}.auth-input{width:100%;padding:10px 14px 10px 42px;font-size:14px;color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;outline:none;transition:all .2s ease}.auth-input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}.auth-password-toggle{position:absolute;right:12px;background:transparent;border:none;color:#94a3b8;cursor:pointer;display:flex;align-items:center;font-size:18px}.auth-forgot-link{text-align:right;margin-top:-4px}.auth-forgot-link a{font-size:13px;color:#2563eb;text-decoration:none;font-weight:500}.auth-submit-btn{width:100%;padding:12px;font-size:14px;font-weight:600;color:#fff;background:#2563eb;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;margin-top:8px}.auth-submit-btn:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb33}.auth-submit-btn:disabled{opacity:.7;cursor:not-allowed}.auth-divider{display:flex;align-items:center;margin:12px 0;gap:12px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#e2e8f0}.auth-divider span{color:#94a3b8;font-size:12px;font-weight:600;text-transform:uppercase}.auth-google-alt-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:10px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;font-size:14px;font-weight:500;color:#475569;cursor:pointer;transition:all .2s ease}.auth-google-alt-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.auth-google-alt-btn:disabled{opacity:.7;cursor:not-allowed}.auth-back-btn{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:0;background:none;border:none;font-size:14px;color:#64748b;cursor:pointer;transition:color .2s ease}.auth-back-btn:hover{color:#2563eb}.auth-form-title{font-family:Georgia,Times New Roman,serif;font-size:26px;font-weight:400;color:#1e293b;margin-bottom:8px;text-align:left}.auth-form-subtitle{font-size:14px;color:#64748b;margin-bottom:24px;text-align:left}.auth-shell{--auth-brand: #185fa5;--auth-brand-hover: #144f8a;--auth-brand-light: #e8f1fa;--auth-panel-brand-bg: var(--auth-brand);--auth-video-tint: var(--auth-brand);--auth-video-tint-opacity: .38;--auth-panel-form-bg: #ffffff;--auth-text-primary: #1e293b;--auth-text-muted: #64748b;--auth-border: #e2e8f0;--auth-input-bg: #f8fafc;--auth-card-radius: 20px;--auth-shell-pad: 24px;--auth-shell-bg: #ffffff;position:relative;display:flex;align-items:center;justify-content:center;height:100dvh;max-height:100dvh;overflow:hidden;padding:var(--auth-shell-pad);background:var(--auth-shell-bg);font-family:Inter,sans-serif;box-sizing:border-box}.auth-shell--loading{color:var(--auth-text-muted)}.auth-shell *,.auth-shell *:before,.auth-shell *:after{box-sizing:border-box}.auth-card{position:relative;z-index:1;display:flex;width:100%;max-width:1080px;height:100%;max-height:calc(100dvh - var(--auth-shell-pad) * 2);border-radius:var(--auth-card-radius);border:1px solid var(--auth-border);overflow:hidden;background:var(--auth-panel-form-bg);box-shadow:0 20px 60px #185fa51f}.auth-panel{position:relative;display:flex;flex-direction:column;min-height:0;overflow:hidden}.auth-panel--brand{flex:1.1;min-width:280px;background:var(--auth-panel-brand-bg);color:#fff;padding:28px 32px 24px}.auth-panel__scrim{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,color-mix(in srgb,var(--auth-brand) 35%,transparent),color-mix(in srgb,var(--auth-brand) 8%,transparent) 45%,color-mix(in srgb,var(--auth-brand) 45%,transparent))}.auth-panel__wordmark,.auth-panel__center{position:relative;z-index:1}.auth-panel--form{flex:1;min-width:300px;background:var(--auth-panel-form-bg);align-items:center;justify-content:center;padding:32px 28px}.auth-panel__wordmark{display:flex;align-items:center;gap:10px;flex-shrink:0}.auth-panel__play-glyph{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#ffffff26;color:#fff}.auth-panel__brand-name{font-family:Georgia,Times New Roman,serif;font-size:17px;font-weight:600;letter-spacing:.06em}.auth-panel__center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;gap:12px;min-height:0;padding:16px 0 8px}.auth-panel__tagline{font-family:Georgia,Times New Roman,serif;font-size:clamp(22px,3vw,30px);font-weight:400;line-height:1.2;margin:0;letter-spacing:.02em;color:#fff;text-shadow:0 2px 16px rgba(0,0,0,.35)}.auth-panel__subcopy{margin:0;font-size:14px;line-height:1.5;color:#fff;opacity:.92;max-width:280px;text-shadow:0 1px 10px rgba(0,0,0,.3)}.auth-panel__back{position:absolute;top:16px;left:16px;z-index:2;background:none;border:none;font-size:13px;color:var(--auth-text-muted);cursor:pointer;padding:6px 8px;border-radius:6px;transition:color .2s,background .2s}.auth-panel__back:hover{color:var(--auth-brand);background:var(--auth-brand-light)}.auth-form-panel{width:100%;max-width:320px;max-height:100%;display:flex;flex-direction:column;min-height:0;overflow:hidden}.auth-form-panel__header{flex-shrink:0;margin-bottom:20px;text-align:left}.auth-form-panel__header h2{font-family:Georgia,Times New Roman,serif;font-size:26px;font-weight:400;color:var(--auth-text-primary);margin:0 0 6px;line-height:1.2}.auth-form-panel__header p{font-size:14px;color:var(--auth-text-muted);margin:0;line-height:1.45}.auth-form-panel__stage{flex:1;min-height:0;overflow:hidden;position:relative}.auth-form-panel__body{max-height:100%;overflow-y:auto;scrollbar-width:none}.auth-form-panel__body::-webkit-scrollbar{display:none}.auth-form-panel__body:not(.auth-form-panel__body--forgot) .auth-form-header{display:none}.auth-form-panel__footer{flex-shrink:0;margin-top:16px;text-align:center;font-size:14px;color:var(--auth-text-muted)}.auth-form-panel__footer button{background:none;border:none;padding:0;font-size:14px;font-weight:600;color:var(--auth-text-primary);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.auth-form-panel__footer button:hover{color:var(--auth-brand)}.auth-shell .auth-form{gap:12px}.auth-shell .auth-input{background:var(--auth-input-bg);border-color:var(--auth-border);border-radius:10px;font-size:14px}.auth-shell .auth-input:focus{border-color:var(--auth-brand);box-shadow:0 0 0 3px #185fa51f}.auth-shell .auth-submit-btn{background:var(--auth-brand);border-radius:10px;font-size:14px;font-weight:600;margin-top:4px}.auth-shell .auth-submit-btn:hover:not(:disabled){background:var(--auth-brand-hover);box-shadow:0 4px 12px #185fa540}.auth-shell .auth-forgot-link a{color:var(--auth-brand);font-size:13px}.auth-shell .auth-google-alt-btn{border-radius:10px;font-size:14px}@media(max-width:767px){.auth-shell{--auth-shell-pad: 12px;padding:var(--auth-shell-pad)}.auth-card{flex-direction:column;max-height:calc(100dvh - var(--auth-shell-pad) * 2)}.auth-panel--brand{flex:0 0 auto;min-width:0;min-height:0;max-height:42dvh;padding:16px 20px 14px}.auth-panel__center{justify-content:flex-end;padding:8px 0 4px}.auth-panel__tagline{font-size:18px;width:100%}.auth-panel__subcopy{font-size:12px;max-width:100%;width:100%}.auth-panel--form{flex:1;min-width:0;min-height:0;padding:20px 20px 24px}.auth-panel__back{top:10px;left:10px}}@media(max-height:640px){.auth-panel--brand{max-height:36dvh}.auth-form-panel__header h2{font-size:22px}.auth-form-panel__header{margin-bottom:12px}}.create-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.create-modal-content{background:var(--bg-card);width:100%;max-width:500px;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;border:1px solid var(--border-color);overflow:hidden;animation:modalScaleUp .3s cubic-bezier(.34,1.56,.64,1)}@keyframes modalScaleUp{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.create-modal-header{padding:24px 32px;background:var(--primary);color:#fff;display:flex;justify-content:space-between;align-items:center}.create-modal-header h2{margin:0;font-size:1.25rem;font-weight:700;color:#fff}.btn-close-modal{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-close-modal:hover{background:#ffffff4d}.create-modal-body{padding:32px}.create-form-group{margin-bottom:24px}.create-form-group label{display:block;font-size:.875rem;font-weight:600;color:var(--text-muted);margin-bottom:8px}.create-form-group input,.create-form-group select{width:100%;padding:12px 16px;background:var(--bg-main);border:2px solid var(--border-color);border-radius:12px;font-size:.95rem;color:var(--text-main);outline:none;transition:all .2s}.create-form-group input:focus,.create-form-group select:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(var(--primary-rgb),.1)}.create-modal-footer{padding:0 32px 32px;display:flex;flex-direction:column;gap:12px}.btn-start-create{width:100%;padding:14px;background:var(--primary);color:#fff;border:none;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.btn-start-create:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(var(--primary-rgb),.3)}.home-billing-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 32px}.home-billing-stat-card{position:relative;background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;padding:18px 20px;text-align:left;overflow:hidden}.home-billing-stat-card--action{display:flex;flex-direction:column;width:100%;font:inherit;color:inherit;cursor:pointer;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.home-billing-stat-card--action:hover:not(:disabled),.home-billing-stat-card--action:focus-visible{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow);outline:none}.home-billing-stat-card--action:focus-visible{box-shadow:0 0 0 3px rgba(var(--primary-rgb),.2),var(--shadow)}.home-billing-stat-card--action:disabled{cursor:default}.home-billing-stat-bubble{position:absolute;border-radius:50%;pointer-events:none;z-index:0;background:linear-gradient(135deg,rgba(var(--primary-rgb),.1) 0%,rgba(var(--primary-rgb),.02) 55%,transparent 100%)}.home-billing-stat-bubble--1{width:120px;height:120px;top:-48px;right:-28px}.home-billing-stat-bubble--2{width:72px;height:72px;bottom:-24px;right:42%;opacity:.7}.home-billing-stat-bubble--3{width:96px;height:96px;bottom:-36px;left:-32px;opacity:.55}.home-billing-stat-inner{position:relative;z-index:1;display:flex;flex-direction:column;height:100%}.home-billing-stat-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.home-billing-stat-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:500;text-align:left}.home-billing-stat-icon{width:36px;height:36px;border-radius:12px;background:rgba(var(--primary-rgb),.08);color:var(--primary);display:inline-flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.home-billing-stat-value{font-size:32px;font-weight:600;color:var(--text-main);margin:0 0 8px;line-height:1.1;min-height:1.1em;display:flex;align-items:center}.home-billing-stat-skeleton{display:block;width:64px;height:1.1em;border-radius:8px;background:linear-gradient(90deg,var(--bg-surface) 25%,var(--border-color) 50%,var(--bg-surface) 75%);background-size:400px 100%;animation:skeleton-shimmer 1.4s infinite linear}.home-billing-stat-trend{font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:5px;margin-bottom:8px;width:fit-content}.home-billing-stat-trend.up{color:var(--success-green, #16a34a)}.home-billing-stat-trend.down{color:#dc2626}.home-billing-stat-trend.down svg{transform:rotate(180deg)}.home-billing-stat-trend.neutral{color:var(--text-muted)}.home-billing-stat-subtitle{font-size:13px;font-weight:500;color:var(--text-muted);line-height:1.4;margin-bottom:10px}.home-billing-stat-meter{margin:0 0 12px;width:100%;height:6px;border-radius:999px;background:var(--bg-surface);border:1px solid var(--border-color);overflow:hidden}.home-billing-stat-meter>span{display:block;height:100%;border-radius:inherit;background:var(--primary);transition:width .4s ease}.home-billing-stat-cta{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--primary);opacity:.85;transition:opacity .2s ease,gap .2s ease}.home-billing-stat-card--action:hover:not(:disabled) .home-billing-stat-cta,.home-billing-stat-card--action:focus-visible .home-billing-stat-cta{opacity:1;gap:10px}@media(max-width:900px){.home-billing-stats{grid-template-columns:1fr}}.content.content--home .home-container{width:100%;max-width:none;margin:0;padding-right:0}.content.content--home .welcome-banner.hero-redesign{background:linear-gradient(135deg,var(--primary) 0%,#6366f1 100%);border:none;border-radius:24px;padding:40px 48px;margin-bottom:24px;box-shadow:0 20px 40px #6366f133;position:relative;overflow:hidden;color:#fff}.hero-redesign .hero-content{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:40px}.hero-redesign .hero-text{flex:1;max-width:600px}.hero-redesign .hero-text h1{font-size:2.5rem;font-weight:800;margin:0 0 12px;line-height:1.1;letter-spacing:-.03em;color:#fff}.hero-redesign .hero-text p{font-size:1.1rem;color:#ffffffe6;margin:0 0 24px;line-height:1.5}.hero-redesign .hero-chips{display:flex;gap:12px;flex-wrap:wrap}.hero-redesign .hero-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#ffffff26;border:1px solid rgba(255,255,255,.2);border-radius:999px;font-size:.9rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-redesign .hero-action{flex-shrink:0}.hero-redesign .btn-create-hero{background:#fff;color:var(--primary);border:none;padding:16px 32px;border-radius:16px;font-size:1.1rem;font-weight:700;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 20px #0000001a}.hero-redesign .btn-create-hero-icon{font-size:1.4rem;background:#f5f3ff;border-radius:50%;padding:4px;color:var(--primary);transition:transform .3s ease}.hero-redesign .btn-create-hero:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 30px #00000026}.hero-redesign .btn-create-hero:hover .btn-create-hero-icon{transform:rotate(90deg)}.hero-redesign .hero-decoration{position:absolute;border-radius:50%;background:linear-gradient(135deg,#fff3,#fff0);z-index:1}.hero-redesign .hero-circle-1{width:300px;height:300px;top:-100px;right:-50px}.hero-redesign .hero-circle-2{width:150px;height:150px;bottom:-40px;right:250px}.hero-redesign .hero-circle-3{width:200px;height:200px;top:50px;left:-80px;opacity:.5}.content.content--home .home-billing-stats{margin:0 0 18px;gap:12px}.content.content--home .home-billing-stat-card{box-shadow:none}.content.content--home .home-billing-stat-card--action:hover:not(:disabled){box-shadow:var(--shadow)}.content.content--home .home-tabs-wrapper{margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--border-color)}.content.content--home .home-tabs{display:flex;gap:10px;flex-wrap:wrap}.content.content--home .home-tab{padding:9px 12px;border:1px solid transparent;border-radius:10px;color:var(--text-muted);background:transparent}.content.content--home .home-tab:hover{color:var(--text-main);background:var(--bg-card);border-color:var(--border-color)}.content.content--home .home-tab.active{border-color:var(--primary);background:var(--primary);color:#fff}.content.content--home .tab-content-area .section-header h2{font-size:1.25rem}.content.content--home .projects-grid-override{gap:16px}.content.content--home .projects-grid-override .project-card{border-radius:14px;border:1px solid var(--border-color);box-shadow:none}.content.content--home .projects-grid-override .project-card:hover{border-color:var(--primary);box-shadow:var(--shadow)}.content.content--home .trend-badge{background:var(--bg-card);border:1px solid var(--border-color)}.content.content--home .btn-edit-premium{background:var(--primary);border:1px solid var(--primary);box-shadow:none}.content.content--home .btn-edit-premium:hover{background:var(--primary-hover);border-color:var(--primary-hover)}@media(max-width:900px){.content.content--home .home-billing-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.content.content--home .welcome-banner{padding:18px}.content.content--home .home-billing-stats{grid-template-columns:1fr;gap:10px}}@keyframes skeleton-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton-thumb,.skeleton-line{background:linear-gradient(90deg,var(--bg-surface) 25%,var(--border-color) 50%,var(--bg-surface) 75%);background-size:800px 100%;animation:skeleton-shimmer 1.4s infinite linear;border-radius:10px}.project-card--skeleton .skeleton-thumb{width:100%;aspect-ratio:16 / 9;min-height:140px}.project-card--skeleton .project-content{padding:14px 16px;display:flex;flex-direction:column;gap:10px}.skeleton-line.skeleton-title{height:16px;width:70%;border-radius:6px}.skeleton-line.skeleton-meta{height:12px;width:45%;border-radius:6px}.empty-recent{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:64px 32px;border:2px dashed var(--border-color);border-radius:20px;background:var(--bg-card);gap:12px;animation:fadeIn .3s ease}.empty-recent-icon{color:var(--text-muted);opacity:.5}.empty-recent h3{font-size:1.15rem;font-weight:700;color:var(--text-main);margin:0}.empty-recent p{font-size:.95rem;color:var(--text-muted);margin:0}.project-thumb-placeholder{width:100%;aspect-ratio:16 / 9;min-height:140px;display:flex;align-items:center;justify-content:center;background:var(--bg-surface);color:var(--text-muted);border-radius:10px 10px 0 0;font-size:2rem}.content.content--home .view-all--btn{border:none;background:none;padding:0;font:inherit;cursor:pointer;color:var(--primary)}.content.content--home .view-all--btn:hover{text-decoration:underline}.content.content--home .home-template-card{cursor:pointer}.content.content--home .home-template-thumb{position:relative;overflow:hidden;aspect-ratio:16 / 9;background:var(--bg-surface)}.content.content--home .home-template-preview{width:100%;height:100%;pointer-events:none}.content.content--home .home-template-preview>*{width:100%;height:100%}.content.content--home .home-template-badge{position:absolute;top:10px;left:10px;z-index:2;padding:4px 10px;border-radius:999px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;background:#0f172ab8;color:#fff}.content.content--home .home-recent-thumb{position:relative;overflow:hidden;aspect-ratio:16 / 9;background:var(--bg-surface);display:flex;align-items:center;justify-content:center}.content.content--home .home-recent-thumb .project-scene-thumb{position:absolute;inset:0;background:#0f172a}.content.content--home .home-recent-thumb .project-scene-thumb>div{width:100%;height:100%}.content.content--home .home-recent-thumb .video-icon{color:var(--text-muted)}.sel-overlay{overflow:visible}.sel-handle{position:absolute;z-index:60;touch-action:none;box-sizing:border-box}.sel-handle--corner{width:14px;height:14px;background:#fff;border:2px solid #1a73e8;border-radius:2px;box-shadow:0 1px 4px #0000004d}.sel-handle--corner:after{content:"";position:absolute;top:50%;left:50%;width:4px;height:4px;margin:-2px 0 0 -2px;background:#1a73e8;border-radius:50%}.sel-handle--edge{background:#fff;border:2px solid #1a73e8;border-radius:3px;box-shadow:0 1px 3px #00000040}.sel-handle--edge-h{width:22px;height:8px}.sel-handle--edge-v{width:8px;height:22px}.sel-overlay__move{position:absolute;inset:0;cursor:move;z-index:40;touch-action:none}.sel-overlay__border{position:absolute;inset:0;border:2px solid #1a73e8;pointer-events:none;z-index:35;box-sizing:border-box}.sel-overlay__rotate-line{position:absolute;left:50%;top:-28px;width:2px;height:20px;margin-left:-1px;background:#1a73e8;pointer-events:none;z-index:55}.sel-overlay__rotate-handle{position:absolute;left:50%;top:-44px;width:18px;height:18px;margin-left:-9px;background:#fff;border:2px solid #1a73e8;border-radius:50%;cursor:grab;z-index:60;box-shadow:0 1px 4px #0000004d;touch-action:none}.sel-overlay__rotate-handle:active{cursor:grabbing}.sel-overlay__angle-badge{position:fixed;padding:4px 10px;background:#0f172aeb;color:#fff;font-size:12px;font-weight:600;border-radius:6px;pointer-events:none;z-index:10000;transform:translate(-50%,-100%);white-space:nowrap;font-family:Inter,system-ui,sans-serif;letter-spacing:.02em}.sel-overlay__dimension-badge{position:absolute;bottom:-28px;left:50%;transform:translate(-50%);padding:3px 8px;background:#0f172ae0;color:#fff;font-size:11px;font-weight:600;border-radius:4px;pointer-events:none;z-index:55;white-space:nowrap;font-family:Inter,system-ui,sans-serif}.sq-toolbar{position:absolute;left:50%;top:calc(100% + 12px);bottom:auto;transform:scale(var(--sq-ui-scale, 1)) translate(calc(-50% + var(--sq-shift-x, 0px)),var(--sq-shift-y, 0px));transform-origin:top center;display:flex;align-items:center;gap:4px;padding:8px 10px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 16px #0f172a24,0 1px 4px #0f172a14;z-index:2147483646;pointer-events:auto;white-space:nowrap;max-width:min(var(--sq-max-width, 95vw),920px);overflow:visible;scrollbar-width:none}.sq-toolbar--above{top:auto;bottom:calc(100% + 12px);transform-origin:bottom center}.sq-toolbar--media-right{left:calc(100% + 12px);right:auto;top:0;bottom:auto;transform:scale(var(--sq-ui-scale, 1)) translate(var(--sq-shift-x, 0px),var(--sq-shift-y, 0px));transform-origin:left top;flex-direction:column;align-items:stretch;gap:6px;max-width:260px;max-height:min(80vh,620px);overflow-y:auto;overflow-x:visible}.sq-toolbar--media-left-side{left:auto;right:calc(100% + 12px);top:0;bottom:auto;transform:scale(var(--sq-ui-scale, 1)) translate(var(--sq-shift-x, 0px),var(--sq-shift-y, 0px));transform-origin:right top;flex-direction:column;align-items:stretch;gap:6px;max-width:260px;max-height:min(80vh,620px);overflow-y:auto;overflow-x:visible}.sq-toolbar--media-right .sq-toolbar__btn,.sq-toolbar--media-left-side .sq-toolbar__btn{width:42px;height:42px}.sq-toolbar--media-right .sq-toolbar__select,.sq-toolbar--media-left-side .sq-toolbar__select{height:40px;font-size:14px}.sq-toolbar--media-right .sq-toolbar__color,.sq-toolbar--media-left-side .sq-toolbar__color{width:42px;height:42px}.sq-toolbar::-webkit-scrollbar{display:none}.sq-toolbar__btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:none;border-radius:8px;background:transparent;color:#334155;cursor:pointer;flex-shrink:0;transition:background .12s,color .12s}.sq-toolbar__btn:hover{background:#f1f5f9;color:#0f172a}.sq-toolbar__btn--active{background:#e8f0fe;color:#1a73e8}.sq-toolbar__btn--danger:hover{background:#fef2f2;color:#dc2626}.sq-toolbar__divider{width:1px;height:24px;background:#e2e8f0;margin:0 2px;flex-shrink:0}.sq-toolbar--media-right .sq-toolbar__divider,.sq-toolbar--media-left-side .sq-toolbar__divider{width:100%;height:1px;margin:2px 0}.sq-toolbar__select{height:36px;padding:0 34px 0 12px;border:1px solid #cbd5e1;border-radius:8px;font-size:13px;color:#334155;background:linear-gradient(180deg,#fff,#f8fafc);max-width:170px;cursor:pointer;flex-shrink:0;appearance:none;-webkit-appearance:none;-moz-appearance:none;box-shadow:inset 0 1px #ffffffe6,0 1px 2px #0f172a14;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;background-image:linear-gradient(180deg,#fff,#f8fafc),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat,no-repeat;background-position:0 0,right 10px center;background-size:auto,14px}.sq-toolbar__select:hover{border-color:#94a3b8;background-image:linear-gradient(180deg,#fff,#f1f5f9),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23334155' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")}.sq-toolbar__select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f62e,0 1px 2px #0f172a1f}.sq-toolbar__select--font{min-width:156px;font-weight:600;letter-spacing:.01em}.sq-font-menu{position:relative}.sq-font-menu__trigger{position:relative;display:inline-flex;align-items:center;justify-content:flex-start;gap:0;min-width:170px}.sq-font-menu__trigger svg{position:absolute;right:8px;top:50%;transform:translateY(-50%);color:#475569;flex-shrink:0;transition:transform .18s ease,color .18s ease}.sq-font-menu__trigger--open svg{transform:translateY(-50%) rotate(180deg)}.sq-font-menu__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sq-font-menu__list{position:absolute;top:calc(100% + 8px);left:0;min-width:220px;max-height:260px;overflow:auto;scrollbar-width:none;padding:6px;border:1px solid #cbd5e1;border-radius:10px;background:linear-gradient(180deg,#fff,#f8fafc);box-shadow:0 14px 28px #0f172a2e,0 2px 8px #0f172a1f;z-index:2147483647;transform:translate(var(--sq-font-list-shift-x, 0px))}.sq-font-menu__list--up{top:auto;bottom:calc(100% + 8px)}.sq-font-menu__list::-webkit-scrollbar{width:0;height:0;display:none}.sq-font-menu__item{width:100%;border:0;background:transparent;color:#334155;padding:9px 10px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;font-size:13px;text-align:left;cursor:pointer}.sq-font-menu__item:hover{background:#eef2ff}.sq-font-menu__item--active{background:#e8f0fe;color:#1d4ed8;font-weight:600}.sq-toolbar__select--narrow{max-width:78px}.sq-toolbar__stepper{display:flex;align-items:center;gap:2px;height:36px;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;flex-shrink:0}.sq-toolbar__stepper button{width:28px;height:100%;border:none;background:#f8fafc;color:#475569;cursor:pointer;font-size:18px;line-height:1;padding:0}.sq-toolbar__stepper button:hover{background:#e2e8f0}.sq-toolbar__stepper span{min-width:36px;text-align:center;font-size:13px;font-weight:600;color:#334155}.sq-toolbar__color{position:relative;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:8px;cursor:pointer;color:#475569;flex-shrink:0}.sq-toolbar__color--swatch{width:34px;height:34px;border-radius:50%;border:2px solid #e2e8f0;background:var(--sq-swatch, #1a1b1c);overflow:hidden;box-shadow:inset 0 0 0 1px #0f172a0f}.sq-toolbar__color--swatch:hover{border-color:#cbd5e1}.sq-toolbar__color:hover{background:#f1f5f9}.sq-toolbar__color--swatch:hover{background:var(--sq-swatch, #1a1b1c)}.sq-toolbar__color input[type=color]{position:absolute;inset:4px;width:calc(100% - 8px);height:calc(100% - 8px);padding:0;border:none;border-radius:4px;cursor:pointer;opacity:0}.sq-toolbar__color--swatch input[type=color]{inset:0;width:100%;height:100%;border-radius:50%}.text-sidebar-panel{--ts-bg: var(--bg-panel, var(--bg-card, #ffffff));--ts-surface: var(--bg-surface, #f8fafc);--ts-surface-hover: var(--bg-main, #f1f5f9);--ts-border: var(--border-color, rgba(0, 0, 0, .1));--ts-text: var(--text-main, #0f172a);--ts-muted: var(--text-muted, #64748b);--ts-accent: var(--primary, #4338ca);--ts-accent-dim: color-mix(in srgb, var(--primary, #4338ca) 14%, transparent);--ts-preview: var(--primary, #6366f1);width:100%;min-width:300px;max-width:340px;color:var(--ts-text);font-family:Inter,system-ui,sans-serif;background:var(--ts-bg);border-radius:12px;overflow:hidden}.text-sidebar-panel__scroll{max-height:min(72vh,640px);overflow-y:auto;padding:0 0 12px}.text-sidebar-panel--right{max-width:none;width:100%;border-radius:0;min-height:0;background:var(--ts-bg);display:block}.text-sidebar-panel--right .text-sidebar-panel__body{padding:0 0 16px;overflow:visible}.text-sidebar-panel__titlebar{display:flex;align-items:center;padding:12px 14px 10px;border-bottom:1px solid var(--ts-border);background:var(--ts-surface)}.text-sidebar-panel__title{font-size:16px;font-weight:800;color:var(--ts-text);display:flex;align-items:center}.text-layer-panel--sidebar{width:100%;padding:0;margin:0;background:var(--bg-panel, var(--bg-card))}.scene-config-panel-scroll .text-layer-panel--sidebar{min-height:min-content}.text-sidebar-panel__scroll::-webkit-scrollbar,.scene-config-panel-scroll::-webkit-scrollbar{width:6px}.text-sidebar-panel__scroll::-webkit-scrollbar-thumb,.scene-config-panel-scroll::-webkit-scrollbar-thumb{background:var(--border-color, rgba(0, 0, 0, .15));border-radius:3px}.text-sidebar-text-field{padding:0 0 8px}.text-sidebar-text-field__group{display:flex;flex-direction:column;gap:6px}.text-sidebar-text-field__label{display:block;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ts-muted)}.text-sidebar-text-field__input{width:100%;min-height:calc(4.35em + 16px);box-sizing:border-box;background:var(--ts-surface);border:1px solid var(--ts-border);border-radius:8px;padding:8px 10px;font-size:12px;line-height:1.45;color:var(--ts-text);outline:none;resize:vertical;font-family:inherit}.text-sidebar-text-field__input:focus{border-color:color-mix(in srgb,var(--ts-accent) 55%,var(--ts-border));box-shadow:0 0 0 3px var(--ts-accent-dim)}.text-sidebar-text-field--standalone{padding:10px 14px 8px}.text-sidebar-toolbar-wrap{padding-top:4px}.text-sidebar-toolbar-wrap .text-sidebar-toolbar--compact{border-bottom:none;padding-top:0;background:transparent}.text-sidebar-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:10px 10px 8px;border-bottom:1px solid var(--ts-border);background:var(--ts-surface)}.text-sidebar-toolbar--compact{flex-direction:column;gap:6px;padding:8px 10px}.text-sidebar-toolbar__row{display:flex;align-items:center;gap:6px;width:100%;min-width:0}.text-sidebar-toolbar__row--icons{justify-content:flex-start;flex-wrap:wrap;gap:4px}.text-sidebar-toolbar__row--font{flex-direction:column;align-items:stretch;gap:4px}.text-sidebar-toolbar__font-label{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ts-muted)}.text-sidebar-toolbar__font{width:100%;min-width:0;max-width:none;padding:8px 10px;border-radius:8px;border:1px solid var(--ts-border);background:var(--ts-bg);color:var(--ts-text);font-size:15px;font-weight:600;line-height:1.2;outline:none;cursor:pointer;appearance:auto}.text-sidebar-toolbar__color{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:2px solid var(--ts-border);background:var(--ts-bg);cursor:pointer;flex-shrink:0;overflow:hidden;padding:0}.text-sidebar-toolbar__color input[type=color]{width:100%;height:100%;border:none;padding:0;background:none;cursor:pointer;border-radius:50%;-webkit-appearance:none;appearance:none}.text-sidebar-toolbar__color input[type=color]::-webkit-color-swatch-wrapper{padding:0}.text-sidebar-toolbar__color input[type=color]::-webkit-color-swatch{border:none;border-radius:50%}.text-sidebar-toolbar__color input[type=color]::-moz-color-swatch{border:none;border-radius:50%}.text-sidebar-toolbar__duration{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:var(--ts-muted);white-space:nowrap;flex-shrink:0}.text-sidebar-toolbar__icon-btn{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--ts-muted);cursor:pointer;transition:background .12s,color .12s,border-color .12s}.text-sidebar-toolbar__icon-btn:hover{background:var(--ts-surface-hover);color:var(--ts-text)}.text-sidebar-toolbar__icon-btn--active{background:var(--ts-accent-dim);border-color:var(--ts-accent);color:var(--ts-accent)}.text-sidebar-toolbar__icon-divider{width:1px;height:22px;background:var(--ts-border);margin:0 2px}.text-sidebar-expand-btn{display:inline-flex;align-items:center;gap:4px;padding:0;border:none;background:none;color:var(--ts-accent);font-size:13px;font-weight:700;cursor:pointer}.text-sidebar-expand-btn:hover{text-decoration:underline}.text-sidebar-expand-btn--block{width:100%;justify-content:space-between;padding:8px 10px;border-radius:8px;border:1px solid var(--ts-border);background:var(--ts-surface);color:var(--ts-text)}.text-sidebar-expand-btn--block:hover{text-decoration:none;background:var(--ts-surface-hover)}.text-sidebar-toolbar__chip{display:inline-flex;align-items:center;gap:4px;padding:5px 8px;border-radius:8px;background:var(--ts-bg);border:1px solid var(--ts-border);font-size:13px;font-weight:600;color:var(--ts-text);cursor:pointer;white-space:nowrap}.text-sidebar-toolbar__chip:hover{background:var(--ts-surface-hover)}.text-sidebar-toolbar__chip--active{border-color:var(--ts-accent);background:var(--ts-accent-dim);color:var(--ts-accent)}.text-sidebar-toolbar__divider{width:1px;height:20px;background:var(--ts-border);margin:0 2px}.text-sidebar-toolbar input[type=number],.text-sidebar-toolbar select{background:var(--ts-bg);border:1px solid var(--ts-border);border-radius:6px;color:var(--ts-text);font-size:13px;font-weight:600;padding:4px 6px;outline:none}.text-sidebar-toolbar .size-stepper{display:inline-flex;align-items:center;gap:2px;background:var(--ts-bg);border:1px solid var(--ts-border);border-radius:8px;padding:2px 4px}.text-sidebar-toolbar .size-stepper button{width:22px;height:22px;border:none;background:transparent;color:var(--ts-muted);cursor:pointer;border-radius:4px;font-size:16px;line-height:1}.text-sidebar-toolbar .size-stepper button:hover{background:var(--ts-surface-hover);color:var(--ts-text)}.text-sidebar-effects-groups{display:flex;flex-direction:column;gap:4px}.text-sidebar-effects-groups__block{padding:4px 0 8px;border-bottom:1px solid var(--ts-border)}.text-sidebar-effects-groups__block:last-child{border-bottom:none;padding-bottom:0}.text-sidebar-effects-groups__heading{margin:0;padding:8px 12px 4px;font-size:14px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--ts-muted)}.scp-accordion__body .text-sidebar-section{padding-left:0;padding-right:0}.text-sidebar-section{padding:12px 12px 4px}.text-typewriter-speed{padding-top:4px;padding-bottom:8px}.text-typewriter-speed__row{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.text-typewriter-speed__label{font-size:14px;font-weight:700;color:var(--ts-text)}.text-typewriter-speed__value{font-size:13px;font-weight:600;color:var(--ts-muted)}.text-typewriter-speed__slider{width:100%;height:4px;cursor:pointer;accent-color:var(--ts-accent)}.text-sidebar-section__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.text-sidebar-section__title{font-size:15px;font-weight:700;color:var(--ts-text);letter-spacing:.02em}.text-sidebar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.text-sidebar-apply-inline{grid-column:1 / -1}.text-sidebar-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:0;border:none;background:transparent;cursor:pointer;width:100%}.text-sidebar-card__preview{width:100%;aspect-ratio:1;border-radius:10px;background:var(--ts-surface);border:2px solid transparent;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:border-color .15s,background .15s}.text-sidebar-card:hover .text-sidebar-card__preview{background:var(--ts-surface-hover)}.text-sidebar-card--active .text-sidebar-card__preview{border-color:var(--ts-accent);background:var(--ts-accent-dim)}.text-sidebar-card--expanded .text-sidebar-card__preview{border-color:var(--ts-accent);box-shadow:0 0 0 2px #7c3aed4d}.text-sidebar-card__label{font-size:12px;font-weight:600;color:var(--ts-muted);text-align:center}.text-sidebar-card--active .text-sidebar-card__label{color:var(--ts-accent)}.text-sidebar-footer{margin:8px 12px 0;padding:12px 0 0;border-top:1px solid var(--ts-border)}.text-sidebar-footer__actions{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.text-sidebar-footer__btn{flex:1 1 auto;min-width:0;padding:7px 10px;border-radius:8px;border:1px solid var(--ts-border);background:var(--ts-surface);color:var(--ts-text);font-size:12px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:4px;transition:background .15s,border-color .15s}.text-sidebar-footer__btn:hover:not(:disabled){background:var(--ts-surface-hover);border-color:var(--ts-accent)}.text-sidebar-footer__btn:disabled{opacity:.45;cursor:not-allowed}.text-sidebar-footer__visible{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:600;color:var(--ts-muted)}.text-sidebar-footer__visible>span{display:flex;align-items:center;gap:5px}.text-sidebar-toggle{position:relative;display:inline-block;width:36px;height:20;flex-shrink:0}.text-sidebar-toggle input{opacity:0;width:0;height:0}.text-sidebar-toggle__track{position:absolute;inset:0;border-radius:10px;cursor:pointer;background:var(--border-color, #cbd5e1);transition:background .2s}.text-sidebar-toggle__track:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #0003}.text-sidebar-toggle input:checked+.text-sidebar-toggle__track{background:var(--ts-accent)}.text-sidebar-toggle input:checked+.text-sidebar-toggle__track:after{transform:translate(16px)}.text-fx-preview{font-size:24px;font-weight:800;font-family:Georgia,Times New Roman,serif;line-height:1;-webkit-user-select:none;user-select:none}.text-fx-preview--drop{color:var(--ts-preview);text-shadow:2px 3px 4px rgba(15,23,42,.35)}.text-fx-preview--glow{color:var(--ts-preview);text-shadow:0 0 10px var(--ts-preview)}.text-fx-preview--echo{color:var(--ts-preview);text-shadow:2px 2px 0 color-mix(in srgb,var(--ts-preview) 40%,transparent),4px 4px 0 color-mix(in srgb,var(--ts-preview) 20%,transparent)}.text-fx-preview--outline{color:var(--ts-text);-webkit-text-stroke:1.5px var(--ts-preview)}.text-fx-preview--background{color:var(--ts-preview);background:color-mix(in srgb,var(--ts-preview) 35%,transparent);padding:2px 6px;border-radius:4px;font-size:20px}.text-fx-preview--splice{color:var(--ts-text);text-shadow:2px 2px 0 var(--ts-preview)}.text-fx-preview--hollow{color:transparent;-webkit-text-stroke:1.5px var(--ts-preview)}.text-fx-preview--neon{color:var(--ts-text);text-shadow:0 0 6px var(--ts-preview),0 0 14px var(--ts-preview)}.text-fx-preview--glitch{color:var(--ts-preview);text-shadow:2px 0 #22d3ee,-1px 0 #e879f9}.text-fx-preview--none{color:var(--ts-muted);font-weight:600;font-size:16px}.text-motion-icon{width:36px;height:36px;position:relative}.text-motion-icon__bar{position:absolute;background:linear-gradient(180deg,var(--ts-preview),color-mix(in srgb,var(--ts-preview) 70%,#000));border-radius:3px}.text-suggested-preview{display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:800;color:var(--ts-preview);line-height:1;-webkit-user-select:none;user-select:none;position:relative;width:100%;height:100%}.text-suggested-preview--typewriter{gap:1px;font-family:Georgia,serif}.text-suggested-preview--typewriter .tw-cursor{display:inline-block;width:2px;height:14px;background:var(--ts-preview);margin-left:1px;animation:twBlink 1s step-end infinite}@keyframes twBlink{50%{opacity:0}}.text-suggested-preview--ascend .asc-c{opacity:.45;transform:translateY(-5px)}.text-suggested-preview--ascend .asc-b{opacity:.7;transform:translateY(-2px)}.text-suggested-preview--shift .sh-a{transform:translate(-4px);opacity:.5}.text-suggested-preview--shift .sh-b{transform:translate(2px);opacity:.75}.text-suggested-preview--shift .sh-c{transform:translate(6px)}.text-suggested-preview--merge{gap:4px;font-size:15px}.text-suggested-preview--merge .mg-arrow{width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent}.text-suggested-preview--merge .mg-l{border-right:6px solid var(--ts-muted)}.text-suggested-preview--merge .mg-r{border-left:6px solid var(--ts-muted)}.text-suggested-preview--block{position:relative}.text-suggested-preview--block .blk-bg{position:absolute;inset:12% 8%;background:color-mix(in srgb,var(--ts-preview) 55%,transparent);border-radius:4px}.text-suggested-preview--block .blk-text{position:relative;z-index:1}.text-suggested-preview--burst .burst-text{opacity:.35;font-size:16px}.text-suggested-preview--burst .burst-spark{position:absolute;width:4px;height:4px;background:var(--ts-preview);border-radius:50%}.text-suggested-preview--burst .burst-s1{top:18%;left:22%}.text-suggested-preview--burst .burst-s2{top:28%;right:20%}.text-suggested-preview--burst .burst-s3{bottom:22%;left:38%}@keyframes textLiveFadeIn{0%{opacity:0}to{opacity:1}}@keyframes textLiveSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes textLiveSlideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes textLiveSlideLeft{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes textLiveSlideRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes textLivePop{0%{opacity:0;transform:scale(.85)}70%{transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes textLiveZoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes textLiveZoomOut{0%{opacity:0;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes textLiveBlurIn{0%{opacity:0;filter:blur(8px)}to{opacity:1;filter:blur(0)}}.text-live-anim{animation-duration:.85s;animation-timing-function:cubic-bezier(.22,1,.36,1);animation-fill-mode:both;animation-iteration-count:1}.text-live-anim--fadeIn{animation-name:textLiveFadeIn}.text-live-anim--slideUp{animation-name:textLiveSlideUp}.text-live-anim--slideDown{animation-name:textLiveSlideDown}.text-live-anim--slideLeft{animation-name:textLiveSlideLeft}.text-live-anim--slideRight{animation-name:textLiveSlideRight}.text-live-anim--pop{animation-name:textLivePop}.text-live-anim--zoomIn{animation-name:textLiveZoomIn}.text-live-anim--zoomOut{animation-name:textLiveZoomOut}.text-live-anim--blurIn{animation-name:textLiveBlurIn}.text-live-anim--typewriter,.text-live-anim--wordFade{animation-name:textLiveFadeIn}.text-live-anim--ascend{animation-name:textLiveSlideUp}.text-live-anim--shift{animation-name:textLiveSlideLeft}.text-live-anim--merge{animation-name:textLiveZoomIn}.text-live-anim--block{animation-name:textLiveBlock}.text-live-anim--burst{animation-name:textLivePop}@keyframes textLiveBlock{0%{opacity:0}to{opacity:1}}.text-live-block-wrap{position:relative;display:inline-block;width:100%;max-width:100%}.text-live-block-wrap:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%) scaleX(var(--block-reveal, 1));transform-origin:left center;width:100%;height:88%;background:color-mix(in srgb,var(--primary, #7c3aed) 35%,transparent);border-radius:6px;z-index:0;pointer-events:none}.text-live-block-wrap .text-live-block-inner{position:relative;z-index:1}.template-scene-preview--fill{position:relative;width:100%;height:100%;overflow:hidden;background:linear-gradient(145deg,#f8fafc,#f1f5f9);pointer-events:none}.template-scene-preview__canvas{position:absolute;inset:0}.ps-page{padding:24px;display:flex;flex-direction:column;gap:16px;width:100%;box-sizing:border-box}.ps-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.ps-stack{display:flex;flex-direction:column;gap:12px}.ps-chip-row{display:flex;gap:8px;flex-wrap:wrap}.ps-grid{display:grid;gap:16px;grid-template-columns:repeat(1,minmax(0,1fr))}@media(min-width:768px){.ps-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.ps-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.ps-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}}.ps-block{background:linear-gradient(90deg,color-mix(in srgb,var(--primary) 10%,var(--bg-card)) 25%,color-mix(in srgb,var(--primary) 18%,var(--bg-card)),color-mix(in srgb,var(--primary) 10%,var(--bg-card)) 75%);background-size:800px 100%;border:none;box-shadow:none;border-radius:12px;animation:psShimmer 1.4s infinite linear}.ps-block--tile{min-height:224px;width:100%}.ps-block--tile-sm{min-height:200px;width:100%}.ps-skeleton-card{display:flex;flex-direction:column;overflow:hidden;border:none;background:transparent;box-shadow:none;pointer-events:none}.ps-skeleton-card__thumb{height:140px;width:100%;border-radius:12px 12px 0 0}.ps-skeleton-card__thumb--workspace{background:linear-gradient(90deg,color-mix(in srgb,var(--primary) 14%,var(--bg-card)) 25%,color-mix(in srgb,var(--primary) 26%,var(--bg-card)),color-mix(in srgb,var(--primary) 14%,var(--bg-card)) 75%);background-size:800px 100%;animation:psShimmer 1.4s infinite linear}.ps-skeleton-card__thumb--folder{background:linear-gradient(90deg,#fef08a 25%,#fde047,#fef08a 75%);background-size:800px 100%;animation:psShimmer 1.4s infinite linear}.ps-skeleton-card__thumb--video{background:linear-gradient(90deg,#ddd6fe 25%,#c4b5fd,#ddd6fe 75%);background-size:800px 100%;animation:psShimmer 1.4s infinite linear}.ps-skeleton-card__meta{height:72px;width:100%;border-radius:0 0 12px 12px}.ps-skeleton-create-card__body{min-height:212px;width:100%;border-radius:12px}.ps-skeleton-section-title{height:22px;width:180px;border-radius:8px}.ps-skeleton-section-action{height:36px;width:148px;border-radius:10px}.ps-skeleton-tab{height:40px;flex:1;max-width:220px;border-radius:10px}.ps-skeleton-list-header{height:40px;width:100%;border-radius:10px;margin-bottom:4px}.ps-skeleton-list-row{height:56px;width:100%;border-radius:10px}.ps-skeleton-template-card__thumb{width:100%;aspect-ratio:16 / 9;border-radius:0}.ps-skeleton-template-card__meta{height:88px;width:100%;border-radius:0 0 20px 20px}.ps-skeleton-project-card__meta{height:48px;width:100%;border-radius:8px}.project-card--skeleton .ps-skeleton-card__thumb{height:100%;min-height:140px;border-radius:0}.project-card--skeleton .project-thumb-container{aspect-ratio:16 / 9;min-height:140px}@keyframes psShimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.team-workspace-container{min-height:100vh;background:var(--bg-main);padding:32px;display:flex;flex-direction:column;gap:32px}.workspace-header-container{display:flex;justify-content:space-between;align-items:center;margin:0;padding:0}.workspace-header-title{display:flex;align-items:center;gap:12px;min-width:0}.workspace-header-title h2{margin:0;font-size:24px;font-weight:700;color:var(--text-main);letter-spacing:-.3px}.workspace-back-btn{width:var(--workspace-header-control-height, 40px);height:var(--workspace-header-control-height, 40px);min-width:var(--workspace-header-control-height, 40px);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;border:1px solid var(--border-color);border-radius:50%;background:var(--bg-card);color:var(--text-muted);cursor:pointer;box-shadow:0 1px 2px #0000000d;transition:background .2s ease,border-color .2s ease,color .2s ease}.workspace-back-btn:hover{background:var(--bg-surface);border-color:rgba(var(--primary-rgb),.35);color:var(--primary)}.workspace-header-actions{--workspace-header-control-height: 40px;display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:10px}.workspace-header-control{display:inline-flex;align-items:center;gap:10px;min-height:var(--workspace-header-control-height);padding:0 14px 0 8px;box-sizing:border-box;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-main);white-space:nowrap;flex-shrink:0;box-shadow:0 1px 2px #0f172a0d}.workspace-header-control--interactive{cursor:pointer;font:inherit;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}.workspace-header-control--interactive:hover{transform:translateY(-1px);background:var(--bg-surface);border-color:color-mix(in srgb,var(--primary) 35%,var(--border-color));box-shadow:0 4px 12px #0f172a14}.workspace-header-control--interactive:active{transform:translateY(0)}.workspace-header-control--primary{border:1px solid color-mix(in srgb,var(--primary-contrast) 16%,var(--primary));background:var(--primary);color:var(--primary-contrast);box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 32%,transparent)}.workspace-header-control--primary.workspace-header-control--interactive:hover{background:var(--primary-hover, var(--primary));border-color:color-mix(in srgb,var(--primary-contrast) 16%,var(--primary));box-shadow:0 8px 18px color-mix(in srgb,var(--primary) 28%,transparent)}.workspace-header-control__icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:color-mix(in srgb,var(--primary) 12%,var(--bg-surface));color:var(--primary);flex-shrink:0}.workspace-header-control--primary .workspace-header-control__icon{background:color-mix(in srgb,var(--primary-contrast) 16%,var(--primary));color:var(--primary-contrast)}.workspace-header-control__body{display:flex;flex-direction:column;gap:1px;min-width:0;text-align:left}.workspace-header-control__body--inline{flex-direction:row;align-items:center}.workspace-header-control__label{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;line-height:1;color:var(--text-muted)}.workspace-header-control--primary .workspace-header-control__label{color:color-mix(in srgb,var(--primary-contrast) 78%,transparent)}.workspace-header-control__value{font-size:13px;font-weight:500;line-height:1.2;font-variant-numeric:tabular-nums;color:var(--text-main)}.workspace-header-control--primary .workspace-header-control__value{font-weight:700;color:var(--primary-contrast)}.workspace-header-control__chevron{color:var(--text-muted);flex-shrink:0;transition:transform .2s ease,color .2s ease}.workspace-header-control__trigger{display:inline-flex;align-items:center;gap:10px;min-height:var(--workspace-header-control-height);padding:0 10px 0 8px;margin:0;border:none;background:transparent;color:inherit;font:inherit;cursor:pointer;border-radius:inherit}.workspace-header-control__trigger.is-open .workspace-header-control__chevron,.workspace-header-control__chevron.open{transform:rotate(180deg);color:var(--primary)}.workspace-header-control--dropdown{position:relative;padding:0}.workspace-header-control--segmented{padding-right:8px}.workspace-header-segment{display:inline-flex;align-items:center;gap:2px;padding:2px;border-radius:8px;background:color-mix(in srgb,var(--primary) 8%,var(--bg-surface));border:1px solid color-mix(in srgb,var(--primary) 12%,var(--border-color))}.workspace-header-segment__btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:6px;background:transparent;color:var(--text-muted);cursor:pointer;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.workspace-header-segment__btn:hover{color:var(--text-main);background:var(--bg-card)}.workspace-header-segment__btn.active{background:var(--primary);color:var(--primary-contrast);box-shadow:0 2px 6px color-mix(in srgb,var(--primary) 30%,transparent)}.workspace-header-control__badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--delete-red, #ef4444);color:#fff;font-size:10px;font-weight:800;line-height:1}.workspace-header-dropdown{position:absolute;top:calc(100% + 6px);right:0;z-index:50;min-width:180px;padding:6px;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-card);box-shadow:0 12px 28px #0f172a1f}.workspace-header-dropdown__item{display:block;width:100%;padding:9px 12px;border:none;border-radius:8px;background:transparent;text-align:left;font-size:13px;font-weight:500;color:var(--text-muted);cursor:pointer;transition:background .15s ease,color .15s ease}.workspace-header-dropdown__item:hover{background:var(--bg-surface);color:var(--text-main)}.workspace-header-dropdown__item.active{background:color-mix(in srgb,var(--primary) 10%,var(--bg-surface));color:var(--primary);font-weight:700}.workspace-header-credits{display:inline-flex;align-items:center;gap:6px;height:var(--workspace-header-control-height);padding:0 14px;box-sizing:border-box;border-radius:8px;background:var(--primary);border:1px solid color-mix(in srgb,var(--primary-contrast) 16%,var(--primary));color:var(--primary-contrast);font-size:13px;line-height:1;box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 32%,transparent);white-space:nowrap;flex-shrink:0}.workspace-header-credits__icon{color:currentColor;flex-shrink:0}.workspace-header-credits__label{color:color-mix(in srgb,var(--primary-contrast) 80%,transparent);font-weight:600}.workspace-header-credits__amount{font-weight:700;font-variant-numeric:tabular-nums;color:var(--primary-contrast)}.workspace-header-actions .btn-primary{height:var(--workspace-header-control-height);padding:0 18px;border-radius:8px;font-size:14px;font-weight:600;gap:8px;box-sizing:border-box;box-shadow:0 4px 12px rgba(var(--primary-rgb),.2)}.workspace-header-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(var(--primary-rgb),.28)}.workspace-header-actions .view-toggle{display:flex;align-items:center;gap:2px;height:var(--workspace-header-control-height);background:var(--bg-card);border:1px solid var(--border-color);border-radius:999px;padding:2px;box-sizing:border-box;box-shadow:0 1px 2px #0000000d}.workspace-header-actions .view-toggle-btn{width:calc(var(--workspace-header-control-height) - 4px);height:calc(var(--workspace-header-control-height) - 4px);border:none;background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;font-size:18px}.workspace-root-tabs-wrapper{margin-bottom:24px;border-bottom:1px solid var(--border-color)}.workspace-root-tabs{display:flex;gap:32px}.workspace-root-tab{display:flex;align-items:center;gap:8px;padding:0 8px 16px;background:transparent;border:none;font-family:inherit;font-size:15px;font-weight:600;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .2s ease}.workspace-root-tab:hover{color:var(--text-main)}.workspace-root-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.custom-sort-dropdown{position:relative}.sort-dropdown-btn{display:flex;align-items:center;gap:8px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:8px 12px;cursor:pointer;color:var(--text-main);transition:all .2s}.workspace-header-actions .sort-dropdown-btn{height:var(--workspace-header-control-height);padding:0 12px;box-sizing:border-box;box-shadow:0 1px 2px #0000000d}.sort-dropdown-btn:hover{background:var(--bg-surface);border-color:rgba(var(--primary-rgb),.35)}.sort-icon{color:var(--text-muted)}.sort-label{font-size:14px;font-weight:500;color:var(--text-main);min-width:90px;text-align:left}.sort-arrow{color:var(--text-muted);transition:transform .2s}.sort-arrow.open{transform:rotate(180deg)}.sort-dropdown-menu{position:absolute;top:100%;right:0;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow);padding:8px 0;min-width:160px;z-index:50;margin-top:4px}.sort-menu-item{display:block;width:100%;padding:8px 16px;border:none;background:transparent;text-align:left;font-size:14px;color:var(--text-muted);cursor:pointer;transition:background .1s,color .1s}.sort-menu-item:hover{background:var(--bg-surface);color:var(--text-main)}.sort-menu-item.active{background:var(--bg-surface);color:var(--primary);font-weight:600}.workspace-breadcrumbs{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:500;color:var(--text-main);margin-bottom:24px}.workspace-breadcrumbs--with-storage{justify-content:space-between;gap:16px}.workspace-breadcrumbs__trail{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.breadcrumb-link{color:var(--text-muted);cursor:pointer;transition:color .2s}.breadcrumb-link:hover{color:var(--primary)}.breadcrumb-separator{color:var(--border-color)}.workspace-section{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.section-header-compact{display:flex;justify-content:space-between;align-items:center}.section-header-compact h3{font-size:18px;font-weight:600;color:var(--text-main);margin:0}.item-count{color:var(--text-muted);font-weight:500;font-size:14px}.section-empty-state{background:var(--bg-card);border:1px dashed var(--border-color);border-radius:12px;padding:48px 32px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--text-muted);text-align:center;min-height:200px}.empty-state-icon{color:var(--text-muted);opacity:.4;margin-bottom:8px}.empty-text{margin:0;font-size:15px;font-weight:500}.tile-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.workspace-item-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;transition:all .2s ease;cursor:pointer;position:relative}.workspace-item-card:hover,.workspace-item-card:focus-within{transform:translateY(-2px);box-shadow:0 8px 24px #0000000f;border-color:var(--primary);z-index:10}.card-thumb-container{height:140px;background:var(--bg-surface);display:flex;align-items:center;justify-content:center;position:relative;border-bottom:1px solid var(--border-color);border-top-left-radius:11px;border-top-right-radius:11px}.workspace-thumb{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 18%,var(--bg-card)),color-mix(in srgb,var(--primary) 10%,var(--bg-surface)));border-bottom-color:color-mix(in srgb,var(--primary) 22%,var(--border-color))}.folder-thumb{background:linear-gradient(135deg,#fef08a,#fde047);color:#ca8a04}.video-thumb{background:linear-gradient(135deg,#ddd6fe,#c4b5fd);color:#6d28d9;overflow:hidden}.video-thumb .project-scene-thumb{position:absolute;inset:0;background:#0f172a}.video-thumb .project-scene-thumb>div{width:100%;height:100%}.video-thumb .video-icon{position:relative;z-index:1}.workspace-card-icon{background:color-mix(in srgb,var(--primary) 20%,#fff);width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--primary);box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 22%,transparent);border:1px solid color-mix(in srgb,var(--primary) 32%,var(--border-color))}.workspace-item-meta{padding:16px;display:flex;justify-content:space-between;align-items:flex-start}.meta-left h4{margin:0 0 4px;font-size:15px;font-weight:600;color:var(--text-main)}.meta-left .subtitle{font-size:12px;color:var(--text-muted)}.workspace-credits-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--primary);border:1px solid color-mix(in srgb,var(--primary-contrast) 16%,var(--primary));color:var(--primary-contrast);font-size:12px;font-weight:700;line-height:1;box-shadow:0 4px 14px color-mix(in srgb,var(--primary) 32%,transparent);white-space:nowrap}.workspace-credits-badge__icon{color:currentColor;flex-shrink:0}.workspace-credits-badge__amount{font-variant-numeric:tabular-nums;color:currentColor}.workspace-credits-badge--tile{position:absolute;right:10px;bottom:10px;z-index:2}.workspace-credits-badge--clickable{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease}.workspace-credits-badge--clickable:hover{transform:translateY(-1px);background:var(--primary-hover, var(--primary));border-color:color-mix(in srgb,var(--primary-contrast) 22%,var(--primary));box-shadow:0 6px 18px color-mix(in srgb,var(--primary) 42%,transparent)}.col-credits{display:flex;align-items:center;min-width:0}.list-view .workspace-item-row:not(.folder-item-row):not(.project-item-row) .col-credits,.list-header:not(.folder-list-header):not(.project-list-header) .col:nth-child(3){min-width:120px}.list-view{display:flex;flex-direction:column;gap:12px}.workspace-item-row{display:flex;align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:12px 16px;transition:all .2s ease;cursor:pointer;gap:16px}.workspace-item-row:hover{background:var(--bg-surface);border-color:var(--primary)}.row-icon-container{width:40px;height:40px;background:color-mix(in srgb,var(--primary) 10%,var(--bg-surface));border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--primary);border:1px solid color-mix(in srgb,var(--primary) 24%,var(--border-color));flex-shrink:0}.workspace-item-row:hover .row-icon-container{background:color-mix(in srgb,var(--primary) 14%,var(--bg-card));color:var(--primary);border-color:color-mix(in srgb,var(--primary) 36%,var(--border-color))}.row-details{flex:1;display:flex;justify-content:space-between;align-items:center}.list-view .workspace-item-row:not(.folder-item-row):not(.project-item-row):not(.export-item-row){display:grid;grid-template-columns:56px minmax(120px,1fr) 120px 160px 180px 120px 40px;gap:12px;align-items:center;padding:10px 14px;border-radius:12px;box-sizing:border-box!important}.list-view .workspace-item-row{display:grid;grid-template-columns:56px 1fr 160px 180px 120px 40px;gap:12px;align-items:center;padding:10px 14px;border-radius:12px;box-sizing:border-box!important}.list-header:not(.folder-list-header):not(.project-list-header):not(.export-list-header){display:grid;grid-template-columns:56px minmax(120px,1fr) 120px 160px 180px 120px 40px;gap:12px;padding:8px 14px;box-sizing:border-box!important}.list-header{display:grid;grid-template-columns:56px 1fr 160px 180px 120px 40px;gap:12px;padding:8px 14px;color:var(--text-muted);font-size:13px;font-weight:600;border-bottom:1px solid var(--border-color);border-left:1px solid transparent;border-right:1px solid transparent;margin-bottom:6px;box-sizing:border-box!important}@media(max-width:768px){.list-header{grid-template-columns:48px 1fr 120px 40px!important;gap:8px!important;padding:8px 10px!important}.list-header:not(.folder-list-header):not(.project-list-header):not(.export-list-header) .col:nth-child(3),.list-header:not(.folder-list-header):not(.project-list-header):not(.export-list-header) .col:nth-child(4),.list-header:not(.folder-list-header):not(.project-list-header):not(.export-list-header) .col:nth-child(5),.list-header:not(.folder-list-header):not(.project-list-header):not(.export-list-header) .col:nth-child(6){display:none!important}.list-header .col:nth-child(3),.list-header .col:nth-child(5){display:none!important}.list-view .workspace-item-row:not(.folder-item-row):not(.project-item-row):not(.export-item-row){grid-template-columns:48px 1fr 120px 40px!important;gap:8px!important;padding:8px 10px!important}.list-view .workspace-item-row{grid-template-columns:48px 1fr 120px 40px!important;gap:8px!important;padding:8px 10px!important}.list-view .workspace-item-row:not(.folder-item-row):not(.project-item-row):not(.export-item-row) .col-credits,.list-view .workspace-item-row:not(.folder-item-row):not(.project-item-row):not(.export-item-row) .col-owner,.list-view .workspace-item-row:not(.folder-item-row):not(.project-item-row):not(.export-item-row) .col-modified,.list-view .workspace-item-row:not(.folder-item-row):not(.project-item-row):not(.export-item-row) .col-size,.list-view .workspace-item-row .col-owner,.list-view .workspace-item-row .col-size{display:none!important}.folder-list-view.list-view .list-header.folder-list-header,.folder-list-view.list-view .workspace-item-row.folder-item-row,.project-list-view.list-view .list-header.project-list-header,.project-list-view.list-view .workspace-item-row.project-item-row{grid-template-columns:48px 1fr 88px 88px 64px 40px!important}.folder-list-view.list-view .list-header.folder-list-header .col:nth-child(4),.folder-list-view.list-view .list-header.folder-list-header .col:nth-child(5),.folder-list-view.list-view .workspace-item-row.folder-item-row .col-created,.folder-list-view.list-view .workspace-item-row.folder-item-row .col-modified-by,.project-list-view.list-view .list-header.project-list-header .col:nth-child(4),.project-list-view.list-view .list-header.project-list-header .col:nth-child(5),.project-list-view.list-view .workspace-item-row.project-item-row .col-created,.project-list-view.list-view .workspace-item-row.project-item-row .col-modified-by{display:none!important}.folder-list-view.list-view .list-header .col:nth-child(3),.folder-list-view.list-view .list-header .col:nth-child(5),.project-list-view.list-view .list-header .col:nth-child(3),.project-list-view.list-view .list-header .col:nth-child(5){display:flex!important}.folder-list-view.list-view .workspace-item-row.folder-item-row .col-owner,.folder-list-view.list-view .workspace-item-row.folder-item-row .col-size,.project-list-view.list-view .workspace-item-row.project-item-row .col-owner,.project-list-view.list-view .workspace-item-row.project-item-row .col-size{display:flex!important}.export-list-view.list-view .list-header.export-list-header,.export-list-view.list-view .workspace-item-row.export-item-row{grid-template-columns:48px minmax(0,1fr) 88px 76px!important;gap:8px!important;padding:8px 10px!important}.export-list-view.list-view .list-header.export-list-header .col:nth-child(4),.export-list-view.list-view .list-header.export-list-header .col:nth-child(5),.export-list-view.list-view .list-header.export-list-header .col:nth-child(6),.export-list-view.list-view .workspace-item-row.export-item-row .col-workspace,.export-list-view.list-view .workspace-item-row.export-item-row .col-completed,.export-list-view.list-view .workspace-item-row.export-item-row .col-rendered-by{display:none!important}}.col-name h4{margin:0}.col{font-size:13px;color:var(--text-muted)}.col-owner,.col-modified,.col-size,.col-created,.col-modified-by{color:var(--text-muted);font-size:13px}.folder-list-view.list-view .list-header.folder-list-header,.folder-list-view.list-view .workspace-item-row.folder-item-row,.project-list-view.list-view .list-header.project-list-header,.project-list-view.list-view .workspace-item-row.project-item-row,.export-list-view.list-view .list-header.export-list-header,.export-list-view.list-view .workspace-item-row.export-item-row{display:grid;grid-template-columns:56px minmax(120px,1fr) 120px 120px 120px 120px 90px 40px;gap:12px;align-items:center;padding:10px 14px;border-radius:12px;box-sizing:border-box!important}.export-list-view.list-view .list-header.export-list-header,.export-list-view.list-view .workspace-item-row.export-item-row{grid-template-columns:56px minmax(140px,1.5fr) minmax(120px,1fr) 112px 88px minmax(130px,1fr) 76px}.export-list-view.list-view .list-header.export-list-header{padding:8px 14px;margin-bottom:6px;border-radius:0;border-left:none;border-right:none}.export-list-view.list-view .workspace-item-row.export-item-row{cursor:pointer}.export-list-view.list-view .row-actions{justify-self:end}.export-list-view.list-view .col-name h4{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;color:var(--text-main)}.export-list-view.list-view .col-workspace,.export-list-view.list-view .col-completed,.export-list-view.list-view .col-size,.export-list-view.list-view .col-rendered-by{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.export-list-view.list-view .col-workspace{color:var(--text-main);font-weight:500}.export-list-view.list-view .col-rendered-by .user-identity{width:100%;min-width:0}.item-meta-details{display:flex;flex-direction:column;gap:4px;margin-top:6px}.workspace-item-meta .meta-left .user-identity{margin-top:6px}.item-details-modal.professional-modal{max-width:480px}.item-details-body{padding-top:8px}.item-details-rows{display:flex;flex-direction:column;gap:14px}.item-details-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px solid var(--border-color)}.item-details-row:last-child{border-bottom:none;padding-bottom:0}.item-details-label{font-size:13px;font-weight:600;color:var(--text-muted);flex-shrink:0}.item-details-value{font-size:13px;color:var(--text-main);text-align:right;min-width:0;display:flex;justify-content:flex-end}.user-identity{display:inline-flex;align-items:center;gap:8px;min-width:0;max-width:100%}.user-identity--compact{gap:6px}.user-identity-avatar{width:28px;height:28px;border-radius:50%;color:#fff;font-size:11px;font-weight:700;letter-spacing:.02em;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1}.user-identity--compact .user-identity-avatar{width:24px;height:24px;font-size:10px}.user-identity-name{font-size:13px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col-owner .user-identity,.col-modified-by .user-identity{width:100%}.meta-user-line{display:flex;align-items:center;gap:8px;min-width:0}.meta-user-line-label{font-size:12px;color:var(--text-muted);flex-shrink:0;min-width:72px}.meta-user-line .user-identity{flex:1;min-width:0}.meta-row-small{display:flex;gap:8px;margin-top:6px}.meta-small{font-size:12px;color:var(--text-muted)}.row-details h4{margin:0;font-size:14px;font-weight:600;color:var(--text-main)}.row-meta{font-size:13px;color:var(--text-muted)}.context-menu-wrapper{position:relative;flex-shrink:0}.workspace-item-card:has(.context-menu-wrapper.is-open),.workspace-item-row:has(.context-menu-wrapper.is-open){position:relative;z-index:100}.context-menu-btn{width:32px;height:32px;min-width:32px;padding:0;border:1px solid transparent;border-radius:50%;background:transparent!important;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:background .15s ease,border-color .15s ease,color .15s ease}.context-menu-btn:hover,.context-menu-wrapper:focus-within .context-menu-btn{background:var(--bg-surface)!important;border-color:var(--border-color);color:var(--primary)}.workspace-item-row:hover .context-menu-btn:hover,.workspace-item-row .context-menu-wrapper:focus-within .context-menu-btn{background:var(--bg-card)!important;border-color:var(--border-color);color:var(--primary)}.context-menu-dropdown{position:absolute;top:100%;right:0;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 10px 25px #0000001a;padding:8px 0;width:max-content;min-width:min-content;z-index:50;margin-top:4px}.context-menu-dropdown .menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:8px 16px;border:none;background:transparent;text-align:left;font-size:14px;color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:background .1s;box-sizing:border-box}.context-menu-dropdown .menu-item:hover{background:var(--bg-surface);color:var(--text-main)}.context-menu-dropdown .menu-item.text-danger{color:#ef4444}.context-menu-dropdown .menu-item.text-danger:hover{background:#ef44441a}.context-menu-submenu{position:relative}.context-menu-submenu__trigger{justify-content:flex-start}.context-menu-submenu__chevron{margin-left:auto;flex-shrink:0;opacity:.65;transition:transform .15s ease}.context-menu-submenu.is-open .context-menu-submenu__chevron{transform:rotate(-90deg)}.context-menu-submenu__panel{display:none;position:absolute;top:0;right:100%;margin-right:4px;min-width:168px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 10px 25px #0000001a;padding:8px 0;z-index:60}.context-menu-submenu:hover .context-menu-submenu__panel,.context-menu-submenu.is-open .context-menu-submenu__panel{display:block}.context-menu-submenu__panel .menu-item{padding:8px 14px;font-size:13px}.row-actions{display:flex;align-items:center;justify-content:center}.modal-overlay{position:fixed;inset:0;background:#0f172ab3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000}.modal-content{background:var(--bg-card);border-radius:20px;width:100%;position:relative;max-width:620px;box-shadow:0 12px 48px #0003,0 0 0 1px var(--border-color);overflow:visible;border:none}.modal-header{padding:20px 24px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:18px;font-weight:600;color:var(--text-main)}.modal-body{padding:24px;display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:500;color:var(--text-main)}.form-input{padding:10px 14px;border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-main);border-radius:8px;font-size:14px;outline:none;transition:border-color .2s}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.email-input-group{display:flex;gap:12px}.email-input-group .form-input{flex:1}.invites-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.invite-chip{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:16px;padding:4px 10px;font-size:13px;color:var(--text-main);display:flex;align-items:center;gap:6px}.invite-chip button{background:transparent;border:none;padding:0;display:flex;align-items:center;cursor:pointer;color:var(--text-muted)}.invite-chip button:hover{color:#ef4444}.modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:8px}.upgrade-prompt{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;padding:24px;text-align:center}.upgrade-prompt h3{color:var(--primary);margin:0 0 8px}.upgrade-prompt p{color:var(--text-muted);margin:0 0 16px;font-size:14px}.btn-primary{background:var(--primary)!important;color:var(--primary-contrast)!important;border:none;padding:10px 24px;border-radius:12px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:all .2s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 12px rgba(var(--primary-rgb),.2)}.btn-primary:hover:not(:disabled){background:var(--primary-hover)!important;color:var(--primary-contrast)!important;transform:translateY(-2px);box-shadow:0 8px 20px rgba(var(--primary-rgb),.3)}.add-btn-small{padding:8px 16px;font-size:13px;border-radius:10px;gap:8px}.workspace-create-action-btn,.workspace-create-folder-btn{display:inline-flex;align-items:center;gap:10px;min-height:40px;padding:7px 16px 7px 8px;border-radius:12px;border:1px solid color-mix(in srgb,var(--primary-contrast) 16%,var(--primary));background:var(--primary);color:var(--primary-contrast);font-size:13px;font-weight:700;line-height:1;cursor:pointer;box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 32%,transparent);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.workspace-create-action-btn:hover,.workspace-create-folder-btn:hover{transform:translateY(-1px);background:var(--primary-hover, var(--primary));box-shadow:0 8px 18px color-mix(in srgb,var(--primary) 28%,transparent)}.workspace-create-action-btn:active,.workspace-create-folder-btn:active{transform:translateY(0)}.workspace-create-action-btn__icon,.workspace-create-folder-btn__icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:color-mix(in srgb,var(--primary-contrast) 16%,var(--primary));color:var(--primary-contrast);flex-shrink:0}.section-empty-state .workspace-create-action-btn,.section-empty-state .workspace-create-folder-btn{margin-top:4px;padding:9px 18px 9px 10px;min-height:44px}.workspace-header-actions .workspace-create-action-btn{min-height:var(--workspace-header-control-height);padding:0 14px 0 8px;box-sizing:border-box}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.5)}.invite-icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:8px 10px;cursor:pointer;color:var(--text-muted);transition:all .2s}.workspace-header-actions .invite-icon-btn{width:var(--workspace-header-control-height);height:var(--workspace-header-control-height);padding:0;box-sizing:border-box;box-shadow:0 1px 2px #0000000d}.invite-icon-btn:hover{background:var(--bg-surface);border-color:rgba(var(--primary-rgb),.35);color:var(--primary)}.invite-badge{position:absolute;top:-6px;right:-6px;background:var(--delete-red);color:var(--primary-contrast);border-radius:99px;padding:2px 5px;font-size:10px;font-weight:700;line-height:1;min-width:16px;text-align:center}.btn-secondary{background:var(--bg-surface);color:var(--text-main)!important;border:1px solid var(--border-color);padding:10px 24px;border-radius:12px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:all .2s}.btn-secondary:hover{background:var(--bg-card);border-color:var(--text-muted);transform:translateY(-1px)}.btn-text{background:transparent;color:var(--primary);border:none;padding:0;font-size:14px;font-weight:500;cursor:pointer;text-align:left}.btn-text:hover{text-decoration:underline}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.btn-add-circle{width:38px;height:38px;border-radius:50%;border:1px solid var(--border-color);background:var(--bg-surface);color:var(--primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.175,.885,.32,1.275);flex-shrink:0;padding:0}.btn-add-circle:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:scale(1.1);box-shadow:0 4px 12px rgba(var(--primary-rgb),.2)}.btn-add-circle:active{transform:scale(.95)}.tab-count-badge{display:inline-flex;align-items:center;justify-content:center;background:#cbd5e1;color:#fff!important;font-size:11px;font-weight:700;min-width:20px;height:20px;padding:0 6px;border-radius:99px;border:none;transition:all .2s ease;margin-left:4px}.workspace-root-tab:hover .tab-count-badge{background:#94a3b8;color:#fff!important}.workspace-root-tab.active .tab-count-badge{background:var(--primary);color:#fff!important}.section-count-circle{display:inline-flex;align-items:center;justify-content:center;background:var(--bg-card);color:var(--text-muted);font-size:12px;font-weight:600;min-width:22px;height:22px;padding:0 6px;border-radius:99px;border:1px solid var(--border-color)}.videos-page{width:100%;height:100%;min-height:100%;padding:0;display:flex;flex-direction:column;background:transparent;color:var(--text-main);box-sizing:border-box;font-family:var(--font-family);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.videos-page::-webkit-scrollbar{display:none}.videos-shell{width:100%;max-width:100%;margin:0;padding:0;box-sizing:border-box;flex:1;min-height:0;display:flex;flex-direction:column}.videos-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.videos-page-title{margin:0;font-size:2rem;font-weight:700;letter-spacing:-.025em;color:var(--text-main);font-family:var(--font-family)}.videos-page-subtitle{font-size:15px;color:var(--text-muted);margin-top:4px;font-weight:400}.videos-tab-switch{display:flex;flex-wrap:wrap;gap:10px;border-bottom:1px solid var(--border-color);padding-bottom:14px;margin-bottom:20px}.videos-tab-btn{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-muted);border-radius:10px;padding:8px 14px;min-height:40px;font-size:.875rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-family:inherit;transition:all .2s ease}.videos-tab-btn:hover{color:var(--text-main);border-color:color-mix(in srgb,var(--primary) 35%,var(--border-color))}.videos-tab-btn.active{color:#fff;background:var(--primary);border-color:var(--primary);box-shadow:0 4px 14px -4px color-mix(in srgb,var(--primary) 45%,transparent)}.videos-tab-btn.active:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.videos-tab-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg-main),0 0 0 4px var(--primary)}.videos-tab-icon{display:inline-flex;align-items:center;justify-content:center}.videos-toolbar{--videos-toolbar-control-height: 40px;display:flex;align-items:center;gap:12px;margin-bottom:24px;min-width:0}.videos-search-bar{display:flex;align-items:center;flex:1;min-width:0;height:var(--videos-toolbar-control-height);box-sizing:border-box;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:0 14px;gap:10px;box-shadow:0 1px 2px #0f172a0a;transition:border-color .2s ease,box-shadow .2s ease}.videos-search-bar:focus-within{border-color:color-mix(in srgb,var(--primary) 40%,var(--border-color));box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent)}.videos-search-bar__icon{color:var(--text-muted);flex-shrink:0}.videos-search-bar input{background:transparent;border:none;color:var(--text-main);font-size:14px;width:100%;min-width:0;height:100%;outline:none;padding:0;margin:0}.videos-search-bar input::placeholder{color:var(--text-muted)}.videos-toolbar__controls{display:flex;align-items:center;gap:10px;flex-shrink:0;height:var(--videos-toolbar-control-height)}.videos-toolbar__dropdown.workspace-header-control--dropdown{padding:0;height:var(--videos-toolbar-control-height);min-height:var(--videos-toolbar-control-height);max-height:var(--videos-toolbar-control-height)}.videos-toolbar__dropdown .workspace-header-control__trigger{height:var(--videos-toolbar-control-height);min-height:var(--videos-toolbar-control-height);max-height:var(--videos-toolbar-control-height);padding-top:0;padding-bottom:0;box-sizing:border-box}.videos-toolbar__dropdown .workspace-header-control__body{justify-content:center;gap:0;line-height:1.1}.videos-toolbar__dropdown .workspace-header-control__label{font-size:9px}.videos-toolbar__dropdown .workspace-header-control__value{font-size:12px;line-height:1.1}.videos-groups{display:flex;flex-direction:column;gap:28px}.videos-group__heading{margin:0 0 12px;font-size:15px;font-weight:600;color:var(--text-main)}@media(max-width:1100px){.videos-toolbar{flex-wrap:wrap}.videos-search-bar{flex:1 1 100%;order:1}.videos-toolbar__controls{flex:1 1 100%;order:2;justify-content:flex-end;flex-wrap:wrap}}@media(max-width:720px){.videos-toolbar__controls{justify-content:stretch}.videos-toolbar__dropdown{flex:1 1 calc(50% - 5px);min-width:0}.videos-toolbar__dropdown .workspace-header-control__body{display:none}.videos-toolbar__dropdown .workspace-header-control__trigger{width:100%;justify-content:center;padding:0 10px}}.videos-actions{display:flex;align-items:center;gap:12px}.videos-page .videos-create-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:12px;font-size:14px;font-weight:600;border:none;cursor:pointer;background:var(--primary)!important;color:var(--primary-contrast)!important;box-shadow:0 4px 12px rgba(var(--primary-rgb),.25);transition:background .15s ease,color .15s ease,transform .15s ease,box-shadow .15s ease}.videos-page .videos-create-btn:hover{background:var(--primary-hover)!important;color:var(--primary-contrast)!important;box-shadow:0 6px 16px rgba(var(--primary-rgb),.35);transform:translateY(-1px)}.view-toggle-btn{width:36px;height:36px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;font-size:18px}.view-toggle-btn.active{background:var(--primary);color:var(--primary-contrast);box-shadow:0 2px 4px rgba(var(--primary-rgb),.3)}.folders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.folder-card{border:1px solid var(--border-color);border-radius:20px;padding:24px;background:var(--bg-card);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;display:flex;flex-direction:column;gap:20px;box-shadow:0 4px 6px -2px #00000008}.folder-card:hover{border-color:var(--primary);box-shadow:0 20px 25px -5px #00000014,0 8px 10px -6px #00000003;transform:translateY(-4px)}.folder-header{display:flex;align-items:flex-start;justify-content:space-between}.folder-icon-wrapper{width:56px;height:56px;border-radius:16px;background:var(--bg-surface);display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:28px;flex-shrink:0;transition:all .3s ease;border:1px solid var(--border-color)}.folder-card:hover .folder-icon-wrapper{background:var(--primary);color:#fff;transform:scale(1.1) rotate(-3deg);box-shadow:0 4px 12px rgba(var(--primary-rgb),.3)}.folder-menu-btn{width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:18px}.folder-info{flex:1}.folder-name{font-size:18px;font-weight:700;color:var(--text-main);margin:0 0 6px;line-height:1.3}.folder-meta{font-size:13px;color:var(--text-muted);margin:0 0 16px;font-weight:500}.folder-preview{display:flex;align-items:center;gap:8px;margin-top:4px}.preview-thumb{width:40px;height:40px;border-radius:6px;background:var(--bg-surface);background-size:cover;background-position:center;border:2px solid var(--bg-card);box-shadow:0 2px 4px #0000001a;flex-shrink:0}.more-count{width:40px;height:40px;border-radius:6px;background:var(--bg-surface);border:2px solid var(--bg-card);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--text-muted);box-shadow:0 2px 4px #0000001a}.folder-menu{position:absolute;top:50px;right:12px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 10px 40px #00000026;min-width:180px;overflow:hidden;z-index:100}.folder-menu-item{padding:12px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:background .15s ease;border:none;background:transparent;width:100%;text-align:left;font-size:14px;font-weight:500;color:var(--text-main)}.folder-menu-item:hover{background:var(--bg-surface)}.folder-menu-item.delete{color:#ef4444}.folder-menu-icon{font-size:18px;color:var(--text-muted);flex-shrink:0}.back-button{display:flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-main);font-weight:600;font-size:14px;border-radius:8px;cursor:pointer;transition:all .2s ease;margin-bottom:24px;width:fit-content;box-shadow:0 1px 2px #0000000d}.back-button:hover{background:var(--bg-surface);border-color:var(--text-muted);transform:translate(-2px)}.folder-view-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid var(--border-color)}.folder-view-title{font-size:28px;font-weight:700;color:var(--text-main);margin:0 0 6px;letter-spacing:-.02em}.folder-view-meta{font-size:14px;color:var(--text-muted);margin:0}.videos-main{flex:1;min-height:0}.videos-export-items{margin-top:4px}.videos-page .workspace-item-card.videos-export-card{display:flex;flex-direction:column;overflow:hidden}.videos-export-card__thumb-btn{display:block;width:100%;padding:0;margin:0;border:none;background:transparent;cursor:pointer;font:inherit;text-align:left}.videos-export-badge{position:absolute;top:10px;left:10px;z-index:2;padding:4px 8px;border-radius:999px;background:#0f172ab8;color:#fff;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.videos-export-overlay{position:absolute;inset:0;z-index:3;display:flex;align-items:flex-end;justify-content:center;padding:16px;background:linear-gradient(to top,rgba(15,23,42,.58),transparent 58%);opacity:0;transition:opacity .2s ease;pointer-events:none}.videos-page .workspace-item-card:hover .videos-export-overlay,.videos-page .workspace-item-card:focus-within .videos-export-overlay{opacity:1}.videos-export-card__meta{align-items:center}.videos-export-card__actions,.videos-export-row__actions{display:inline-flex;align-items:center;gap:4px;flex-shrink:0}.videos-export-workspace{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rename-dialog-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000}.rename-dialog{background:var(--bg-card);border-radius:20px;padding:32px;width:100%;max-width:440px;border:1px solid var(--border-color);box-shadow:0 25px 50px -12px #00000040}.rename-input{width:100%;padding:12px 16px;background:var(--bg-surface);border:2px solid var(--border-color);border-radius:12px;color:var(--text-main);font-size:15px;margin:20px 0;outline:none;transition:border-color .2s}.rename-input:focus{border-color:var(--primary)}.rename-dialog-actions{display:flex;justify-content:flex-end;gap:12px}.empty-videos{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:var(--text-muted);text-align:center}.empty-videos-icon{font-size:64px;margin-bottom:20px;opacity:.3}.videos-empty-state{display:flex;justify-content:center;padding:32px 16px 48px}.videos-empty-state__card{width:min(100%,440px);padding:28px 24px 24px;border-radius:16px;border:1px dashed color-mix(in srgb,var(--primary) 22%,var(--border-color));background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 5%,var(--bg-card)) 0%,var(--bg-card) 100%);text-align:center;box-shadow:0 8px 24px #0f172a0a}.videos-empty-state__icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;margin-bottom:14px;border-radius:14px;background:color-mix(in srgb,var(--primary) 12%,var(--bg-surface));color:var(--primary);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 14%,transparent)}.videos-empty-state__eyebrow{margin:0 0 6px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.videos-empty-state__title{margin:0 0 8px;font-size:1rem;font-weight:600;line-height:1.35;letter-spacing:-.01em;color:color-mix(in srgb,var(--text-main) 88%,var(--text-muted))}.videos-empty-state__description{margin:0;max-width:34ch;margin-inline:auto;font-size:13px;line-height:1.55;font-weight:400;color:var(--text-muted)}.videos-empty-state__cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:18px;padding:9px 16px;border:1px solid color-mix(in srgb,var(--primary-contrast) 16%,var(--primary));border-radius:10px;background:var(--primary);color:var(--primary-contrast);font-family:inherit;font-size:13px;font-weight:600;line-height:1;cursor:pointer;box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 28%,transparent);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.videos-empty-state__cta:hover{transform:translateY(-1px);background:var(--primary-hover, var(--primary));box-shadow:0 6px 16px color-mix(in srgb,var(--primary) 34%,transparent)}.videos-empty-state__cta:active{transform:translateY(0)}.btn-secondary,.btn-primary{padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-secondary{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-main)}.btn-primary{border:1px solid var(--primary);background:var(--primary);color:var(--primary-contrast)}.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover);color:var(--primary-contrast)}.confirm-dialog-overlay{position:fixed;inset:0;background:#02061785;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1010}.confirm-dialog{width:min(420px,calc(100% - 24px));background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;box-shadow:0 16px 42px #0206174d;padding:20px;text-align:center}.confirm-dialog-icon-wrap{width:46px;height:46px;margin:0 auto 12px;border-radius:999px;display:grid;place-items:center;background:rgba(var(--primary-rgb),.12)}.confirm-dialog-actions{margin-top:16px;display:flex;justify-content:center;gap:10px}.videos-toast{position:fixed;right:24px;bottom:24px;z-index:1020;display:inline-flex;align-items:center;gap:10px;padding:12px 14px;border-radius:10px;color:#fff;font-size:14px;font-weight:600;box-shadow:0 12px 30px #02061747;max-width:min(420px,calc(100vw - 32px))}.videos-toast--success{background:#16a34a}.videos-toast--error{background:#dc2626}.videos-load-more{display:flex;justify-content:center;margin-top:20px}.videos-preview-modal{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:20px}.videos-preview-backdrop{position:absolute;inset:0;background:#0f172aa6}.videos-preview-panel{position:relative;width:min(920px,100%);background:#0f172a;border-radius:14px;overflow:hidden}.videos-preview-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;color:#f8fafc}.videos-preview-header h3{margin:0;font-size:16px}.videos-preview-header button{background:transparent;border:none;color:#cbd5e1;cursor:pointer}.videos-preview-player{width:100%;max-height:70vh;display:block;background:#000}.videos-preview-status{color:#cbd5e1;padding:24px;text-align:center}.videos-toast-icon{font-size:20px;flex-shrink:0}.avatar-consent-step{display:flex;flex-direction:column;gap:20px}.avatar-consent-step__title{font-size:1.25rem;font-weight:700;color:var(--text-main, #111);margin:0}.avatar-consent-step__title .highlight{color:var(--primary, #1a73e8)}.avatar-consent-step__intro{margin:0;font-size:14px;line-height:1.55;color:var(--text-muted, #5f6368)}.avatar-consent-instructions{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.avatar-consent-instructions li{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--text-main, #202124);line-height:1.45}.avatar-consent-instructions li svg{flex-shrink:0;margin-top:2px;color:var(--primary, #1a73e8)}.avatar-consent-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:720px){.avatar-consent-layout{grid-template-columns:1fr}}.avatar-consent-left,.avatar-consent-right{display:flex;flex-direction:column;gap:16px}.avatar-consent-section-title{font-size:13px;font-weight:600;margin:0;color:var(--text-main, #202124)}.avatar-consent-checkbox-row{display:flex;align-items:flex-start;gap:10px}.avatar-consent-checkbox{width:20px;height:20px;border:2px solid var(--border-color, #dadce0);border-radius:4px;flex-shrink:0;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-top:2px;background:var(--bg-card, #fff)}.avatar-consent-checkbox.checked{background:var(--primary, #1a73e8);border-color:var(--primary, #1a73e8);color:#fff}.avatar-consent-checkbox-text{font-size:13px;line-height:1.5;color:var(--text-muted, #5f6368);margin:0}.avatar-consent-actions{display:flex;flex-wrap:wrap;gap:10px}.avatar-consent-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:background .15s ease,border-color .15s ease}.avatar-consent-btn:disabled{opacity:.5;cursor:not-allowed}.avatar-consent-btn-primary{background:var(--primary, #1a73e8);color:#fff}.avatar-consent-btn-primary:hover:not(:disabled){filter:brightness(1.05)}.avatar-consent-btn-secondary{background:var(--bg-card, #fff);color:var(--text-main, #202124);border-color:var(--border-color, #dadce0)}.avatar-consent-btn-secondary:hover:not(:disabled){background:var(--bg-hover, #f8f9fa)}.avatar-consent-status{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:8px;background:#fbbc041f;border:1px solid rgba(251,188,4,.35);font-size:13px;color:var(--text-main, #202124)}.avatar-consent-status.approved{background:#34a8531f;border-color:#34a85359}.avatar-consent-script{padding:16px;border-radius:10px;background:var(--bg-subtle, #f8f9fa);border:1px solid var(--border-color, #e8eaed)}.avatar-consent-script p{margin:0;font-size:14px;line-height:1.65;color:var(--text-main, #202124)}.avatar-consent-script-name{display:inline-flex;align-items:center;gap:4px;border-bottom:1px dashed var(--primary, #1a73e8);cursor:pointer;color:var(--primary, #1a73e8)}.avatar-consent-script-name input{border:none;background:transparent;font:inherit;color:inherit;min-width:80px;outline:none}.avatar-consent-script-passcode{font-family:ui-monospace,monospace;letter-spacing:.08em}.avatar-consent-qr{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;border-radius:10px;border:1px solid var(--border-color, #e8eaed);background:#fff}.avatar-consent-qr img{width:160px;height:160px;display:block}.avatar-consent-qr-caption{font-size:12px;color:var(--text-muted, #5f6368);text-align:center;margin:0}.avatar-consent-copy-feedback{font-size:12px;color:var(--primary, #1a73e8)}.avatar-consent-modal-overlay{position:fixed;inset:0;z-index:10050;background:#00000073;display:flex;align-items:center;justify-content:center;padding:24px}.avatar-consent-modal{width:min(720px,100%);max-height:min(90vh,860px);overflow-y:auto;background:var(--bg-card, #fff);border-radius:16px;box-shadow:0 24px 48px #0000002e;padding:28px}.avatar-consent-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.avatar-consent-modal-close{border:none;background:transparent;cursor:pointer;color:var(--text-muted, #5f6368);padding:4px;border-radius:6px}.avatar-consent-modal-close:hover{background:var(--bg-hover, #f1f3f4)}@keyframes confirmDialogFadeIn{0%{opacity:0}to{opacity:1}}@keyframes confirmDialogSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.confirm-dialog-overlay{position:fixed;inset:0;background:#02061785;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10100;animation:confirmDialogFadeIn .18s ease}.confirm-dialog{width:min(420px,calc(100% - 24px));background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;box-shadow:0 16px 42px #0206174d;padding:22px;text-align:center;animation:confirmDialogSlideUp .2s ease}.confirm-dialog-icon-wrap{width:48px;height:48px;margin:0 auto 12px;border-radius:999px;display:grid;place-items:center;background:rgba(var(--primary-rgb),.12)}.confirm-dialog-icon-wrap--danger{background:#dc26261f}.confirm-dialog-icon{font-size:24px;color:var(--primary)}.confirm-dialog-icon--danger{color:#dc2626}.confirm-dialog-title{margin:0 0 8px;font-size:18px;font-weight:700;color:var(--text-main)}.confirm-dialog-message{margin:0;font-size:14px;color:var(--text-muted);line-height:1.45}.confirm-dialog-actions{margin-top:18px;display:flex;justify-content:center;gap:10px}.confirm-dialog-actions .btn-secondary,.confirm-dialog-actions .btn-primary,.confirm-dialog-actions .btn-danger{min-width:96px}.confirm-dialog-actions .btn-danger{padding:10px 18px;border-radius:8px;background:#ef4444;color:#fff;border:none;font-weight:700;font-size:13px;cursor:pointer;transition:background-color .2s ease,transform .1s ease}.confirm-dialog-actions .btn-danger:hover{background:#dc2626}.confirm-dialog-actions .btn-danger:active{transform:scale(.98)}.avatars-page{width:100%;height:100%;min-height:100%}.avatars-persona-shell{width:100%;height:100%;min-height:100%;overflow-y:auto;background:var(--bg-main);scrollbar-width:none;-ms-overflow-style:none}.avatars-persona-shell::-webkit-scrollbar{display:none}.avatars-page .workspace-item-card.avatars-library-card,.avatars-page .workspace-item-card.avatars-creation-card{display:flex;flex-direction:column;overflow:hidden}.avatars-page .workspace-item-card.avatars-creation-card{height:100%;padding:0;border:2px dashed color-mix(in srgb,var(--primary) 35%,var(--border-color));background:color-mix(in srgb,var(--primary) 4%,var(--bg-card))}.avatars-page .workspace-item-card.avatars-creation-card:hover,.avatars-page .workspace-item-card.avatars-creation-card:focus-within{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,var(--bg-card))}.avatars-library-card__thumb-btn{display:block;width:100%;padding:0;margin:0;border:none;background:transparent;cursor:pointer;font:inherit;text-align:left}.avatars-page .avatars-library-card__thumb.card-thumb-container{height:200px;min-height:0;aspect-ratio:unset;overflow:hidden;align-items:stretch;justify-content:center;background:linear-gradient(180deg,var(--bg-surface) 0%,color-mix(in srgb,var(--bg-surface) 70%,var(--border-color)) 100%)}.avatars-page .avatars-library-card__thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;display:block}.avatars-library-badge{position:absolute;top:10px;left:10px;z-index:2;padding:4px 8px;border-radius:999px;background:#0f172ab8;color:#fff;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.avatars-status-badge{position:absolute;top:10px;right:10px;z-index:2;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.avatars-status-badge--inline{position:static;display:inline-block;margin-top:4px}.avatars-status-badge--consent{background:#fbbc04eb;color:#1a1a1a}.avatars-status-badge--processing{background:#1a73e8e0;color:#fff}.avatars-consent-cta{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;background:#fbbc0426;color:#b06000;cursor:pointer}.avatars-consent-cta:hover{background:#fbbc0447}.avatars-use-project-cta{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:8px;background:#1a73e81f;color:#1a73e8;cursor:pointer}.avatars-use-project-cta:hover{background:#1a73e838}.avatars-persona-video-hint{margin:0 0 12px;font-size:13px;color:#b06000;line-height:1.4}.filmstrip-item--pending{opacity:.65}.filmstrip-status-badge{position:absolute;bottom:4px;left:4px;right:4px;font-size:9px;text-align:center;padding:2px 4px;border-radius:4px;background:#000000a6;color:#fff}.avatars-consent-banner{margin-bottom:16px;padding:12px 16px;border-radius:10px;background:#1a73e81a;border:1px solid rgba(26,115,232,.25);color:var(--text-main);font-size:14px}.avatars-consent-banner--success{background:#16a34a1f;border-color:#16a34a59}.avatars-consent-banner--error{background:#dc26261a;border-color:#dc26264d}.avatars-persona-consent{margin:16px 0 20px;padding:16px;border-radius:12px;border:1px solid rgba(251,188,4,.35);background:#fbbc0414}.avatars-persona-consent__header{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text-main);margin-bottom:12px}.avatars-persona-consent__btn{width:100%;justify-content:center}.avatars-library-overlay{position:absolute;inset:0;z-index:3;display:flex;align-items:flex-end;justify-content:center;padding:16px;background:linear-gradient(to top,rgba(15,23,42,.58),transparent 58%);opacity:0;transition:opacity .2s ease;pointer-events:none}.avatars-page .workspace-item-card:hover .avatars-library-overlay,.avatars-page .workspace-item-card:focus-within .avatars-library-overlay{opacity:1}.avatars-library-card__meta{align-items:center}.avatars-library-card__role{margin:2px 0 0;font-size:13px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatars-library-card__actions,.avatars-library-row__actions{display:inline-flex;align-items:center;gap:4px;flex-shrink:0}.avatars-library-row__thumb{width:48px;height:48px;border-radius:10px;overflow:hidden;flex-shrink:0}.avatars-library-row__thumb img{width:100%;height:100%;object-fit:contain;object-position:center bottom;display:block;background:var(--bg-surface)}.avatars-creation-card__btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;flex:1;width:100%;min-height:280px;height:100%;padding:32px 20px;margin:0;border:none;border-radius:0;background:transparent;color:var(--text-main);cursor:pointer;font:inherit;box-sizing:border-box;transition:color .2s ease}.avatars-creation-card__btn:hover,.avatars-creation-card__btn:focus-visible{background:transparent;transform:none;outline:none}.avatars-creation-card__icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;flex-shrink:0;border-radius:50%;background:color-mix(in srgb,var(--primary) 14%,transparent);color:var(--primary)}.avatars-creation-card__label{font-size:14px;font-weight:600;line-height:1.35;text-align:center;max-width:100%;padding:0 8px}.avatars-workspace{display:flex;width:100%;height:100%;position:relative;overflow:hidden;background:var(--bg-main)}.workspace-main{flex:1;height:100%;transition:all .5s cubic-bezier(.16,1,.3,1);background:var(--bg-main);position:relative;animation:fadeIn .8s ease-out;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.workspace-main::-webkit-scrollbar{display:none}.grid-container{padding:40px;max-width:1400px;margin:0 auto;height:100%;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.grid-container::-webkit-scrollbar{display:none}.avatars-header{margin-bottom:50px}.header-info h1{font-family:var(--font-family);font-size:28px;font-weight:800;color:var(--text-main);letter-spacing:-.01em;margin:0}.header-info p{color:var(--text-muted);font-size:14px;margin-top:8px}.header-actions{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:20px;margin-top:30px;width:100%}.search-section{display:flex;width:100%;max-width:380px;margin-left:auto;margin-right:0}.ownership-segmented-control{display:flex;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:6px;width:fit-content;box-shadow:0 4px 12px #0000000d;margin-bottom:0}.segmented-btn{padding:10px 24px;border-radius:8px;border:none;background:transparent;color:var(--text-muted);font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.165,.84,.44,1);position:relative;z-index:1}.segmented-btn:hover{color:var(--text-main)}.segmented-btn.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px rgba(var(--primary-rgb),.3)}.search-bar{display:flex;align-items:center;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:14px;padding:12px 20px;width:100%;transition:all .4s cubic-bezier(.165,.84,.44,1);box-shadow:inset 0 2px 4px #00000005}.search-bar:hover{border-color:var(--text-muted);background:var(--bg-card)}.search-bar:focus-within{background:var(--bg-card);border-color:var(--primary);box-shadow:0 0 0 4px rgba(var(--primary-rgb),.1),0 10px 20px #0000000d;transform:translateY(-1px)}.search-bar svg{color:var(--text-muted);transition:color .3s ease}.search-bar:focus-within svg{color:var(--primary)}.search-bar input{background:transparent;border:none;outline:none;color:var(--text-main);padding:0 12px;width:100%;font-size:14px;font-weight:500}.search-bar input::placeholder{color:var(--text-muted);opacity:.6}.filter-tabs{display:flex;justify-content:flex-start;gap:30px;border-bottom:1px solid var(--border-color);margin-top:10px;width:100%}.filter-tab{background:transparent;border:none;padding:12px 5px;color:var(--text-muted);font-weight:600;font-size:14px;cursor:pointer;position:relative;transition:color .3s ease}.filter-tab:hover{color:var(--text-main)}.filter-tab.active{color:var(--primary)}.filter-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--primary);border-radius:2px 2px 0 0}.avatars-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:25px}.avatar-card{background:var(--bg-card);border-radius:20px;overflow:hidden;border:1px solid var(--border-color);cursor:pointer;transition:all .4s cubic-bezier(.165,.84,.44,1);animation:cardEntrance .6s cubic-bezier(.16,1,.3,1) backwards}.empty-state-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 40px;text-align:center;animation:fadeIn .8s ease-out}.empty-state-visual{width:120px;height:120px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:40px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);margin-bottom:30px;position:relative;box-shadow:0 10px 30px #0000000d}.empty-state-visual svg{opacity:.5}.empty-state-container h2{font-size:24px;font-weight:700;margin-bottom:12px;color:var(--text-main)}.empty-state-container p{font-size:15px;color:var(--text-muted);max-width:400px;line-height:1.6}.avatar-card:nth-child(1){animation-delay:.1s}.avatar-card:nth-child(2){animation-delay:.15s}.avatar-card:nth-child(3){animation-delay:.2s}.avatar-card:nth-child(4){animation-delay:.25s}.avatar-card:nth-child(5){animation-delay:.3s}.avatar-card:nth-child(6){animation-delay:.35s}.avatar-card:nth-child(7){animation-delay:.4s}.avatar-card:nth-child(8){animation-delay:.45s}@keyframes cardEntrance{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.avatar-card:hover{transform:translateY(-8px);border-color:var(--primary);box-shadow:0 20px 40px #0000001a}.avatar-image-container{height:320px;position:relative;overflow:hidden}.avatar-image-container img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.avatar-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.4) 0%,transparent 100%);opacity:0;transition:all .4s ease;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.avatar-card:hover .avatar-overlay{opacity:1}.avatar-info{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;gap:12px}.avatar-info-content{flex:1;min-width:0}.workspace-action-badge{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--primary);color:#fff;border-radius:12px;font-weight:700;font-size:.75rem;box-shadow:0 4px 12px rgba(var(--primary-rgb),.2);transition:all .3s cubic-bezier(.165,.84,.44,1);white-space:nowrap}.avatar-card:hover .workspace-action-badge{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 8px 20px rgba(var(--primary-rgb),.3)}.avatar-info h3{font-size:15px;font-weight:600;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avatar-info p{color:var(--text-muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-showcase-wrapper{height:100%;display:flex;flex-direction:column;padding:40px;background:var(--bg-main);animation:heroAppear .6s cubic-bezier(.16,1,.3,1);overflow-y:auto}.hero-top-nav{margin-bottom:24px;display:flex}.hero-showcase-card{display:flex;flex-direction:row;background:var(--bg-card);border-radius:24px;border:1px solid var(--border-color);box-shadow:0 20px 50px #00000014;overflow:hidden;max-width:1200px;width:100%;margin:0 auto;min-height:600px}.hero-visual{flex:1.2;position:relative;background:var(--bg-surface);display:flex;align-items:center;justify-content:center;border-right:1px solid var(--border-color);padding:20px}.persona-filmstrip{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;gap:12px;background:var(--bg-card);padding:10px;border-radius:20px;border:1px solid var(--border-color);z-index:100;box-shadow:0 10px 30px #00000026;max-width:90%;overflow-x:auto;align-items:center}.filmstrip-item{position:relative;width:50px;height:50px;border-radius:12px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .3s cubic-bezier(.4,0,.2,1);opacity:.6}.filmstrip-item img{width:100%;height:100%;object-fit:cover}.filmstrip-delete-btn{position:absolute;top:4px;right:4px;width:18px;height:18px;border:none;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#0f172aad;color:#fff;cursor:pointer;opacity:0;transition:opacity .2s ease,transform .2s ease}.filmstrip-item:hover .filmstrip-delete-btn,.filmstrip-item.active .filmstrip-delete-btn{opacity:1}.filmstrip-delete-btn:hover{background:#dc2626f2;transform:scale(1.08)}.filmstrip-item:hover{opacity:1;transform:translateY(-5px)}.filmstrip-item.active{opacity:1;border-color:var(--primary);box-shadow:0 0 20px rgba(var(--primary-rgb),.4);transform:translateY(-8px) scale(1.15)}.filmstrip-type-badge{position:absolute;bottom:2px;left:2px;right:2px;padding:1px 3px;border-radius:3px;font-size:7px;font-weight:700;text-align:center;text-transform:uppercase;background:#000000b3;color:#fff;line-height:1.2;pointer-events:none}.hero-still{width:100%;height:100%;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center}.hero-still img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .6s ease;border-radius:12px}.hero-still:hover img{transform:scale(1.05)}.hero-play-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 40px rgba(var(--primary-rgb),.5);animation:pulsePlay 2s infinite;transition:all .3s ease}.hero-still:hover .hero-play-indicator{transform:translate(-50%,-50%) scale(1.1);background:var(--primary-hover)}@keyframes pulsePlay{0%{box-shadow:0 0 rgba(var(--primary-rgb),.4)}70%{box-shadow:0 0 0 20px rgba(var(--primary-rgb),0)}to{box-shadow:0 0 rgba(var(--primary-rgb),0)}}.hero-instruction{position:absolute;bottom:40px;left:50%;transform:translate(-50%);color:#fff;font-weight:600;letter-spacing:1px;text-transform:uppercase;font-size:.8rem;opacity:.7}.hero-motion,.hero-video{width:100%;height:100%;object-fit:contain;border-radius:12px}.exit-preview-corner{position:absolute;top:24px;right:24px;width:44px;height:44px;border-radius:50%;background:#0006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:100}.exit-preview-corner:hover{background:#0009;transform:scale(1.1) rotate(90deg);border-color:#ffffff4d}.hero-details{flex:1;padding:60px 40px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:var(--bg-card);height:100%;position:relative}.back-to-library-btn{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-muted);font-weight:600;font-size:13px;display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 16px;border-radius:10px;transition:all .2s ease;width:fit-content}.back-to-library-btn:hover{background:var(--bg-card);color:var(--text-main);border-color:var(--text-muted)}.back-to-library-btn:active{transform:translateY(0)}.hero-glass-pan{width:100%;max-width:500px}.hero-top-meta{font-size:.7rem;font-weight:700;color:var(--primary);margin-bottom:12px;letter-spacing:1.5px}.hero-title{font-size:24px;font-weight:700;color:var(--text-main);line-height:1.1;letter-spacing:-.01em;margin-bottom:6px}.hero-badge{display:inline-block;padding:4px 10px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:6px;font-weight:700;font-size:.7rem;color:var(--text-muted);margin-bottom:16px}.hero-bio{font-size:14px;line-height:1.5;color:var(--text-muted);margin-bottom:20px}.hero-specs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px}.spec-tile{padding:12px 16px;background:var(--bg-surface);border-radius:12px;border:1px solid var(--border-color)}.spec-tile label{display:block;font-size:.65rem;text-transform:uppercase;color:var(--text-muted);font-weight:700;margin-bottom:4px}.spec-tile span{font-size:1rem;font-weight:800;color:var(--text-main);display:block}.spec-tile:last-child span{background:linear-gradient(135deg,var(--primary),#a855f7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:900}.hero-top-meta,.hero-title,.hero-badge,.hero-bio,.hero-specs,.hero-actions{animation:detailReveal .6s cubic-bezier(.16,1,.3,1) backwards}.hero-top-meta{animation-delay:.1s}.hero-title{animation-delay:.15s}.hero-badge{animation-delay:.2s}.hero-bio{animation-delay:.25s}.hero-specs{animation-delay:.3s}.hero-actions{animation-delay:.35s}@keyframes detailReveal{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.hero-actions{display:flex;flex-direction:column;gap:12px}.btn-action-primary{padding:12px;background:var(--primary);color:#fff;border-radius:10px;border:none;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:0 8px 24px rgba(var(--primary-rgb),.2);transition:all .3s ease}.btn-action-primary:hover{background:var(--primary-hover);transform:translateY(-3px);box-shadow:0 15px 35px rgba(var(--primary-rgb),.35);letter-spacing:.2px}.btn-action-primary:active{transform:translateY(-1px)}.btn-action-danger{padding:12px;background:#dc26261f;color:#dc2626;border-radius:10px;border:1px solid rgba(220,38,38,.35);font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s ease}.btn-action-danger:hover{background:#dc262633;color:#b91c1c}.btn-action-secondary{padding:12px;background:transparent;color:var(--text-main);border-radius:10px;border:1px solid var(--border-color);font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .3s ease}.btn-action-secondary:hover{border-color:var(--primary);color:var(--primary);background:rgba(var(--primary-rgb),.06);transform:translateY(-2px)}@keyframes heroAppear{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@media(max-width:1024px){.hero-showcase{flex-direction:column;height:auto;min-height:100%;overflow-y:visible}.hero-visual{flex:none;height:500px}.hero-details{flex:none;height:auto;padding:40px 24px;border-left:none;border-top:1px solid var(--border-color)}.back-to-library-btn{top:20px;right:20px;padding:8px 16px;font-size:13px}.hero-glass-pan{max-width:100%}}@media(max-width:600px){.hero-visual{height:350px}.hero-play-indicator{width:60px;height:60px}.hero-play-indicator svg{width:24px;height:24px}.hero-title{font-size:32px}.hero-specs{grid-template-columns:1fr}.filmstrip-item{width:45px;height:45px}.grid-container{padding:20px}}.creation-card{border:2px dashed var(--border-color);background:var(--bg-surface);display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all .4s cubic-bezier(.165,.84,.44,1);min-height:400px}.creation-card:hover{border-color:var(--primary);background:rgba(var(--primary-rgb),.02);transform:translateY(-8px)}.open-creation-btn{display:flex;flex-direction:column;align-items:center;gap:20px;color:var(--text-main);text-align:center;padding:40px}.creation-icon-wrapper{width:80px;height:80px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary);box-shadow:0 10px 20px #0000000d;transition:all .3s ease}.creation-card:hover .creation-icon-wrapper{transform:scale(1.1) rotate(90deg);background:var(--primary);color:#fff;border-color:var(--primary)}.open-creation-btn span{font-weight:700;font-size:16px;letter-spacing:-.01em;color:var(--text-main)}.creation-form-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:24px;padding:30px;box-shadow:0 20px 50px #0000001a;max-width:700px;margin:0 auto;position:relative}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.form-header h3{font-size:20px;font-weight:700;margin:0;background:linear-gradient(135deg,var(--text-main) 0%,var(--primary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.close-form-btn{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-muted);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.close-form-btn:hover{background:#ff4d4d;color:#fff;border-color:#ff4d4d}.type-selector{display:flex;background:var(--bg-surface);padding:8px;border-radius:20px;gap:12px;margin-bottom:40px;border:1px solid var(--border-color);box-shadow:inset 0 2px 10px #0000000d}.type-btn{flex:1;padding:16px;border-radius:16px;border:1px solid transparent;background:transparent;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:all .4s cubic-bezier(.165,.84,.44,1);position:relative}.type-btn:hover{background:var(--bg-card);color:var(--text-main);transform:translateY(-2px)}.type-btn.active{background:var(--bg-card);color:var(--primary);border-color:rgba(var(--primary-rgb),.2);box-shadow:0 10px 25px #00000014}.type-btn.active:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--primary);box-shadow:0 0 15px var(--primary)}.input-group{margin-bottom:20px}.input-group label{display:block;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:1.5px;color:var(--primary);margin-bottom:12px;opacity:.8}.input-group input,.input-group textarea{width:100%;padding:18px 24px;background:var(--bg-surface);border:2px solid var(--border-color);border-radius:16px;color:var(--text-main);font-size:15px;font-weight:600;transition:all .4s ease;box-shadow:0 2px 10px #00000005}.input-group textarea{min-height:160px;resize:vertical}.input-group input:focus,.input-group textarea:focus{background:var(--bg-card);border-color:var(--primary);box-shadow:0 0 0 6px rgba(var(--primary-rgb),.08),0 10px 30px #0000000d;outline:none;transform:translateY(-2px)}.file-drop-zone{width:100%;padding:40px;background:var(--bg-surface);border:2px dashed var(--border-color);border-radius:16px;display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;transition:all .3s ease}.file-drop-zone:hover{border-color:var(--primary);background:rgba(var(--primary-rgb),.02)}.file-drop-zone span{font-size:14px;color:var(--text-muted);font-weight:500}.submit-creation-btn{width:100%;padding:16px;background:var(--primary);color:#fff;border:none;border-radius:14px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:10px;box-shadow:0 10px 25px rgba(var(--primary-rgb),.25)}.submit-creation-btn:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 15px 35px rgba(var(--primary-rgb),.35)}.creation-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0;gap:20px}.creation-loading p{font-weight:600;color:var(--text-main);margin:0}.spin-animation{animation:spin 2s linear infinite;color:var(--primary)}.create-avatar-page{width:100%;height:100%;min-height:100%;padding:0;background:transparent}.create-avatar-title-section{width:100%}.create-avatar-title-row{display:flex;align-items:flex-start;gap:12px;min-width:0}.create-avatar-title-row>div{min-width:0}.create-avatar-main{flex:1;min-height:0}.create-avatar-page .creation-content-wrapper{margin:0;width:100%}.create-avatar-page .creation-form-card.standalone{border-radius:12px;padding:24px;box-shadow:0 1px 2px #0f172a0a}.create-avatar-page-header{margin-bottom:24px}.create-avatar-page .creation-error-inline{margin:0;padding:16px 18px;border-radius:12px;border:1px solid color-mix(in srgb,#dc2626 28%,var(--border-color));background:color-mix(in srgb,#dc2626 6%,var(--bg-card));color:var(--text-main);font-size:14px}.back-btn-sleek{display:flex;align-items:center;gap:8px;background:transparent;border:1px solid var(--border-color);color:var(--text-muted);padding:8px 16px;border-radius:50px;font-size:13px;font-weight:600;cursor:pointer;margin-bottom:24px;transition:all .3s ease;width:fit-content}.back-btn-sleek:hover{color:var(--text-main);border-color:var(--text-main);background:var(--bg-surface);transform:translate(-4px)}.creation-progress-container{margin-top:24px;width:100%}.progress-text{display:flex;justify-content:space-between;font-size:13px;font-weight:600;color:var(--text-muted);margin-bottom:8px;letter-spacing:.01em}.progress-bar-bg{width:100%;height:4px;background:#ffffff0d;border-radius:2px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--primary);box-shadow:0 0 10px rgba(var(--primary-rgb),.5);transition:width .6s cubic-bezier(.65,0,.35,1)}.section-label{display:block;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);margin-bottom:16px;background:#ffffff0d;width:fit-content;padding:4px 10px;border-radius:4px}.creation-content-wrapper{margin:0;width:100%}.creation-form-card.standalone{background:var(--bg-card);border:1px solid var(--border-color);border-radius:24px;padding:40px;box-shadow:var(--shadow);max-width:100%}.create-avatar-page .type-selector-cards{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;gap:16px;margin-bottom:40px;width:100%;min-width:0}.create-avatar-page .type-card--image{flex:1 1 0;min-width:0;width:auto;padding:0;aspect-ratio:4 / 3;overflow:hidden;border:none;background:#0f172a}.type-selector-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:40px}.type-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:16px;padding:24px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:16px;cursor:pointer;transition:all .4s cubic-bezier(.165,.84,.44,1);position:relative}.type-card--image{padding:0;width:100%;min-width:0;min-height:0;aspect-ratio:4 / 3;overflow:hidden;border:none;background:#0f172a}.type-card--image:hover{transform:translateY(-2px);box-shadow:0 12px 28px #0f172a2e;background:#0f172a;border:none}.type-card__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .45s cubic-bezier(.165,.84,.44,1)}.type-card--image:hover .type-card__bg,.type-card--image:focus-visible .type-card__bg{transform:scale(1.03)}.type-card__scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(to top,#000000d1,#00000085 38%,#0000002e 68%,#0000);pointer-events:none}.type-card__content{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:6px;padding:18px;text-align:left}.type-card__content strong{display:block;font-size:17px;font-weight:800;color:#fff;margin:0;line-height:1.2}.type-card__content p{margin:0;font-size:12px;color:#ffffffe0;line-height:1.45;max-width:28ch}.type-card:hover{background:var(--bg-card);border-color:var(--text-muted)}.type-card.active{background:#f0f9ff;border:2px solid var(--primary)}.type-card--image.active{background:#0f172a;border:none;box-shadow:0 14px 30px #0f172a38}[data-mode=dark] .type-card.active{background:rgba(var(--primary-rgb),.1)}[data-mode=dark] .type-card--image.active{background:#0f172a}.type-card-icon{width:44px;height:44px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all .3s ease}.type-card.active .type-card-icon{background:var(--primary);color:#fff;border-color:var(--primary)}.type-card-info strong{display:block;font-size:16px;font-weight:800;color:var(--text-main);margin-bottom:4px}.type-card-info p{font-size:12px;color:var(--text-muted);line-height:1.4;margin-bottom:12px}.type-badge{display:inline-block;padding:4px 12px;background:var(--bg-surface);border-radius:50px;font-size:11px;font-weight:700;color:var(--text-muted)}.type-card.type-card--image,.type-card.type-card--image:hover,.type-card.type-card--image.active{border:none}.type-card--image .type-badge{background:#ffffff24;color:#fff;border:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.type-card.active .type-badge{background:rgba(var(--primary-rgb),.1);color:var(--primary)}.type-card--image.active .type-badge{background:color-mix(in srgb,var(--primary) 78%,transparent);color:#fff;border-color:transparent}.type-card-radio{position:absolute;top:14px;right:14px;z-index:3;width:20px;height:20px;border:none;border-radius:50%;transition:all .3s ease;background:#00000059;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.type-card.active .type-card-radio{background:var(--primary);box-shadow:inset 0 0 0 4px #ffffffeb}[data-mode=dark] .type-card.active .type-card-radio{box-shadow:inset 0 0 0 4px #1e293b}@media(max-width:720px){.create-avatar-page .type-selector-cards{gap:8px}.type-card__content{padding:10px;gap:3px}.type-card__content strong{font-size:13px}.type-card__content p{display:none}.type-card--image .type-badge{font-size:9px;padding:2px 7px}.type-card-radio{top:8px;right:8px;width:14px;height:14px}}.form-main-inputs{display:flex;flex-direction:column;gap:24px}.file-drop-zone-premium{width:100%;padding:80px 40px;background:linear-gradient(135deg,var(--bg-surface) 0%,rgba(var(--primary-rgb),.03) 100%);border:2px dashed var(--border-color);border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;cursor:pointer;transition:all .5s cubic-bezier(.165,.84,.44,1);position:relative;overflow:hidden}.file-drop-zone-premium:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(var(--primary-rgb),.05) 0%,transparent 70%);opacity:0;transition:opacity .5s ease}.file-drop-zone-premium:hover{border-color:var(--primary);transform:translateY(-4px) scale(1.005);box-shadow:0 20px 40px #0000000d}.file-drop-zone-premium:hover:after{opacity:1}.file-drop-zone-premium svg{width:48px;height:48px;color:var(--primary);background:var(--bg-card);padding:12px;border-radius:16px;box-shadow:0 10px 20px #0000001a;transition:all .4s ease}.file-drop-zone-premium:hover svg{transform:translateY(-10px) rotate(5deg);background:var(--primary);color:#fff;box-shadow:0 15px 30px rgba(var(--primary-rgb),.3)}.drop-zone-text strong{display:block;font-size:18px;font-weight:800;color:var(--text-main);margin-bottom:6px;letter-spacing:-.02em}.drop-zone-text span{font-size:13px;color:var(--text-muted);font-weight:500;opacity:.8}.input-with-counter{position:relative}.char-counter{position:absolute;bottom:-22px;right:4px;font-size:11px;font-weight:700;color:var(--text-muted)}.label-with-help{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.label-with-help .section-label{margin-bottom:0}.context-help-link{font-size:12px;font-weight:600;color:var(--primary);text-decoration:none;background:none;border:none;padding:0;cursor:pointer}.upload-icon-circle{width:64px;height:64px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary);box-shadow:0 4px 12px #0000000d;transition:all .4s ease}.file-drop-zone-premium:hover .upload-icon-circle{transform:translateY(-8px);background:var(--primary);color:#fff;border-color:var(--primary)}.format-pills{display:flex;gap:8px;justify-content:center;margin-top:16px}.format-pills span{padding:4px 12px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:50px;font-size:11px;font-weight:700;color:var(--text-muted)}.creation-footer{margin-top:40px;text-align:center}.cta-note{margin-top:16px;font-size:12px;font-weight:600;color:var(--text-muted)}.submit-creation-btn-premium{width:100%;padding:20px;background:var(--primary);color:#fff;border:none;border-radius:16px;font-size:17px;font-weight:800;cursor:pointer;box-shadow:0 10px 25px rgba(var(--primary-rgb),.2);transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;justify-content:center;gap:12px}.submit-creation-btn-premium:hover{background:var(--primary-hover);transform:translateY(-4px);box-shadow:0 15px 35px rgba(var(--primary-rgb),.3)}.submit-creation-btn-premium--hero{display:inline-flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 14px 32px rgba(var(--primary-rgb),.28)}.creation-sidebar{display:flex;flex-direction:column;gap:24px}.creation-content-wrapper{width:100%;margin-top:20px}.creation-guide{background:transparent;border:none;padding:0}.terminal-accent{color:var(--primary);opacity:1}.guide-items-list{display:flex;flex-direction:column;gap:24px;margin-top:20px}.guide-item-refined{display:flex;flex-direction:column;gap:4px}.guide-num{font-size:14px;font-weight:600;color:var(--text-muted);opacity:.6}.guide-item-refined strong{font-size:16px;font-weight:700;color:var(--text-main)}.guide-item-refined p{font-size:14px;line-height:1.5;color:var(--text-muted);margin:0}.privacy-card-refined{background:var(--bg-card);border:1px solid var(--border-color);border-radius:24px;padding:32px;margin-top:10px;box-shadow:0 4px 20px #00000008}.privacy-accent{color:#3b82f6}.privacy-card-refined p{font-size:14px;color:var(--text-muted);line-height:1.6;margin-top:12px}.creation-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1300;animation:fadeIn .3s ease}.creation-modal-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:28px;width:100%;max-width:540px;padding:40px;box-shadow:0 30px 60px #0006;animation:modalPop .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes modalPop{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.modal-header h3{font-size:22px;font-weight:800;color:var(--text-main);margin:0}.modal-close-btn{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-muted);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.modal-close-btn:hover{background:#ff4d4d;color:#fff;border-color:#ff4d4d}.help-section{margin-bottom:24px}.help-section h4{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700;color:var(--primary);margin-bottom:12px}.help-section ul{list-style:none;padding:0;margin:0}.help-section li{font-size:14px;color:var(--text-muted);margin-bottom:8px;padding-left:20px;position:relative}.help-section li:before{content:"•";position:absolute;left:0;color:var(--primary);font-weight:700}.modal-action-btn{width:100%;padding:16px;background:var(--primary);color:#fff;border:none;border-radius:14px;font-size:16px;font-weight:700;cursor:pointer;margin-top:10px;transition:all .3s ease}.modal-action-btn:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 10px 20px rgba(var(--primary-rgb),.3)}.guide-header,.privacy-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;color:var(--primary)}.guide-header h3,.privacy-header h3{margin:0;font-size:16px;font-weight:800;color:var(--text-main)}.privacy-card{background:#fff;border:1px solid var(--border-color);border-radius:24px;padding:32px}[data-mode=dark] .privacy-card{background:#111827}.privacy-card p{font-size:13px;line-height:1.6;color:#3b82f6}.privacy-card a{font-weight:700;text-decoration:none;color:inherit}.file-drop-zone-premium.has-preview{padding:10px;border-style:solid;border-color:var(--primary);background:var(--bg-card)}.preview-container{position:relative;width:100%;height:300px;border-radius:16px;border:1px solid var(--border-color);box-shadow:0 20px 40px #00000026;overflow:hidden;background:#000}.file-preview-media{width:100%;height:100%;object-fit:contain;transition:transform .5s ease}.preview-container:hover .file-preview-media{transform:scale(1.05)}.preview-overlay{position:absolute;inset:0;background:#0006;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#fff;font-weight:600;font-size:14px;opacity:0;transition:opacity .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.preview-container:hover .preview-overlay{opacity:1}.clear-preview-btn{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .2s ease}.clear-preview-btn:hover{background:#ff4d4d;border-color:#ff4d4d;transform:scale(1.1)}.creation-success-panel{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;padding:12px 8px 8px}.creation-success-icon{color:var(--primary);display:flex;align-items:center;justify-content:center}.creation-success-panel h3{margin:0;font-size:22px;font-weight:800;color:var(--text-main)}.creation-success-panel p{margin:0;max-width:480px;font-size:14px;line-height:1.55;color:var(--text-muted)}.creation-success-panel code{font-size:12px;padding:2px 6px;border-radius:6px;background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-main)}.creation-success-preview{width:140px;height:140px;object-fit:cover;border-radius:16px;border:2px solid var(--border-color);box-shadow:0 12px 28px #00000014}.creation-success-actions{display:flex;flex-direction:column;gap:12px;width:100%;max-width:360px;margin-top:8px}.creation-secondary-btn{width:100%;padding:14px 20px;border-radius:14px;border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-main);font-size:15px;font-weight:700;cursor:pointer;transition:border-color .2s ease,background .2s ease}.creation-secondary-btn:hover{border-color:var(--primary);background:rgba(var(--primary-rgb),.04)}.creation-error-inline,.creation-success-inline{margin:0;padding:10px 12px;border-radius:10px;font-size:13px;line-height:1.45}.creation-error-inline{color:#b91c1c;background:#ef444414;border:1px solid rgba(239,68,68,.18)}.creation-success-inline{color:var(--primary);background:rgba(var(--primary-rgb),.08);border:1px solid rgba(var(--primary-rgb),.18)}.create-avatar-look-page{width:100%;height:100%;min-height:100%}.create-avatar-look-page .create-avatar-look-main{flex:1;min-height:0;display:flex;flex-direction:column;gap:16px}.create-avatar-look-page .creation-content-wrapper{margin:0;width:100%}.avatar-look-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,320px);gap:20px;align-items:start;width:100%}.create-avatar-look-page .creation-form-card.standalone.avatar-look-main-panel,.create-avatar-look-page .avatar-look-sidebar{padding:20px;border-radius:16px;border:1px solid var(--border-color);background:var(--bg-card);box-shadow:0 1px 2px #0f172a0a;min-height:auto;height:auto}.create-avatar-look-page .creation-form-card.standalone.avatar-look-main-panel{max-width:none;margin:0;border:1px solid color-mix(in srgb,var(--primary) 12%,var(--border-color));background:linear-gradient(180deg,var(--bg-card) 0%,color-mix(in srgb,var(--bg-surface) 60%,var(--bg-card)) 100%);box-shadow:0 8px 24px #0f172a0d}.avatar-look-section{margin-bottom:18px}.avatar-look-section:last-child,.avatar-look-section--footer{margin-bottom:0}.avatar-look-section__head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.avatar-look-section__head .section-label{margin-bottom:0}.avatar-look-section>.section-label{display:block;margin-bottom:12px}.avatar-look-section--footer .creation-footer{margin-top:16px}.avatar-look-field-label{display:block;font-size:13px;font-weight:600;color:var(--text-main);margin-bottom:10px}.create-avatar-look-page .avatar-look-section .input-group{margin-bottom:16px}.create-avatar-look-page .avatar-look-section .input-group:last-child{margin-bottom:0}.avatar-look-type-row{grid-template-columns:repeat(2,1fr);margin-bottom:0}.avatar-look-context{display:flex;align-items:center;gap:16px;padding:16px 18px;margin-bottom:28px;border-radius:16px;border:1px solid var(--border-color);background:linear-gradient(135deg,rgba(var(--primary-rgb),.05) 0%,var(--bg-surface) 55%,var(--bg-card) 100%)}.avatar-look-context__img{width:64px;height:64px;border-radius:14px;object-fit:cover;flex-shrink:0;border:2px solid rgba(var(--primary-rgb),.12);box-shadow:0 8px 20px #0f172a14}.avatar-look-context__placeholder{width:64px;height:64px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(var(--primary-rgb),.1);color:var(--primary);flex-shrink:0}.avatar-look-context__copy{display:flex;flex-direction:column;gap:4px;min-width:0}.avatar-look-context__badge{display:inline-flex;width:fit-content;padding:3px 8px;border-radius:999px;background:rgba(var(--primary-rgb),.1);color:var(--primary);font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.avatar-look-context strong{display:block;font-size:16px;color:var(--text-main);line-height:1.25}.avatar-look-context span:last-child{display:block;font-size:12px;color:var(--text-muted);line-height:1.45}.avatar-look-reference{display:grid;grid-template-columns:128px minmax(0,1fr);gap:14px;padding:14px;margin-bottom:0;border-radius:14px;border:1px solid color-mix(in srgb,var(--border-color) 85%,transparent);background:linear-gradient(135deg,rgba(var(--primary-rgb),.04) 0%,var(--bg-surface) 55%,var(--bg-card) 100%)}.avatar-look-reference__media{position:relative;border-radius:12px;overflow:hidden;border:1px solid var(--border-color);background:var(--bg-surface);height:168px;display:flex;align-items:center;justify-content:center}.avatar-look-reference__media img{width:100%;height:100%;object-fit:contain;display:block}.avatar-look-reference__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--primary);background:rgba(var(--primary-rgb),.08)}.avatar-look-reference__tag{position:absolute;left:8px;bottom:8px;padding:4px 8px;border-radius:999px;background:#0f172ac7;color:#fff;font-size:9px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.avatar-look-reference__copy{display:flex;flex-direction:column;gap:8px;min-width:0}.avatar-look-reference__copy strong{font-size:17px;color:var(--text-main);line-height:1.25}.avatar-look-reference__copy p{margin:0;font-size:12px;line-height:1.55;color:var(--text-muted)}.avatar-look-reference__ids{display:flex;flex-direction:column;gap:4px;margin-top:4px}.avatar-look-reference__ids span{font-size:10px;color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;word-break:break-all}.avatar-look-reference-upload{display:flex;flex-direction:column;gap:8px;margin-top:12px}.avatar-look-reference-upload--optional{margin-top:14px;padding:12px 14px;border-radius:12px;border:1px dashed color-mix(in srgb,var(--primary) 28%,var(--border-color));background:color-mix(in srgb,var(--primary) 4%,var(--bg-surface))}.avatar-look-reference-upload--optional .avatar-look-reference-upload__btn{width:100%;justify-content:center}.avatar-look-reference-upload__input{display:none}.avatar-look-reference-upload__btn{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;font-size:13px}.avatar-look-reference-upload__clear{align-self:flex-start;padding:0;border:none;background:none;color:var(--primary);font-size:12px;cursor:pointer;text-decoration:underline}.avatar-look-reference-upload__progress,.avatar-look-reference-upload__hint{margin:0;font-size:11px;color:var(--text-muted)}.avatar-look-tile__use-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:8px;padding:8px 10px;border:none;border-radius:8px;background:#1a73e81f;color:#1a73e8;font-size:12px;font-weight:600;cursor:pointer}.avatar-look-tile__use-btn:hover{background:#1a73e838}.videos-actions .btn-secondary.videos-create-btn{background:transparent;color:var(--text-main);border:1px solid var(--border-color)}.videos-actions .btn-secondary.videos-create-btn:hover{background:var(--bg-surface)}.avatar-look-prompt-hint{margin:8px 0 0;font-size:11px;line-height:1.45;color:var(--text-muted)}.look-processing-panel{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:32px;align-items:center;padding:0}.look-processing-panel__visual{display:flex;flex-direction:column;align-items:center;gap:14px}.look-processing-panel__frame{position:relative;width:100%;max-width:260px;aspect-ratio:3 / 4;border-radius:20px;overflow:hidden;background:var(--bg-surface);border:1px solid var(--border-color);box-shadow:0 24px 48px #0f172a1f,inset 0 0 0 1px #ffffff0a}.look-processing-panel__preview{width:100%;height:100%;object-fit:cover;display:block}.look-processing-panel__preview--empty{display:flex;align-items:center;justify-content:center;color:var(--primary);background:linear-gradient(160deg,rgba(var(--primary-rgb),.08),var(--bg-surface))}.look-processing-panel__glow{position:absolute;inset:-1px;border-radius:20px;border:2px solid rgba(var(--primary-rgb),.35);animation:look-processing-pulse 2.4s ease-in-out infinite;pointer-events:none}.look-processing-panel__scan{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(var(--primary-rgb),.14) 48%,transparent 100%);transform:translateY(-100%);animation:look-processing-scan 2.8s ease-in-out infinite;pointer-events:none}.look-processing-panel__chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(var(--primary-rgb),.08);border:1px solid rgba(var(--primary-rgb),.16);color:var(--primary);font-size:12px;font-weight:700}.look-processing-panel__content{display:flex;flex-direction:column;gap:18px;min-width:0}.look-processing-panel__eyebrow{margin:0;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--primary)}.look-processing-panel__content h3{margin:0;font-size:28px;font-weight:800;letter-spacing:-.03em;line-height:1.15;color:var(--text-main)}.look-processing-panel__lead{margin:0;font-size:14px;line-height:1.6;color:var(--text-muted);max-width:520px}.look-processing-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.look-processing-step{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;border:1px solid var(--border-color);background:var(--bg-surface);opacity:.55;transition:opacity .25s ease,border-color .25s ease,box-shadow .25s ease}.look-processing-step.is-active{opacity:1;border-color:rgba(var(--primary-rgb),.28);background:rgba(var(--primary-rgb),.04);box-shadow:0 10px 24px rgba(var(--primary-rgb),.08)}.look-processing-step.is-done{opacity:1}.look-processing-step__marker{flex-shrink:0;width:28px;height:28px;min-width:28px;min-height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;line-height:1;padding:0;box-sizing:border-box;font-variant-numeric:tabular-nums;background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-muted)}.look-processing-step.is-active .look-processing-step__marker{background:var(--primary);border-color:var(--primary);color:#fff}.look-processing-step.is-done .look-processing-step__marker{background:#10b9811f;border-color:#10b98147;color:#059669}.look-processing-step strong{display:block;font-size:13px;color:var(--text-main);margin-bottom:2px}.look-processing-step__detail{display:block;font-size:12px;color:var(--text-muted);line-height:1.35}.look-processing-progress__track{height:8px;border-radius:999px;background:var(--bg-surface);border:1px solid var(--border-color);overflow:hidden}.look-processing-progress__fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--primary),color-mix(in srgb,var(--primary) 70%,#60a5fa));transition:width 1s ease}.look-processing-progress__meta{display:flex;justify-content:space-between;gap:12px;margin-top:8px;font-size:11px;font-weight:700;color:var(--text-muted)}@keyframes look-processing-pulse{0%,to{opacity:.45;transform:scale(1)}50%{opacity:1;transform:scale(1.01)}}@keyframes look-processing-scan{0%{transform:translateY(-100%);opacity:0}20%{opacity:1}to{transform:translateY(100%);opacity:0}}.create-avatar-look-page .avatar-look-sidebar{display:flex;flex-direction:column;gap:12px;position:sticky;top:12px;align-self:start;max-height:calc(100vh - 100px);overflow:hidden}.avatar-look-sidebar__head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:0;flex-shrink:0}.avatar-look-sidebar__title{display:inline-flex;align-items:center;gap:8px;margin:0 0 4px;font-size:15px}.avatar-look-sidebar__meta{margin:0;font-size:12px;color:var(--text-muted);line-height:1.4}.avatar-look-sidebar__head h4{margin:0 0 4px;font-size:14px;font-weight:800;color:var(--text-main)}.avatar-look-sidebar__head p{margin:0;font-size:11px;color:var(--text-muted);line-height:1.35}.avatar-look-sidebar__live{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:#10b9811a;border:1px solid rgba(16,185,129,.2);color:#059669;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;flex-shrink:0}.avatar-look-sidebar__live-dot{width:7px;height:7px;border-radius:50%;background:#10b981;animation:look-live-pulse 1.6s ease-in-out infinite}@keyframes look-live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.85)}}.avatar-look-sidebar__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px 14px;border-radius:12px;border:1px dashed var(--border-color);background:var(--bg-surface);text-align:center;color:var(--text-muted)}.avatar-look-sidebar__empty strong{font-size:13px;color:var(--text-main)}.avatar-look-sidebar__empty p{margin:0;font-size:12px;line-height:1.45;max-width:240px}.avatar-look-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;flex:1;min-height:0;overflow-y:auto;padding-right:2px}.avatar-look-tile{display:flex;flex-direction:column;gap:8px}.avatar-look-tile__media{position:relative;border-radius:12px;overflow:hidden;border:1px solid var(--border-color);background:var(--bg-surface)}.avatar-look-tile img{width:100%;aspect-ratio:3 / 4;object-fit:cover;display:block;border:none;border-radius:0}.avatar-look-tile__label{font-size:11px;font-weight:700;color:var(--text-main);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 2px}.avatar-look-tile--processing .avatar-look-tile__media{box-shadow:0 0 0 2px rgba(var(--primary-rgb),.22)}.avatar-look-tile--processing img.is-dimmed{opacity:.72;filter:saturate(.85)}.avatar-look-tile__skeleton{width:100%;aspect-ratio:3 / 4;background:linear-gradient(90deg,var(--bg-surface) 0%,var(--bg-card) 50%,var(--bg-surface) 100%);background-size:200% 100%;animation:avatar-look-shimmer 1.2s ease-in-out infinite}.avatar-look-tile__overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:linear-gradient(180deg,#0f172a2e,#0f172a9e);color:#fff;font-size:11px;font-weight:700;letter-spacing:.02em}@keyframes avatar-look-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:1024px){.avatar-look-layout{grid-template-columns:1fr;gap:16px}.look-processing-panel{grid-template-columns:1fr;gap:20px}.look-processing-panel__visual{order:-1}.look-processing-panel__content h3{font-size:22px}.avatar-look-reference{grid-template-columns:112px minmax(0,1fr)}.create-avatar-look-page .avatar-look-sidebar{position:static;max-height:none;overflow:visible}.create-avatar-look-page .avatar-look-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));max-height:none}}@media(max-width:640px){.create-avatar-look-page__header{margin-bottom:12px}.create-avatar-look-page .create-avatar-look-main{gap:12px}.create-avatar-look-page .creation-form-card.standalone.avatar-look-main-panel,.create-avatar-look-page .avatar-look-sidebar{padding:16px;border-radius:14px}.avatar-look-layout{gap:12px}.avatar-look-section{margin-bottom:14px}.avatar-look-reference{grid-template-columns:1fr;gap:12px;padding:12px}.avatar-look-reference__media{width:100%;max-width:none;height:200px;margin:0}.avatar-look-welcome-banner{grid-template-columns:auto 1fr;gap:12px;margin-bottom:0;padding:14px}.avatar-look-cta-footer .submit-creation-btn-premium--hero{padding:13px 16px;font-size:14px}.create-avatar-look-page .avatar-look-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.look-processing-panel__frame{max-width:220px;margin:0 auto}.look-processing-panel__content h3{font-size:20px}}.create-avatar-look-page__header{margin-bottom:16px}.create-avatar-look-page__eyebrow{display:inline-flex;align-items:center;gap:6px;margin:0 0 8px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--primary)}.avatar-look-welcome-banner{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;margin-bottom:0;padding:14px 16px;border-radius:14px;border:1px solid color-mix(in srgb,var(--primary) 28%,var(--border-color));background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 10%,var(--bg-card)),color-mix(in srgb,var(--primary) 4%,var(--bg-surface)));box-shadow:0 4px 16px #0f172a0a}.avatar-look-welcome-banner__icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--primary);background:color-mix(in srgb,var(--primary) 14%,var(--bg-card));border:1px solid color-mix(in srgb,var(--primary) 22%,var(--border-color))}.avatar-look-welcome-banner__copy strong{display:block;margin-bottom:4px;font-size:14px;font-weight:700;color:var(--text-main);line-height:1.35}.avatar-look-welcome-banner__copy p{margin:0;font-size:12px;line-height:1.5;color:var(--text-muted)}.avatar-look-cta-footer{align-items:stretch;gap:8px}.avatar-look-cta-footer .cta-note{margin:0;font-size:11px}.avatar-look-cta-footer .submit-creation-btn-premium--hero{width:100%;justify-content:center;gap:10px;padding:14px 18px;font-size:14px;border-radius:12px}.avatar-look-sidebar__empty-icon{width:44px;height:44px;margin:0 auto 2px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,var(--bg-surface));border:1px dashed color-mix(in srgb,var(--primary) 30%,var(--border-color))}@media(max-width:768px){.avatar-look-welcome-banner{grid-template-columns:1fr}}.avatar-persona-page{width:100%;height:100%;min-height:100%}.avatar-persona-page__header{margin-bottom:20px;align-items:flex-start}.avatar-persona-page__header-actions{flex-shrink:0;margin-top:4px}.avatar-persona-page__delete-btn{white-space:nowrap}@media(max-width:767px){.avatar-persona-page__header{flex-direction:column;align-items:stretch}.avatar-persona-page__header-actions{margin-top:0;justify-content:flex-end}}.avatar-persona-main{flex:1;min-height:0}.avatar-persona-layout{display:grid;grid-template-columns:1fr;gap:24px;align-items:start}@media(min-width:768px){.avatar-persona-layout{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:20px}}@media(min-width:1024px){.avatar-persona-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:28px}}.avatar-persona-preview-card{display:flex;flex-direction:column;overflow:hidden;padding:0}.avatar-persona-preview-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 18px 12px;border-bottom:1px solid var(--border-color)}.avatar-persona-preview-card__title{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-main);line-height:1.3}.avatar-persona-preview-card__hint{margin:4px 0 0;font-size:13px;color:var(--text-muted)}.avatar-persona-preview-card__badge{flex-shrink:0;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,var(--bg-surface));border:1px solid color-mix(in srgb,var(--primary) 22%,var(--border-color))}.avatar-persona-preview-card__media{position:relative;width:100%;height:420px;background:var(--bg-surface);display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}.avatar-persona-preview-card__image-wrap{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.avatar-persona-preview-card__image-wrap img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}.avatar-persona-preview-card__consent-overlay{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;text-align:center;color:var(--text-main);background:color-mix(in srgb,var(--bg-card) 78%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.avatar-persona-preview-card__consent-overlay p{margin:0;font-size:14px;max-width:280px;line-height:1.45;color:var(--text-muted)}.avatar-persona-sidebar{display:flex;flex-direction:column;gap:16px;min-width:0}.avatar-persona-sidebar__description{margin:0;font-size:14px;line-height:1.55;color:var(--text-muted)}.avatar-persona-actions{flex-wrap:wrap}.avatar-persona-actions .btn-primary.videos-create-btn,.avatar-persona-actions .btn-secondary.videos-create-btn,.avatar-persona-actions .btn-action-danger{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600}.avatar-persona-looks-section{margin-top:0;padding-top:0}.avatar-persona-looks-section__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.avatar-persona-looks-section__header .videos-group__heading{display:inline-flex;align-items:center;gap:8px;margin-bottom:4px}.avatar-persona-looks-section__subheading{margin:0;font-size:13px;color:var(--text-muted);line-height:1.45}.avatar-persona-looks-section__create{flex-shrink:0;padding:8px 14px;font-size:13px}.avatar-persona-looks-section__count{margin:0 0 12px;font-size:12px;color:var(--text-muted)}.avatar-persona-looks-loading{display:flex;align-items:center;gap:10px;padding:20px 0;font-size:14px;color:var(--text-muted)}.avatar-persona-look-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}@media(min-width:768px){.avatar-persona-look-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}}@media(min-width:1024px){.avatar-persona-look-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.avatar-persona-look-card{display:flex;flex-direction:column;overflow:hidden;padding:0;cursor:default;transition:border-color .2s ease,box-shadow .2s ease}.avatar-persona-look-card.is-selected{border-color:var(--primary);box-shadow:0 0 0 1px color-mix(in srgb,var(--primary) 35%,transparent)}.avatar-persona-look-card--pending{opacity:.85}.avatar-persona-look-card__thumb-btn{display:block;width:100%;padding:0;margin:0;border:none;background:transparent;cursor:pointer}.avatar-persona-look-card__thumb{aspect-ratio:3 / 4;position:relative}.avatar-persona-look-card__thumb img{width:100%;height:100%;object-fit:cover}.avatar-persona-look-card__type{position:absolute;bottom:6px;left:6px;right:6px;padding:2px 6px;border-radius:4px;font-size:9px;font-weight:700;text-align:center;text-transform:uppercase;background:#000000b3;color:#fff;pointer-events:none}.avatar-persona-look-card__status{position:absolute;top:6px;left:6px;right:6px;padding:2px 6px;border-radius:4px;font-size:9px;font-weight:600;text-align:center;background:#000000a6;color:#fff;pointer-events:none}.avatar-persona-look-card__meta{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:8px 10px}.avatar-persona-look-card__meta h4{margin:0;font-size:12px;font-weight:600;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}.avatar-persona-look-card__delete{flex-shrink:0;width:28px;height:28px;opacity:0;transition:opacity .2s ease}.avatar-persona-look-card:hover .avatar-persona-look-card__delete,.avatar-persona-look-card:focus-within .avatar-persona-look-card__delete{opacity:1}@media(max-width:767px){.avatar-persona-preview-card__media{height:320px;padding:16px}.avatar-persona-looks-section__header{flex-direction:column;align-items:stretch}.avatar-persona-looks-section__create{width:100%;justify-content:center}.avatar-persona-actions{flex-direction:column;align-items:stretch}.avatar-persona-actions .btn-primary.videos-create-btn,.avatar-persona-actions .btn-secondary.videos-create-btn,.avatar-persona-actions .btn-action-danger{width:100%;justify-content:center}.avatar-persona-look-card__delete{opacity:1}}.voices-page{width:100%;height:100%;min-height:100%}.voices-status-banner{margin-bottom:16px;padding:12px 16px;border-radius:10px;border:1px solid transparent;font-size:14px}.voices-status-banner--success{background:#16a34a1f;border-color:#16a34a59}.voices-status-banner--error{background:#dc26261a;border-color:#dc26264d}.voices-page .workspace-item-card.voices-library-card,.voices-page .workspace-item-card.voices-creation-card{display:flex;flex-direction:column;overflow:hidden}.voices-library-card__thumb-btn{display:block;width:100%;padding:0;margin:0;border:none;background:transparent;cursor:pointer;font:inherit;text-align:left}.voices-page .voices-library-card__thumb.card-thumb-container{height:200px;min-height:0;aspect-ratio:unset;overflow:hidden;align-items:center;justify-content:center;background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 8%,var(--bg-surface)),color-mix(in srgb,var(--bg-surface) 70%,var(--border-color)))}.voices-library-card__thumb--male.card-thumb-container{background:linear-gradient(180deg,color-mix(in srgb,#2563eb 14%,var(--bg-surface)),color-mix(in srgb,var(--bg-surface) 72%,var(--border-color)))}.voices-library-card__thumb--female.card-thumb-container{background:linear-gradient(180deg,color-mix(in srgb,#db2777 14%,var(--bg-surface)),color-mix(in srgb,var(--bg-surface) 72%,var(--border-color)))}.voices-library-card__thumb--has-image.card-thumb-container{background:var(--bg-surface)}.voices-page .voices-library-card__avatar{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.voices-library-card__visual{display:flex;align-items:center;justify-content:center}.voices-gender-icon-badge{display:inline-flex;align-items:center;justify-content:center;width:88px;height:88px;border-radius:50%;background:color-mix(in srgb,currentColor 14%,var(--bg-card));border:1px solid color-mix(in srgb,currentColor 22%,var(--border-color));box-shadow:0 10px 24px color-mix(in srgb,currentColor 16%,transparent),inset 0 1px color-mix(in srgb,#fff 40%,transparent)}.voices-gender-icon-badge--sm{width:36px;height:36px;box-shadow:0 4px 10px color-mix(in srgb,currentColor 12%,transparent)}.voices-library-card__visual--male,.voices-gender-icon-badge--male{color:#2563eb}.voices-library-card__visual--female,.voices-gender-icon-badge--female{color:#db2777}.voices-library-card__visual--unknown,.voices-gender-icon-badge--unknown{color:var(--primary)}.voices-library-badge{position:absolute;top:10px;left:10px;z-index:2;padding:4px 8px;border-radius:999px;background:#0f172ab8;color:#fff;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.voices-status-badge{position:absolute;top:10px;right:10px;z-index:2;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;display:inline-flex;align-items:center;gap:4px}.voices-status-badge--inline{position:static;display:inline-flex;margin-top:4px}.voices-status-badge--processing{background:#1a73e8e0;color:#fff}.voices-status-badge--failed{background:#ef4444e0;color:#fff}.voices-library-overlay{position:absolute;inset:0;z-index:3;display:flex;align-items:flex-end;justify-content:center;padding:16px;background:linear-gradient(to top,rgba(15,23,42,.58),transparent 58%);opacity:0;transition:opacity .2s ease;pointer-events:none}.voices-page .workspace-item-card:hover .voices-library-overlay,.voices-page .workspace-item-card:focus-within .voices-library-overlay{opacity:1}.voices-library-card__meta{align-items:center}.voices-library-card__subtitle{margin:2px 0 0;font-size:13px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voices-library-card__actions,.voices-library-row__actions{display:inline-flex;align-items:center;gap:4px;flex-shrink:0}.library-delete-cta{color:#dc2626}.library-delete-cta:hover{background:#dc26261f;color:#b91c1c}.voices-library-row__thumb{width:48px;height:48px;border-radius:10px;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:transparent;padding:0}.voices-library-row__thumb--has-image{border:1px solid var(--border-color);background:var(--bg-surface)}.voices-library-row__avatar{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.voices-library-row__thumb--unknown .voices-gender-icon-badge{color:var(--primary)}.voices-creation-card__btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;width:100%;min-height:200px;padding:24px;border:2px dashed color-mix(in srgb,var(--primary) 35%,var(--border-color));border-radius:inherit;background:color-mix(in srgb,var(--primary) 4%,var(--bg-card));color:var(--text-main);cursor:pointer;font:inherit;transition:border-color .2s ease,background .2s ease,transform .2s ease}.voices-creation-card__btn:hover{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,var(--bg-card));transform:translateY(-2px)}.voices-creation-card__icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:color-mix(in srgb,var(--primary) 14%,transparent);color:var(--primary)}.voices-creation-card__label{font-size:14px;font-weight:600;text-align:center;max-width:18ch}.voice-modal-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:voicesFadeIn .3s ease-out}@keyframes voicesFadeIn{0%{opacity:0}to{opacity:1}}.voice-modal-card{background:var(--bg-card);width:100%;max-width:500px;border-radius:28px;border:1px solid var(--border-color);box-shadow:0 30px 60px #0003;overflow:hidden;animation:voicesScaleUp .3s cubic-bezier(.34,1.56,.64,1)}@keyframes voicesScaleUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.voice-modal-header{padding:24px 32px;background:var(--bg-surface);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.voice-modal-header h3{margin:0;font-size:20px;font-weight:800;color:var(--text-main)}.voice-modal-header p{margin:4px 0 0;font-size:13px;color:var(--text-muted)}.voice-modal-close{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:50%;display:flex;transition:all .2s ease}.voice-modal-close:hover{background:var(--border-color);color:var(--text-main)}.voice-modal-body{padding:32px;display:flex;flex-direction:column;gap:24px}.voice-modal-body .input-group{display:flex;flex-direction:column;gap:10px}.voice-modal-body .input-group label{font-size:14px;font-weight:700;color:var(--text-main)}.voice-modal-body .input-group textarea{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:16px;padding:16px;min-height:120px;color:var(--text-main);font-size:14px;line-height:1.6;resize:none;outline:none;transition:all .3s ease}.voice-modal-body .input-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(var(--primary-rgb),.1)}.voice-modal-body .char-counter{align-self:flex-end;font-size:11px;font-weight:600;color:var(--text-muted)}.voice-modal-submit{background:var(--primary);color:#fff;border:none;padding:16px;border-radius:16px;font-weight:700;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .3s ease;box-shadow:0 8px 20px rgba(var(--primary-rgb),.2)}.voice-modal-submit:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 12px 24px rgba(var(--primary-rgb),.3)}.voice-modal-submit:disabled{opacity:.6;cursor:not-allowed}.spin-animation{animation:voicesSpin 1s linear infinite}@keyframes voicesSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.create-voice-page{width:100%;height:100%;min-height:100%;padding:0;background:transparent}.create-voice-page .creation-content-wrapper{margin:0;width:100%}.create-voice-page .creation-form-card.standalone{border-radius:12px;padding:24px;box-shadow:0 1px 2px #0f172a0a}.create-voice-page .voices-suggested-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.create-voice-page .voices-suggested-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:12px}.create-voice-page .voices-suggested-card__badges{display:flex;flex-wrap:wrap;gap:8px}.create-voice-page .voices-suggested-badge{padding:4px 10px;border-radius:999px;font-size:10px;font-weight:700;text-transform:uppercase;background:rgba(var(--primary-rgb),.08);color:var(--primary)}.create-voice-page .voices-suggested-card h4{margin:0;font-size:16px;font-weight:600}.create-voice-page .voices-suggested-actions{display:flex;gap:8px}.create-voice-page .voices-suggested-btn{flex:1;padding:8px 12px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-card);font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}.create-voice-page .voices-suggested-btn--primary{background:var(--primary);border-color:var(--primary);color:#fff}.storage-usage-bar{display:flex;flex-direction:column;gap:6px}.storage-usage-bar__labels{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;color:var(--text-muted, #64748b)}.storage-usage-bar__track{height:6px;border-radius:999px;background:#64748b26;overflow:hidden}.storage-usage-bar__fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#3b82f6,#6366f1);transition:width .25s ease}.storage-usage-bar__detail{font-size:11px;color:var(--text-muted, #94a3b8)}.storage-usage-bar--compact .storage-usage-bar__track{height:4px}.library-page{width:100%;height:100%;min-height:100%;padding:0;display:flex;flex-direction:column;background:transparent;color:var(--text-main, #0f172a);box-sizing:border-box;font-family:var(--font-family, "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif)}.library-page button,.library-page input,.library-page select,.library-page textarea{font-family:inherit}.library-shell{width:100%;max-width:none;margin:0;padding:0;box-sizing:border-box;flex:1;min-height:0;display:flex;flex-direction:column}.library-page-header{margin-bottom:0;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.library-header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.library-storage-compact{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-card);width:min(100%,240px);color:var(--primary)}.library-storage-compact__body{flex:1;min-width:0}.library-storage-compact__row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.library-storage-compact__label{font-size:12px;font-weight:700;color:var(--text-main, #0f172a)}.library-storage-compact__percent{font-size:18px;font-weight:800;letter-spacing:-.02em;color:var(--primary);line-height:1}.library-storage-compact__bar .storage-usage-bar__labels,.library-storage-compact__bar .storage-usage-bar__detail{display:none}.library-storage-compact__bar .storage-usage-bar__track{height:6px}.library-storage-compact__detail{display:block;margin-top:5px;font-size:10px;font-weight:600;color:var(--text-muted, #64748b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-page-header-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.library-page-subtitle{margin:8px 0 0;font-size:13px;color:var(--text-muted, #64748b)}.library-page-subtitle--muted{color:var(--text-muted, #94a3b8)}.library-workspace-select select{min-width:180px;padding:8px 12px;border-radius:10px;border:1px solid var(--border-color, #e2e8f0);background:var(--bg-card, #fff);color:var(--text-main, #0f172a);font-size:13px;font-weight:600}.library-status-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;padding:10px 14px;border-radius:10px;font-size:13px}.library-status-banner--error{color:#b91c1c;background:#ef444414;border:1px solid rgba(239,68,68,.18)}.library-status-banner button{border:none;background:transparent;color:inherit;cursor:pointer;display:flex;padding:4px}.library-empty-copy{margin:8px 0 0;font-size:13px;color:var(--text-muted, #64748b)}.upload-modal-hint{margin:0 0 16px;padding:0 20px;font-size:12px;color:var(--text-muted, #64748b)}.asset-source-badge{position:absolute;top:8px;left:8px;padding:3px 8px;border-radius:999px;background:#0f172ab8;color:#fff;font-size:10px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;z-index:2}.asset-delete-btn--grid{background:#0f172ad1;color:#fff;border:none;width:30px;height:30px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;box-shadow:0 2px 8px #0f172a40;transition:background .15s ease,transform .15s ease}.asset-delete-btn--grid:hover{background:#0f172af2;color:#fff;transform:scale(1.05)}.masonry-card-actions{position:absolute;top:8px;right:8px;display:flex;gap:6px;z-index:5;pointer-events:auto}.masonry-card-actions--visible{opacity:1}.asset-delete-btn--grid.asset-action-btn--rename:hover{color:#fff}.asset-preview{position:relative}.asset-preview video{width:100%;height:100%;object-fit:cover;display:block}.library-page-title{margin:0;font-size:28px;font-weight:700;letter-spacing:-.01em;color:var(--text-main, #0f172a);font-family:inherit}.library-category-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;margin-top:16px}.library-category-card{position:relative;margin:0;padding:8px 14px;min-height:40px;box-sizing:border-box;border:1px solid var(--border-color);border-radius:10px;background:#fff;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;cursor:pointer;overflow:hidden;box-shadow:0 1px 2px #0f172a0a;transition:transform .22s ease,box-shadow .22s ease,border-color .2s ease,background-color .2s ease,color .2s ease}[data-mode=dark] .library-category-card:not(.library-category-card--selected){background:var(--bg-card);box-shadow:none}.library-category-card-shine{position:absolute;inset:0;background:linear-gradient(105deg,transparent 0%,color-mix(in srgb,var(--primary) 14%,transparent) 45%,transparent 75%);opacity:0;transition:opacity .35s ease;pointer-events:none}.library-category-card:hover:not(.library-category-card--selected) .library-category-card-shine{opacity:1}.library-category-card:hover:not(.library-category-card--selected){transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 35%,var(--border-color));box-shadow:0 6px 16px -6px color-mix(in srgb,var(--primary) 25%,transparent),0 2px 6px #0f172a0d}.library-category-card:active{transform:translateY(0);transition-duration:.1s}.library-category-card:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg-main),0 0 0 4px var(--primary)}.library-category-card--selected{background:var(--primary);border-color:var(--primary);box-shadow:0 4px 14px -4px color-mix(in srgb,var(--primary) 45%,transparent),0 2px 6px #0f172a14}.library-category-card--selected .library-category-card-shine{opacity:0}.library-category-card-icon{position:relative;z-index:1;color:var(--primary);flex-shrink:0;transition:color .2s ease,transform .2s ease}.library-category-card:hover:not(.library-category-card--selected) .library-category-card-icon{transform:scale(1.05)}.library-category-card--selected .library-category-card-icon{color:#fff}.library-category-label{position:relative;z-index:1;font-size:13px;font-weight:400;letter-spacing:-.01em;color:var(--text-main, #0f172a);line-height:1.2;white-space:nowrap;transition:color .2s ease,font-weight .15s ease}.library-category-card:hover:not(.library-category-card--selected) .library-category-label{color:var(--primary)}.library-category-card--selected .library-category-label{color:#fff;font-weight:500}.library-category-card--selected:hover{background:var(--primary-hover);border-color:var(--primary-hover)}@media(prefers-reduced-motion:reduce){.library-category-card,.library-category-card-shine,.library-category-card-icon{transition-duration:.01ms!important}.library-category-card:hover:not(.library-category-card--selected){transform:none}.library-category-card:hover:not(.library-category-card--selected) .library-category-card-icon{transform:none}}.library-browse{margin-top:0;padding-top:0}.library-empty-hint{margin:0;font-size:14px;color:var(--text-muted, #64748b);line-height:1.5;max-width:480px}.library-empty-state{min-height:340px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center}.library-empty-title{margin:0;font-size:24px;font-weight:700;color:var(--text-main, #0f172a)}.library-empty-add-btn{border:1px dashed color-mix(in srgb,var(--primary) 45%,var(--border-color));background:color-mix(in srgb,var(--primary) 8%,var(--bg-card));color:var(--primary);border-radius:14px;padding:14px 24px;display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-size:16px;font-weight:600;transition:all .2s ease}.library-empty-add-btn:hover{transform:translateY(-1px);border-color:var(--primary);background:color-mix(in srgb,var(--primary) 13%,var(--bg-card))}.library-empty-plus{font-size:34px;line-height:1;font-weight:500}.library-filters-bar{padding:0 0 12px;border-bottom:1px solid var(--border-color, #e8ecf0);background:transparent;margin:12px 0 0}@media(max-width:480px){.library-category-card{padding:7px 12px;gap:8px}.library-category-label{font-size:12px}}.filters-top-row{display:flex;align-items:center;justify-content:space-between}.asset-type-tabs{display:flex;gap:32px}.type-tab{border:none;background:none;font:inherit;font-size:15px;font-weight:500;color:var(--text-muted, #64748b);padding:0 0 12px;margin:0;cursor:pointer;position:relative;transition:all .2s}.type-tab:hover,.type-tab.active{color:var(--text-main, #0f172a)}.type-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:var(--primary);border-radius:4px}.filters-right-actions{display:flex;align-items:center;gap:20px}.filters-right-actions .library-search-input{transition:border-color .15s ease,box-shadow .15s ease}.filters-right-actions .library-search-input:focus{outline:none;border-color:#000;box-shadow:0 6px 18px #0000000f}.filters-right-actions .library-search svg{color:#9ca3af}.filters-right-actions .library-search:focus-within svg{color:#000}.btn-upload-primary{padding:10px 20px;background:var(--primary);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #2563eb33;transition:all .2s}.btn-upload-primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.view-toggle{display:flex;align-items:center;gap:2px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:999px;padding:3px;box-shadow:0 1px 2px #0000000d}.view-toggle-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:50%;transition:all .2s}.view-toggle-btn:hover{background:var(--bg-surface);color:var(--text-main)}.view-toggle-btn.active{background:var(--primary);color:#fff;box-shadow:0 2px 4px rgba(var(--primary-rgb),.3)}.assets-scroller{flex:1;padding:20px 0 0;overflow-y:auto;background:transparent}.assets-masonry{column-count:4;column-gap:16px}.assets-masonry>*{break-inside:avoid;margin-bottom:16px}.assets-masonry--refreshing{opacity:.72;pointer-events:none;transition:opacity .2s ease}.library-masonry-skeleton{width:100%;border-radius:16px}.library-list-skeleton-row{margin-bottom:8px}.asset-preview-icon--audio{display:flex;align-items:center;justify-content:center;padding:12px}.asset-preview-audio{display:flex;flex-direction:column;gap:10px;padding:14px 12px 12px;min-height:132px;line-height:normal}.asset-preview-audio__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:color-mix(in srgb,var(--primary) 12%,var(--bg-surface));color:var(--primary);font-size:22px}.asset-preview-audio__meta{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--text-muted)}.asset-preview-audio__meta .asset-name{color:var(--text-main);font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asset-preview-audio__unavailable{margin:0;font-size:12px;color:var(--text-muted)}.masonry-card--audio .asset-preview{line-height:normal}.asset-audio-preview{width:100%;max-width:none;height:36px;position:relative;z-index:2}.asset-audio-preview--list{margin-top:6px;max-width:280px}.assets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:20px}.asset-card.grid.masonry-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;width:100%;max-width:none;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.asset-card.grid.masonry-card:hover{transform:translateY(-3px);box-shadow:0 14px 28px #0f172a1f;border-color:color-mix(in srgb,var(--primary) 40%,var(--border-color))}.asset-card.grid.masonry-card .asset-preview{width:100%;background:var(--bg-surface);display:block;overflow:hidden;line-height:0;position:relative}.asset-card.grid.masonry-card .asset-preview img{width:100%;height:auto;display:block;object-fit:cover}.asset-card.grid.masonry-card .asset-preview video{width:100%;aspect-ratio:16 / 10;object-fit:cover;display:block}.asset-preview-icon--audio{min-height:120px;display:flex;align-items:center;justify-content:center;width:100%}.masonry-card-overlay{position:absolute;inset:auto 0 0;padding:36px 12px 12px;background:linear-gradient(to top,rgba(15,23,42,.88) 0%,rgba(15,23,42,.45) 55%,transparent 100%);color:#fff;line-height:1.35;opacity:0;transform:translateY(6px);transition:opacity .22s ease,transform .22s ease}.masonry-card:hover .masonry-card-overlay{opacity:1;transform:translateY(0)}.masonry-card-overlay .asset-name{color:#fff;font-size:13px;font-weight:700;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.masonry-card-overlay .asset-meta{color:#ffffffd1;font-size:11px;flex-wrap:wrap}@media(max-width:1280px){.assets-masonry{column-count:3}}@media(max-width:900px){.assets-masonry{column-count:2}.library-header-actions{width:100%;justify-content:flex-start}.library-storage-compact{flex:1;min-width:200px}.filters-top-row{flex-direction:column;align-items:stretch;gap:12px}.filters-right-actions{flex-wrap:wrap}}@media(max-width:560px){.assets-masonry{column-count:1}.assets-scroller{padding-top:12px}}.asset-preview-icon{font-size:32px;color:var(--primary)}.assets-list{display:flex;flex-direction:column;gap:8px;min-width:0;overflow-x:auto}.asset-card.list{display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(72px,110px) minmax(88px,130px) minmax(72px,100px) 76px;align-items:center;background:var(--bg-card);border:1px solid var(--border-color);padding:10px 14px;gap:12px;border-radius:12px;transition:all .2s;min-width:720px}.asset-card.list:hover{background:var(--bg-card);border-color:var(--primary);transform:translate(4px);box-shadow:0 4px 12px #0000000d}.asset-card.list .asset-preview{width:56px;height:40px;border-radius:8px;overflow:hidden;background:var(--bg-surface);display:flex;align-items:center;justify-content:center;flex-shrink:0}.list-header{display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(72px,110px) minmax(88px,130px) minmax(72px,100px) 76px;gap:12px;padding:8px 14px;color:var(--text-muted);font-size:13px;font-weight:600;border-bottom:1px solid var(--border-color);border-left:1px solid transparent;border-right:1px solid transparent;margin-bottom:6px;min-width:720px}.list-header .col{display:flex;align-items:center}.asset-card.asset-folder .asset-name{font-weight:700}.asset-card.list .asset-preview img{width:100%;height:100%;object-fit:cover}.asset-list-text{min-width:0}.asset-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px 12px}.asset-name{font-size:13px;font-weight:600;color:var(--text-main, #0f172a);margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.asset-meta{font-size:11px;color:var(--text-muted, #64748b);font-weight:500;display:flex;gap:10px}.asset-delete-btn{width:28px;height:28px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-card);color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .2s}.asset-delete-btn:hover{color:#ef4444;border-color:color-mix(in srgb,#ef4444 35%,var(--border-color));background:color-mix(in srgb,#ef4444 8%,var(--bg-card))}.asset-delete-btn--grid:hover{color:#fff;background:#0f172af2;border:none}.asset-delete-btn--list{margin-left:0}.col.actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:76px;flex-shrink:0}.asset-list-action-btn,.asset-delete-btn--list{width:32px;height:32px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-card);color:var(--text-main);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;box-shadow:0 1px 2px #0f172a0f}.asset-list-action-btn:hover,.asset-delete-btn--list:hover{color:var(--primary);border-color:color-mix(in srgb,var(--primary) 40%,var(--border-color));background:color-mix(in srgb,var(--primary) 6%,var(--bg-card))}.asset-delete-btn--list:last-child:hover{color:#ef4444;border-color:color-mix(in srgb,#ef4444 35%,var(--border-color));background:color-mix(in srgb,#ef4444 8%,var(--bg-card))}.upload-placeholder{border:2px dashed var(--border-color);border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-muted);cursor:pointer;background:transparent;min-height:180px;transition:all .2s;width:100%}.masonry-upload-tile{min-height:160px;border-radius:16px;background:color-mix(in srgb,var(--primary) 4%,var(--bg-card))}.upload-placeholder:hover{border-color:var(--primary);background:var(--bg-surface);color:var(--primary)}.upload-placeholder-icon{font-size:28px}.upload-placeholder-text{font-size:14px;font-weight:700}.upload-modal-overlay{position:fixed;inset:0;background:#0f172a66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000}.upload-modal{background:var(--bg-card);width:90%;max-width:480px;border-radius:28px;padding:32px;box-shadow:0 40px 100px #0000004d;border:1px solid var(--border-color)}.upload-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.upload-modal-header h3{font-size:24px;font-weight:800;color:var(--text-main);margin:0;letter-spacing:-.02em}.close-modal{background:var(--bg-surface);border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer;transition:all .2s}.close-modal:hover{background:#ef4444;color:#fff}.upload-options{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.upload-option{padding:24px 12px;border:1px solid var(--border-color);border-radius:20px;display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff}[data-mode=dark] .upload-option{background:var(--bg-card)}.upload-option:hover{border-color:color-mix(in srgb,var(--primary) 40%,var(--border-color));transform:translateY(-4px);box-shadow:0 8px 24px -8px color-mix(in srgb,var(--primary) 22%,transparent),var(--shadow)}.option-icon{width:54px;height:54px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:26px}.option-icon.image,.option-icon.video,.option-icon.music{background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary)}.upload-option span{font-size:14px;font-weight:500;color:var(--text-main, #0f172a)}.library-coming-soon{position:relative;min-height:360px;border:none;background:transparent;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:32px 0}.library-coming-soon__orb{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none}.library-coming-soon__orb--1{width:320px;height:320px;background:radial-gradient(circle,rgba(var(--primary-rgb),.16) 0%,transparent 70%);top:-80px;left:-60px;animation:library-cs-orb 12s ease-in-out infinite alternate}.library-coming-soon__orb--2{width:260px;height:260px;background:radial-gradient(circle,rgba(var(--primary-rgb),.12) 0%,transparent 70%);bottom:-60px;right:-40px;animation:library-cs-orb 16s ease-in-out infinite alternate-reverse}@keyframes library-cs-orb{0%{transform:translateY(0) scale(1);opacity:.85}to{transform:translateY(-24px) scale(1.08);opacity:1}}.library-coming-soon__dots{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(var(--primary-rgb),.1) 1px,transparent 1px);background-size:26px 26px;pointer-events:none;animation:library-cs-drift 24s linear infinite}@keyframes library-cs-drift{0%{background-position:0 0}to{background-position:26px 26px}}.library-coming-soon__content{position:relative;z-index:1;display:flex;align-items:center;gap:56px;width:100%;max-width:760px;animation:library-cs-enter .65s cubic-bezier(.34,1.56,.64,1) both}@keyframes library-cs-enter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.library-coming-soon__visual{position:relative;flex:0 0 240px;height:200px;display:flex;align-items:center;justify-content:center}.library-cs-illustration{width:100%;height:100%;overflow:visible}.library-cs-frame{animation:library-cs-frame-pulse 3s ease-in-out infinite}@keyframes library-cs-frame-pulse{0%,to{stroke-opacity:1}50%{stroke-opacity:.55}}.library-cs-float-a{animation:library-cs-gentle-float 3.2s ease-in-out infinite}.library-cs-float-a--delay{animation-delay:.15s}@keyframes library-cs-gentle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.library-cs-wire-card--back{animation:library-cs-gentle-float 3.6s ease-in-out infinite;transform-origin:120px 84px}.library-cs-wire-card--front{animation:library-cs-wire-pulse 2.8s ease-in-out infinite;transform-origin:132px 116px}@keyframes library-cs-wire-pulse{0%,to{opacity:.92;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}.library-cs-dot{animation:library-cs-dot-pulse 2.4s ease-in-out infinite}.library-cs-dot--2{animation-delay:.6s}@keyframes library-cs-dot-pulse{0%,to{opacity:.25;transform:scale(1)}50%{opacity:.55;transform:scale(1.25)}}.library-coming-soon__text{flex:1;min-width:0}.library-coming-soon__eyebrow{margin:0 0 10px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--primary)}.library-coming-soon__badge{display:inline-flex;align-items:center;gap:8px;padding:5px 14px;background:rgba(var(--primary-rgb),.08);border:1px solid rgba(var(--primary-rgb),.25);border-radius:30px;font-size:12px;font-weight:600;color:var(--primary);margin-bottom:14px}.library-coming-soon__badge-dot{width:7px;height:7px;background:var(--primary);border-radius:50%;animation:library-cs-ping 1.6s ease-in-out infinite}@keyframes library-cs-ping{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.55);opacity:.35}}.library-coming-soon__heading{margin:0 0 10px;font-size:28px;font-weight:700;letter-spacing:-.02em;color:var(--text-main, #0f172a)}.library-coming-soon__sub{margin:0 0 24px;font-size:14px;line-height:1.7;color:var(--text-muted, #64748b);max-width:420px}.library-coming-soon__btn{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border:none;border-radius:12px;background:var(--primary);color:#fff;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 8px 20px -8px color-mix(in srgb,var(--primary) 50%,transparent);transition:transform .2s ease,background .2s ease}.library-coming-soon__btn:hover{background:var(--primary-hover);transform:translateY(-1px)}@media(max-width:720px){.library-coming-soon__content{flex-direction:column;text-align:center;gap:28px}.library-coming-soon__sub{margin-left:auto;margin-right:auto}}:root{--tm-bg: #fafafa;--tm-surface: #ffffff;--tm-border: #e4e4e7;--tm-border-hover: #cbd5e1;--tm-text-main: #18181b;--tm-text-muted: #71717a;--tm-text-light: #a1a1aa;--tm-accent: var(--primary, #3b82f6);--tm-accent-hover: var(--primary-hover, #2563eb);--tm-accent-light: rgba(59, 130, 246, .05);--tm-shadow-sm: 0 1px 3px rgba(0, 0, 0, .02), 0 1px 2px rgba(0, 0, 0, .04);--tm-shadow-md: 0 10px 30px -10px rgba(0, 0, 0, .06);--tm-radius: 12px;--tm-transition: all .2s cubic-bezier(.16, 1, .3, 1)}.templates-page{background:var(--tm-bg);min-height:100vh;display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--tm-text-main);-webkit-font-smoothing:antialiased}.templates-layout{display:flex;flex:1;max-width:1440px;margin:0 auto;width:100%}.templates-sidebar{width:300px;padding:40px 20px;border-right:1px solid var(--tm-border);background:var(--tm-surface);position:sticky;top:0;height:100vh;display:flex;flex-direction:column;box-sizing:border-box}.sidebar-header{margin-bottom:36px;padding-left:8px}.sidebar-header h2{font-size:14px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:var(--tm-text-main);margin:0 0 6px}.sidebar-header p{font-size:12px;color:var(--tm-text-muted);margin:0}.category-nav{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.category-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px 8px;width:100%;background:var(--tm-surface);border:1px solid var(--tm-border);border-radius:8px;cursor:pointer;transition:var(--tm-transition);text-align:center;box-sizing:border-box}.category-item:hover{background:var(--tm-accent-light);border-color:var(--tm-border-hover)}.category-item.active{background:var(--tm-accent-light);border-color:var(--tm-accent)}.category-icon{width:28px;height:28px;border-radius:6px;margin-right:0;margin-bottom:8px;object-fit:contain;transition:var(--tm-transition);filter:grayscale(1);opacity:.6}.category-item.active .category-icon,.category-item:hover .category-icon{filter:grayscale(0);opacity:1}.category-label{font-size:11px;font-weight:600;color:var(--tm-text-muted);transition:var(--tm-transition);line-height:1.3}.category-item.active .category-label{color:var(--tm-accent);font-weight:700}.templates-main{flex:1;padding:48px 56px;display:flex;flex-direction:column;min-height:100vh;box-sizing:border-box}.templates-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px;gap:24px}.header-text h1{font-size:28px;font-weight:800;color:var(--tm-text-main);margin:0 0 6px;letter-spacing:-.02em}.header-text p{font-size:14px;color:var(--tm-text-muted);max-width:480px;line-height:1.5;margin:0}.search-bar-premium{flex:1;max-width:320px;position:relative}.search-bar-premium .search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--tm-text-light);font-size:18px}.search-bar-premium input{width:100%;height:40px;background:var(--tm-surface);border:1px solid var(--tm-border);border-radius:8px;padding:0 16px 0 40px;font-size:13px;color:var(--tm-text-main);transition:var(--tm-transition);box-shadow:var(--tm-shadow-sm);box-sizing:border-box}.search-bar-premium input:focus{outline:none;border-color:var(--tm-accent);box-shadow:0 0 0 2px #18181b0d}.template-grid-main{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;width:100%}@media(max-width:1024px){.template-grid-main{grid-template-columns:1fr}}.template-card-premium{background:var(--tm-surface);border:1px solid var(--tm-border);border-radius:12px;overflow:hidden;transition:var(--tm-transition);cursor:pointer;display:flex;flex-direction:column;box-shadow:var(--tm-shadow-sm)}.template-card-premium:hover{border-color:var(--tm-border-hover);box-shadow:var(--tm-shadow-md);transform:translateY(-2px)}.card-thumb-container{width:100%;aspect-ratio:16/9;position:relative;background:var(--tm-bg);border-bottom:1px solid var(--tm-border);overflow:hidden}.high-fidelity-preview{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:var(--tm-transition)}.template-card-premium:hover .high-fidelity-preview{transform:scale(1.02)}.card-tag{position:absolute;top:14px;left:14px;background:#fffffff2;border:1px solid var(--tm-border);color:var(--tm-text-main);padding:3px 8px;border-radius:4px;font-size:10px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;z-index:2;box-shadow:var(--tm-shadow-sm)}.duration-badge{position:absolute;bottom:14px;right:14px;background:#18181bd9;color:#fff;padding:3px 8px;border-radius:4px;font-size:10px;font-weight:600;z-index:2}.card-overlay-premium{position:absolute;inset:0;background:#ffffff05;display:flex;align-items:center;justify-content:center;opacity:0;transition:var(--tm-transition);z-index:5}.btn-preview{padding:10px 20px;background:var(--tm-surface);color:var(--tm-text-main);border-radius:6px;border:1px solid var(--tm-border);font-size:13px;font-weight:600;cursor:pointer;transition:var(--tm-transition);box-shadow:var(--tm-shadow-sm)}.btn-preview:hover{background:var(--tm-accent-light);border-color:var(--tm-text-main)}.card-info-premium{padding:20px;display:flex;flex-direction:column;gap:10px;flex:1}.card-info-top{display:flex;justify-content:space-between;align-items:center}.card-info-top h3{font-size:15px;font-weight:700;color:var(--tm-text-main);margin:0}.bookmark-btn{background:var(--tm-surface);border:1px solid var(--tm-border);width:30px;height:30px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--tm-text-muted);cursor:pointer;transition:var(--tm-transition)}.bookmark-btn:hover{background:var(--tm-accent-light);color:var(--tm-text-main)}.bookmark-btn.active{background:#fff1f2;border-color:#fecaca;color:#f43f5e}.template-bundle-card__description{margin:0;font-size:12px;line-height:1.5;color:var(--tm-text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-meta-details{display:flex;gap:12px;margin-top:2px}.meta-item{font-size:11px;font-weight:500;color:var(--tm-text-muted);display:flex;align-items:center;gap:4px}.card-actions-row{margin-top:auto;padding-top:10px}.btn-use-template{width:100%;padding:9px;background:var(--tm-accent);color:var(--tm-surface);border-radius:6px;border:1px solid var(--tm-accent);font-size:12px;font-weight:600;cursor:pointer;transition:var(--tm-transition)}.btn-use-template:hover{background:var(--tm-accent-hover)}.template-bundle-detail-page{display:flex;flex-direction:column;animation:overviewFadeIn .3s ease-out}@keyframes overviewFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.template-overview__nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.template-overview__nav-actions{display:flex;align-items:center;gap:8px}.btn-back-overview{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:var(--tm-surface);border:1px solid var(--tm-border);border-radius:8px;font-size:13px;font-weight:600;color:var(--tm-text-muted);cursor:pointer;transition:var(--tm-transition)}.btn-back-overview:hover{color:var(--tm-text-main);border-color:var(--tm-text-muted)}.btn-use-primary{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--tm-accent);color:var(--tm-surface);border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:var(--tm-transition)}.btn-use-primary:hover{background:var(--tm-accent-hover)}.template-overview__hero{display:grid;grid-template-columns:1.3fr 1fr;gap:32px;padding:24px;margin-bottom:36px;background:var(--tm-surface);border:1px solid var(--tm-border);border-radius:12px;box-shadow:var(--tm-shadow-sm)}.template-overview__preview{border-radius:8px;overflow:hidden;background:#000;border:1px solid var(--tm-border)}.template-overview__preview-canvas{width:100%;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center}.template-overview__info{display:flex;flex-direction:column;gap:12px}.template-overview__category{display:inline-block;padding:3px 8px;background:var(--tm-accent-light);color:var(--tm-text-main);border-radius:4px;font-size:10px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;width:fit-content}.template-overview__title{margin:0;font-size:24px;font-weight:800;color:var(--tm-text-main);letter-spacing:-.02em;line-height:1.2}.template-overview__description{margin:0;font-size:13px;line-height:1.5;color:var(--tm-text-muted)}.template-overview__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:4px}.overview-stat{padding:10px 12px;background:var(--tm-bg);border:1px solid var(--tm-border);border-radius:8px}.overview-stat__label{display:block;font-size:9px;font-weight:700;text-transform:uppercase;color:var(--tm-text-light);margin-bottom:4px}.overview-stat__value{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:600;color:var(--tm-text-main)}.template-overview__layouts{display:flex;flex-wrap:wrap;gap:6px}.overview-layout-chip{padding:4px 8px;background:var(--tm-accent-light);border:1px solid var(--tm-border);border-radius:4px;font-size:10px;font-weight:600;color:var(--tm-text-muted)}.template-overview__scenes-head{margin-bottom:20px}.template-overview__scenes-head h2{margin:0 0 4px;font-size:18px;font-weight:800;color:var(--tm-text-main);letter-spacing:-.01em}.template-overview__scenes-head p{margin:0;font-size:13px;color:var(--tm-text-muted)}.template-overview__scene-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media(max-width:900px){.template-overview__scene-grid{grid-template-columns:repeat(2,1fr)}.template-overview__hero{grid-template-columns:1fr}}@media(max-width:600px){.template-overview__scene-grid{grid-template-columns:1fr}}.overview-scene-card{background:var(--tm-surface);border:1px solid var(--tm-border);border-radius:12px;overflow:hidden;cursor:pointer;transition:var(--tm-transition);display:flex;flex-direction:column}.overview-scene-card:hover{border-color:var(--tm-border-hover);box-shadow:var(--tm-shadow-md);transform:translateY(-2px)}.overview-scene-card__thumb{position:relative;aspect-ratio:16/9;background:var(--tm-bg);overflow:hidden;border-bottom:1px solid var(--tm-border)}.overview-scene-card__index{position:absolute;top:10px;left:10px;background:#18181bcc;color:#fff;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:700;z-index:2}.overview-scene-card__layout{position:absolute;top:10px;right:10px;background:#fffffff2;border:1px solid var(--tm-border);color:var(--tm-text-main);padding:2px 6px;border-radius:4px;font-size:9px;font-weight:700;text-transform:uppercase;z-index:2}.overview-scene-card__duration{position:absolute;bottom:10px;right:10px;background:#18181b99;color:#fff;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;z-index:2}.overview-scene-card__body{padding:14px;display:flex;flex-direction:column;gap:6px;flex:1}.overview-scene-card__body h3{margin:0;font-size:13px;font-weight:700;color:var(--tm-text-main)}.overview-scene-card__desc{margin:0;font-size:11px;line-height:1.45;color:var(--tm-text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.overview-scene-card__tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:auto;padding-top:4px}.overview-scene-tag{padding:2px 6px;background:var(--tm-accent-light);border-radius:4px;font-size:9px;font-weight:600;color:var(--tm-text-muted)}.templates-skeleton{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;width:100%}.no-results-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px;text-align:center}.no-results-state p{font-size:14px;color:var(--tm-text-muted);margin:0 0 16px}.btn-reset-filters{padding:8px 16px;background:var(--tm-surface);border:1px solid var(--tm-border);color:var(--tm-text-main);border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:var(--tm-transition)}.btn-reset-filters:hover{background:var(--tm-accent-light)}.templates-footer{border-top:1px solid var(--tm-border);background:var(--tm-surface);padding:24px 56px;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box}.footer-links{display:flex;gap:24px}.footer-links a{font-size:12px;color:var(--tm-text-muted);text-decoration:none;font-weight:500;transition:var(--tm-transition)}.footer-links a:hover{color:var(--tm-text-main)}.footer-copy{font-size:12px;color:var(--tm-text-muted)}.template-details-page{display:flex;flex-direction:column;background:var(--bg-main);min-height:100%}.details-top-nav{display:flex;align-items:center;justify-content:space-between;padding:16px 40px;background:var(--bg-card);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.btn-back-library{display:flex;align-items:center;gap:10px;padding:10px 18px;background:transparent;border:1px solid var(--border-color);border-radius:12px;font-size:14px;font-weight:700;color:var(--text-muted);cursor:pointer;transition:all .2s}.btn-back-library:hover{background:var(--bg-surface);color:var(--text-main);border-color:var(--text-muted)}.details-main-actions{display:flex;align-items:center;gap:12px}.icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;border:1px solid var(--border-color);background:transparent;color:var(--text-muted);cursor:pointer;font-size:20px;transition:all .2s}.icon-btn:hover{background:var(--bg-surface);color:var(--text-main);border-color:var(--text-muted)}.btn-use-now{display:flex;align-items:center;gap:8px;padding:11px 28px;background:var(--primary);color:#fff;border-radius:12px;border:none;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 4px 16px rgba(var(--primary-rgb),.3);transition:all .25s ease}.btn-use-now:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 20px rgba(var(--primary-rgb),.4)}.btn-use-now:active{transform:translateY(0)}.template-feature-head{display:grid;grid-template-columns:1.4fr 1fr;gap:48px;padding:48px;background:var(--bg-card);border-bottom:1px solid var(--border-color)}.feature-preview-container{background:#0a0a0f;border-radius:20px;overflow:hidden;aspect-ratio:16/9;box-shadow:0 20px 60px #0003,0 0 0 1px #ffffff0d inset;position:relative}.feature-preview-canvas{width:100%;height:100%;position:relative}.feature-preview-canvas--empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#ffffff40;font-size:14px;font-weight:600;background:linear-gradient(145deg,#1a1a2e,#0f0f1a)}.feature-img{width:100%;height:100%;object-fit:cover}.feature-play-overlay{position:absolute;inset:0;background:#00000026;display:flex;align-items:center;justify-content:center;color:#ffffffd9;cursor:pointer;opacity:0;transition:all .3s ease}.feature-preview-container:hover .feature-play-overlay{opacity:1;background:#0000004d}.feature-play-overlay svg{filter:drop-shadow(0 4px 12px rgba(0,0,0,.4));transition:transform .2s}.feature-play-overlay:hover svg{transform:scale(1.1)}.feature-info-pane{display:flex;flex-direction:column;gap:20px;padding:8px 0}.feature-badge{display:inline-block;background:rgba(var(--primary-rgb),.1);color:var(--primary);padding:6px 16px;border-radius:100px;font-size:11px;font-weight:800;width:fit-content;letter-spacing:.08em;text-transform:uppercase;border:1px solid rgba(var(--primary-rgb),.2)}.feature-info-pane h1{font-size:32px;font-weight:800;color:var(--text-main);margin:0;letter-spacing:-.03em;line-height:1.2}.feature-description{font-size:15px;line-height:1.65;color:var(--text-muted);margin:0}.quick-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.q-stat-card{padding:14px 16px;background:var(--bg-surface);border-radius:14px;border:1px solid var(--border-color);transition:border-color .2s}.q-stat-card:hover{border-color:rgba(var(--primary-rgb),.25)}.q-stat-label{font-size:10px;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.q-stat-val{font-size:14px;font-weight:700;color:var(--text-main);display:flex;align-items:center;gap:6px}.q-stat-val svg{color:var(--primary);flex-shrink:0}.feature-perks{display:flex;flex-direction:column;gap:10px}.perk-item{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:var(--text-muted)}.perk-item svg.green{color:#10b981}.btn-view-scenes{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:14px;color:var(--text-main);font-size:14px;font-weight:700;cursor:pointer;transition:all .25s ease;width:fit-content;margin-top:4px}.btn-view-scenes svg{color:var(--primary)}.btn-view-scenes:hover{background:rgba(var(--primary-rgb),.08);border-color:rgba(var(--primary-rgb),.3);color:var(--primary)}.template-slides-breakdown{padding:56px 48px;max-width:1200px;margin:0 auto;width:100%}.section-head{margin-bottom:40px}.section-head h2{font-size:22px;font-weight:800;color:var(--text-main);margin:0 0 8px}.section-head p{color:var(--text-muted);font-size:15px;margin:0}.slides-list{display:flex;flex-direction:column;gap:24px}.slide-item-entry{display:grid;grid-template-columns:280px 1fr;gap:32px;align-items:center;padding:20px;border-radius:20px;border:1px solid var(--border-color);background:var(--bg-card);cursor:pointer;transition:all .25s ease}.slide-item-entry:hover{border-color:rgba(var(--primary-rgb),.25);box-shadow:0 8px 32px #0000000f;transform:translateY(-2px)}.slide-thumb-box{border-radius:14px;overflow:hidden;aspect-ratio:16/9;box-shadow:0 4px 12px #0000000f;border:1px solid var(--border-color);position:relative;background:#0a0a0f}.slide-thumb-canvas{width:100%;height:100%;position:relative}.slide-thumb-canvas--empty{display:flex;align-items:center;justify-content:center;color:#fff3;background:linear-gradient(145deg,#1a1a2e,#0f0f1a)}.slide-thumb{width:100%;height:100%;object-fit:cover}.slide-thumb-hover{position:absolute;inset:0;background:#00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#fff;font-size:13px;font-weight:700;opacity:0;transition:opacity .25s ease;border-radius:14px}.slide-item-entry:hover .slide-thumb-hover{opacity:1}.slide-content-entry{display:flex;flex-direction:column;gap:8px}.slide-num{font-size:12px;font-weight:800;color:var(--primary);text-transform:uppercase;letter-spacing:.1em}.slide-content-entry h3{font-size:18px;font-weight:800;color:var(--text-main);margin:0}.slide-content-entry p{font-size:14px;line-height:1.6;color:var(--text-muted);margin:0}.tag-cloud{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.slide-tag{background:var(--bg-surface);color:var(--text-muted);padding:3px 10px;border-radius:6px;font-size:11px;font-weight:600;border:1px solid var(--border-color)}.cta-block-bottom{margin-top:64px;background:linear-gradient(135deg,var(--bg-card) 0%,var(--bg-surface) 100%);border-radius:24px;padding:48px 56px;display:flex;justify-content:space-between;align-items:center;color:var(--text-main);border:1px solid var(--border-color);gap:32px}.cta-content h2{font-size:28px;font-weight:800;margin:0 0 10px;letter-spacing:-.02em}.cta-content p{font-size:15px;color:var(--text-muted);margin:0}.btn-use-large{display:flex;align-items:center;gap:10px;padding:16px 36px;background:var(--primary);color:#fff;border:none;border-radius:16px;font-size:15px;font-weight:750;cursor:pointer;box-shadow:0 8px 24px rgba(var(--primary-rgb),.3);transition:all .25s ease;white-space:nowrap;flex-shrink:0}.btn-use-large:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 12px 32px rgba(var(--primary-rgb),.4)}.btn-use-large:active{transform:translateY(0)}.scene-viewer-overlay{position:fixed;inset:0;z-index:10000;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;animation:sceneViewerFadeIn .25s ease}@keyframes sceneViewerFadeIn{0%{opacity:0}to{opacity:1}}.scene-viewer-modal{background:var(--bg-card);border-radius:24px;width:90vw;max-width:1100px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 32px 80px #0006;border:1px solid var(--border-color);animation:sceneViewerSlideUp .3s ease}@keyframes sceneViewerSlideUp{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.scene-viewer-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border-color)}.scene-viewer-title{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700;color:var(--text-main)}.scene-viewer-title svg{color:var(--primary)}.scene-viewer-scene-name{color:var(--text-muted);font-weight:500}.scene-viewer-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;border:none;background:var(--bg-surface);color:var(--text-muted);cursor:pointer;transition:all .2s}.scene-viewer-close:hover{background:#ef44441a;color:#ef4444}.scene-viewer-body{display:flex;align-items:center;padding:24px;gap:16px;flex:1;min-height:0}.scene-viewer-nav{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-main);cursor:pointer;flex-shrink:0;transition:all .2s}.scene-viewer-nav:hover:not(:disabled){background:var(--primary);color:#fff;border-color:var(--primary)}.scene-viewer-nav:disabled{opacity:.25;cursor:not-allowed}.scene-viewer-canvas-area{flex:1;display:flex;flex-direction:column;align-items:center;gap:16px;min-width:0}.scene-viewer-canvas{width:100%;max-width:800px;aspect-ratio:16/9;background:#0a0a0f;border-radius:16px;overflow:hidden;box-shadow:0 12px 40px #00000026;border:1px solid rgba(255,255,255,.06)}.scene-viewer-img{width:100%;height:100%;object-fit:cover}.scene-viewer-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#fff3;font-size:14px;font-weight:600}.scene-viewer-description{text-align:center;color:var(--text-muted);font-size:14px;line-height:1.6;max-width:600px;margin:0}.scene-viewer-tags{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.scene-viewer-strip{display:flex;gap:8px;padding:16px 24px 20px;border-top:1px solid var(--border-color);overflow-x:auto;justify-content:center}.scene-viewer-strip::-webkit-scrollbar{height:4px}.scene-viewer-strip::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.scene-strip-thumb{width:80px;height:45px;border-radius:8px;overflow:hidden;border:2px solid transparent;cursor:pointer;flex-shrink:0;padding:0;background:#0a0a0f;transition:all .2s}.scene-strip-thumb:hover{border-color:rgba(var(--primary-rgb),.35)}.scene-strip-thumb.active{border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.2)}.scene-strip-thumb img{width:100%;height:100%;object-fit:cover}.strip-thumb-canvas{width:100%;height:100%;position:relative}.strip-thumb-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#ffffff4d;font-size:14px;font-weight:700;background:linear-gradient(145deg,#1a1a2e,#0f0f1a)}@media(max-width:900px){.template-feature-head{grid-template-columns:1fr;padding:24px;gap:32px}.details-top-nav{padding:12px 20px}.template-slides-breakdown{padding:32px 20px}.slide-item-entry{grid-template-columns:1fr;gap:16px;padding:16px}.cta-block-bottom{flex-direction:column;text-align:center;padding:32px 24px}.scene-viewer-modal{width:96vw;max-height:95vh;border-radius:16px}}.loading-dots{display:inline-flex;align-items:center;gap:.18em;line-height:1;vertical-align:middle;color:var(--text-main)}.loading-dots--sm{font-size:13px}.loading-dots--md{font-size:20px}.loading-dots--lg{font-size:32px}.loading-dots--on-primary{color:var(--primary-contrast, #ffffff)}.loading-dots__dot{display:inline-block;animation:loading-dots-bounce 1.2s ease-in-out infinite;opacity:.35}.loading-dots__dot:nth-child(1){animation-delay:0s}.loading-dots__dot:nth-child(2){animation-delay:.15s}.loading-dots__dot:nth-child(3){animation-delay:.3s}@keyframes loading-dots-bounce{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-.22em)}}.modal-overlay-wrapper{position:fixed;inset:0;z-index:2500;display:flex;align-items:center;justify-content:center;padding:20px}.professional-modal{width:100%;max-width:620px;background:var(--bg-card);border-radius:20px;box-shadow:0 12px 48px #0003,0 0 0 1px var(--border-color);overflow:visible;position:relative;z-index:2600;font-family:"Outfit",var(--font-family)}.modal-header{padding:24px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:flex-start}.header-icon-title{display:flex;align-items:center;gap:16px}.header-icon-container{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.folder-icon-bg{background:linear-gradient(135deg,#6366f1,#4f46e5)}.modal-header h2{margin:0;font-size:20px;font-weight:700;color:var(--text-main)}.modal-subtitle{margin:2px 0 0;font-size:13px;color:var(--text-muted);font-weight:400}.icon-btn-close-outside{position:absolute;top:-12px;right:-12px;background:#fff;border:none;color:#64748b;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #00000026;z-index:2700;padding:0;transition:transform .2s}.icon-btn-close-outside:active{transform:scale(.9)}.modal-body-premium{padding:24px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:600;margin-bottom:8px;color:var(--text-main)}.form-input-premium{width:100%;padding:12px 16px;border:2px solid var(--border-color);background:var(--bg-surface);color:var(--text-main);border-radius:12px;font-size:15px;font-weight:500;outline:none;transition:all .2s}.form-input-premium:focus{border-color:var(--primary);background:var(--bg-main);box-shadow:0 0 0 4px rgba(var(--primary-rgb),.1)}.input-hint{font-size:12px;color:var(--text-muted);margin-top:6px;display:block}.modal-footer-premium{display:flex;justify-content:flex-end;gap:12px;margin-top:32px}.btn-secondary-premium{padding:12px 24px;border-radius:12px;background:var(--bg-surface);color:var(--text-main);border:1px solid var(--border-color);font-weight:600;font-size:14px;cursor:pointer;transition:all .2s}.btn-secondary-premium:hover{background:var(--bg-card);border-color:var(--text-muted)}.btn-primary-premium{padding:12px 24px;border-radius:12px;background:var(--primary);color:var(--primary-contrast);border:none;font-weight:700;font-size:14px;cursor:pointer;box-shadow:0 4px 12px rgba(var(--primary-rgb),.3);transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.btn-primary-premium:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 8px 20px rgba(var(--primary-rgb),.4)}.btn-primary-premium:disabled{opacity:.5;cursor:not-allowed;transform:none}.input-error{border-color:#ef4444!important;background:#fef2f2!important}.error-message-modal{display:block;font-size:12px;color:#ef4444;margin-top:6px;font-weight:600;animation:shake .4s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.astryd-modal{display:flex;width:560px;max-width:100%;padding:16px;flex-direction:column;align-items:flex-start;border-radius:10px;background:color-mix(in srgb,var(--bg-card) 75%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid color-mix(in srgb,var(--border-color) 45%,transparent);box-shadow:0 20px 40px #0003,0 0 0 1px color-mix(in srgb,var(--border-color) 25%,transparent);color:var(--text-main);position:relative;z-index:2600;font-family:"Outfit",var(--font-family);gap:16px;box-sizing:border-box}.astryd-header{width:100%;display:flex;justify-content:space-between;align-items:flex-start}.astryd-title-group{display:flex;align-items:center;gap:12px}.astryd-icon-container{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;flex-shrink:0}.astryd-title-group h2{margin:0;font-size:18px;font-weight:700;color:var(--text-main);letter-spacing:-.01em}.astryd-subtitle{margin:2px 0 0;font-size:12px;color:var(--text-muted)}.astryd-close-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background-color .2s,color .2s}.astryd-close-btn:hover{background:color-mix(in srgb,var(--bg-surface) 60%,transparent);color:var(--text-main)}.astryd-form{width:100%;display:flex;flex-direction:column;gap:16px}.astryd-form-group{display:flex;flex-direction:column;width:100%;gap:6px}.astryd-form-group label{font-size:13px;font-weight:600;color:var(--text-main)}.astryd-input{width:100%;padding:10px 14px;border:1px solid color-mix(in srgb,var(--border-color) 70%,transparent);background:color-mix(in srgb,var(--bg-surface) 40%,transparent);color:var(--text-main);border-radius:8px;font-size:14px;outline:none;transition:border-color .2s,box-shadow .2s,background-color .2s;box-sizing:border-box}.astryd-input:focus{border-color:var(--primary);background:color-mix(in srgb,var(--bg-surface) 60%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 15%,transparent)}.astryd-input-error{border-color:var(--delete-red)!important;background:color-mix(in srgb,var(--delete-red) 5%,var(--bg-surface))!important}.astryd-hint{font-size:11px;color:var(--text-muted);font-weight:400}.astryd-error{font-size:11px;color:var(--delete-red);font-weight:600;animation:shake .4s cubic-bezier(.36,.07,.19,.97) both}.astryd-email-group{display:flex;gap:8px;width:100%}.astryd-email-btn{width:38px;height:38px;border-radius:8px;background:var(--primary);color:var(--primary-contrast);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s,transform .1s;flex-shrink:0}.astryd-email-btn:hover{background:var(--primary-hover)}.astryd-email-btn:active{transform:scale(.95)}.astryd-chips-container{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px;max-height:80px;overflow-y:auto}.astryd-chip{background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary);border:1px solid color-mix(in srgb,var(--primary) 20%,transparent);border-radius:999px;padding:4px 10px;display:inline-flex;align-items:center;gap:6px;font-size:12px}.astryd-chip button{background:transparent;border:none;color:var(--primary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:2px;border-radius:50%;transition:background-color .2s}.astryd-chip button:hover{background:color-mix(in srgb,var(--primary) 20%,transparent)}.astryd-footer{width:100%;display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.astryd-btn-secondary{padding:10px 18px;border-radius:8px;background:transparent;color:var(--text-main);border:1px solid var(--border-color);font-weight:600;font-size:13px;cursor:pointer;transition:background-color .2s,border-color .2s}.astryd-btn-secondary:hover{background:color-mix(in srgb,var(--bg-surface) 60%,transparent);border-color:var(--text-muted)}.astryd-btn-accent-outline{padding:10px 18px;border-radius:8px;background:transparent;color:var(--primary);border:1px solid color-mix(in srgb,var(--primary) 30%,transparent);font-weight:600;font-size:13px;cursor:pointer;transition:background-color .2s,border-color .2s,transform .1s}.astryd-btn-accent-outline:hover{background:color-mix(in srgb,var(--primary) 10%,transparent);border-color:var(--primary)}.astryd-btn-accent-outline:active{transform:scale(.98)}.astryd-btn-primary{padding:10px 18px;border-radius:8px;background:var(--primary);color:var(--primary-contrast);border:none;font-weight:700;font-size:13px;cursor:pointer;transition:background-color .2s,transform .1s,box-shadow .2s}.astryd-btn-primary:hover:not(:disabled){background:var(--primary-hover)}.astryd-btn-primary:active:not(:disabled){transform:scale(.98)}.astryd-btn-primary:disabled{opacity:.5;cursor:not-allowed}.astryd-btn-primary--invite{display:inline-flex;align-items:center;justify-content:center;gap:8px}.astryd-invite-sending-banner{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;background:color-mix(in srgb,var(--primary) 10%,transparent);border:1px solid color-mix(in srgb,var(--primary) 22%,transparent);font-size:12px;font-weight:500;color:var(--text-main)}.astryd-invite-spinner{width:14px;height:14px;border:2px solid color-mix(in srgb,var(--primary) 28%,transparent);border-top-color:var(--primary);border-radius:50%;animation:astryd-spin .75s linear infinite;flex-shrink:0}.astryd-invite-spinner--on-primary{border-color:#ffffff59;border-top-color:#fff;width:12px;height:12px}@keyframes astryd-spin{to{transform:rotate(360deg)}}.astryd-btn-text{background:transparent;border:none;color:var(--primary);font-size:12px;font-weight:600;cursor:pointer;padding:4px 0;text-align:left;transition:color .2s;display:inline-block;margin-top:6px}.astryd-btn-text:hover{color:var(--primary-hover);text-decoration:underline}.astryd-dropdown-menu{position:absolute;right:0;top:100%;background:var(--bg-card);border:1px solid color-mix(in srgb,var(--border-color) 45%,transparent);border-radius:8px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;z-index:100;min-width:130px;padding:4px 0;margin-top:4px;animation:astrydSlideIn .18s cubic-bezier(.16,1,.3,1);transform-origin:top right}@keyframes astrydSlideIn{0%{opacity:0;transform:scale(.95) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.astryd-dropdown-item{width:100%;text-align:left;background:transparent;border:none;padding:8px 12px;font-size:12px;color:var(--text-main);cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .15s ease,color .15s ease}.astryd-dropdown-item:hover{background:color-mix(in srgb,var(--text-main) 8%,transparent)}.astryd-dropdown-item.active{background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary);font-weight:600}.astryd-dropdown-item.danger{color:#ef4444}.astryd-dropdown-item.danger:hover{background:color-mix(in srgb,#ef4444 10%,transparent)}.astryd-modal{padding:0!important;gap:0!important;overflow:hidden}.astryd-header{background:var(--primary);padding:18px 24px;border-top-left-radius:15px;border-top-right-radius:15px;box-sizing:border-box}.astryd-header .astryd-title-group h2{color:var(--primary-contrast)!important}.astryd-header .astryd-subtitle{color:color-mix(in srgb,var(--primary-contrast) 70%,transparent)!important}.astryd-header .astryd-icon-container{background:var(--primary-contrast)!important;color:var(--primary)!important}.astryd-header .astryd-close-btn{color:var(--primary-contrast)!important;opacity:.85;transition:opacity .2s,background-color .2s}.astryd-header .astryd-close-btn:hover{opacity:1;background:color-mix(in srgb,var(--primary-contrast) 15%,transparent)!important;color:var(--primary-contrast)!important}.astryd-form{padding:20px 24px 24px;box-sizing:border-box}.astryd-select-wrapper{position:relative;display:inline-block}.astryd-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;padding:0 30px 0 12px;border:1px solid color-mix(in srgb,var(--border-color) 70%,transparent);background:color-mix(in srgb,var(--bg-surface) 40%,transparent);color:var(--text-main);border-radius:8px;font-size:13px;font-weight:500;outline:none;transition:border-color .2s,box-shadow .2s,background-color .2s;cursor:pointer;box-sizing:border-box}.astryd-select:focus{border-color:var(--primary);background:color-mix(in srgb,var(--bg-surface) 60%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 15%,transparent)}.astryd-select-arrow{position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-muted);display:flex;align-items:center;transition:color .2s,transform .2s ease}.astryd-select:focus+.astryd-select-arrow{color:var(--primary)}.astryd-select-arrow.open{transform:translateY(-50%) rotate(180deg)}.astryd-member-card{border:1px solid color-mix(in srgb,var(--border-color) 45%,transparent);border-radius:10px;padding:12px 16px;margin-bottom:10px;background:color-mix(in srgb,var(--bg-surface) 35%,transparent);position:relative;transition:all .22s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.astryd-member-card:hover{background:color-mix(in srgb,var(--bg-surface) 65%,transparent);border-color:color-mix(in srgb,var(--primary) 20%,var(--border-color));box-shadow:0 4px 16px #0000000f;transform:translateY(-1.5px)}.astryd-role-tag{font-size:10px;font-weight:600;padding:2px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.03em;display:inline-flex;align-items:center;gap:4px}.astryd-role-tag.owner{background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary);border:1px solid color-mix(in srgb,var(--primary) 25%,transparent)}.astryd-role-tag.admin{background:color-mix(in srgb,var(--secondary) 12%,transparent);color:var(--secondary);border:1px solid color-mix(in srgb,var(--secondary) 25%,transparent)}.astryd-role-tag.member{background:color-mix(in srgb,var(--text-muted) 10%,transparent);color:var(--text-muted);border:1px solid color-mix(in srgb,var(--text-muted) 20%,transparent)}.astryd-role-tag.invitee{background:color-mix(in srgb,var(--primary) 8%,transparent);color:var(--primary);border:1px dashed color-mix(in srgb,var(--primary) 30%,transparent)}.astryd-member-avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--text-muted) 10%,transparent);color:var(--text-muted);flex-shrink:0;transition:all .22s ease}.astryd-member-card:hover .astryd-member-avatar{background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary)}.astryd-invitee-avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--primary) 8%,transparent);color:var(--primary);flex-shrink:0;border:1px dashed color-mix(in srgb,var(--primary) 30%,transparent)}.astryd-action-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.astryd-action-btn:hover{background:color-mix(in srgb,var(--text-muted) 12%,transparent);color:var(--text-main)}.astryd-count-badge{font-size:11px;font-weight:700;padding:1px 6px;border-radius:999px;background:color-mix(in srgb,var(--text-muted) 12%,transparent);color:var(--text-muted)}.workspace-credits-usage-modal{width:min(920px,96vw)!important;max-width:min(920px,96vw)!important;height:min(720px,85vh);max-height:min(720px,85vh);display:flex;flex-direction:column;overflow:hidden}.workspace-credits-usage-modal__header{flex-shrink:0}.workspace-credits-usage-modal__body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;width:100%;padding-top:8px;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--primary) 72%,transparent) transparent}.workspace-credits-usage-modal__body::-webkit-scrollbar{width:6px}.workspace-credits-usage-modal__body::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--primary) 72%,transparent);border-radius:999px}.storage-request-overlay{z-index:2600}.storage-request-modal{width:min(100%,520px)}.storage-request-form{padding:0 24px 24px}.storage-request-context{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;padding:14px;border-radius:12px;background:color-mix(in srgb,var(--primary) 6%,var(--bg-surface));border:1px solid color-mix(in srgb,var(--primary) 18%,var(--border-color))}.storage-request-context-label{display:block;font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px}.storage-request-context strong{font-size:.88rem;color:var(--text-main)}.storage-request-error{padding:10px 12px;border-radius:8px;background:color-mix(in srgb,#ef4444 10%,var(--bg-surface));border:1px solid color-mix(in srgb,#ef4444 28%,var(--border-color));color:#b91c1c;font-size:.82rem;font-weight:600}.storage-request-textarea{min-height:96px;resize:vertical;font-family:inherit}.storage-request-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.storage-request-actions .astryd-btn-primary{display:inline-flex;align-items:center;gap:8px}.storage-request-success{padding:8px 24px 28px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}.storage-request-success svg{color:#059669}.storage-request-success h3{margin:0;font-size:1.15rem;color:var(--text-main)}.storage-request-success p{margin:0 0 8px;font-size:.88rem;color:var(--text-muted);line-height:1.5;max-width:360px}.storage-request-pending{padding:8px 24px 28px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}.storage-request-pending svg{color:#d97706}.storage-request-pending h3{margin:0;font-size:1.15rem;color:var(--text-main)}.storage-request-pending p{margin:0 0 8px;font-size:.88rem;color:var(--text-muted);line-height:1.5;max-width:360px}.billing-storage-actions{display:flex;justify-content:flex-end;margin-top:16px}.billing-storage-request-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:10px;border:1px solid color-mix(in srgb,var(--primary) 35%,var(--border-color));background:color-mix(in srgb,var(--primary) 8%,var(--bg-card));color:var(--primary);font-size:.84rem;font-weight:700;cursor:pointer;font-family:inherit;transition:background .2s,border-color .2s,transform .15s}.billing-storage-request-btn:hover:not(:disabled){background:color-mix(in srgb,var(--primary) 14%,var(--bg-card));border-color:color-mix(in srgb,var(--primary) 50%,var(--border-color));transform:translateY(-1px)}.billing-storage-request-btn:disabled{opacity:.55;cursor:not-allowed}.billing-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:14px 18px;border:1px solid var(--border-color);border-radius:14px;background:var(--bg-surface)}.billing-toolbar-context{display:flex;flex-direction:column;gap:10px;min-width:0;flex:1}.billing-toolbar-label{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.billing-workspace-single{font-size:.9rem;font-weight:600;color:var(--text-main)}.billing-workspace-chips{display:flex;flex-wrap:wrap;gap:8px}.billing-workspace-chip{display:inline-flex;align-items:center;gap:10px;padding:8px 12px 8px 8px;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-card);color:var(--text-muted);cursor:pointer;font-family:inherit;text-align:left;transition:border-color .2s,background .2s,color .2s,box-shadow .2s}.billing-workspace-chip:hover:not(:disabled){border-color:color-mix(in srgb,var(--primary) 30%,var(--border-color));color:var(--text-main)}.billing-workspace-chip.active{border-color:color-mix(in srgb,var(--primary) 45%,var(--border-color));background:color-mix(in srgb,var(--primary) 8%,var(--bg-card));color:var(--text-main);box-shadow:0 4px 14px -8px color-mix(in srgb,var(--primary) 40%,transparent)}.billing-workspace-chip:disabled{opacity:.6;cursor:not-allowed}.billing-workspace-chip-icon{width:32px;height:32px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.billing-workspace-chip-icon.personal{background:color-mix(in srgb,#6366f1 14%,var(--bg-surface));color:#6366f1}.billing-workspace-chip-icon.team{background:color-mix(in srgb,var(--primary) 14%,var(--bg-surface));color:var(--primary)}.billing-workspace-chip-text{display:flex;flex-direction:column;gap:1px;min-width:0}.billing-workspace-chip-name{font-size:.84rem;font-weight:700;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.billing-workspace-chip-type{font-size:.68rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.billing-workspace-chip.active .billing-workspace-chip-type{color:color-mix(in srgb,var(--primary) 70%,var(--text-muted))}.billing-toolbar-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.billing-refresh-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-card);color:var(--text-muted);font-size:.82rem;font-weight:600;cursor:pointer;font-family:inherit;transition:border-color .2s,color .2s,background .2s}.billing-refresh-btn:hover:not(:disabled){background:var(--bg-main);color:var(--text-main);border-color:color-mix(in srgb,var(--primary) 35%,var(--border-color))}.billing-refresh-btn:disabled{opacity:.55;cursor:not-allowed}.billing-refresh-btn svg{transition:transform .4s ease}.billing-refresh-btn:not(:disabled):hover svg{transform:rotate(-90deg)}.billing-summary-strip{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:14px}.billing-summary-hero{position:relative;overflow:hidden;border-radius:16px;padding:22px 24px;border:1px solid color-mix(in srgb,var(--primary) 28%,var(--border-color));background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 12%,var(--bg-card)) 0%,var(--bg-card) 55%);display:flex;flex-direction:column;justify-content:center;gap:6px}.billing-summary-hero:after{content:"";position:absolute;top:-40%;right:-10%;width:180px;height:180px;border-radius:50%;background:color-mix(in srgb,var(--primary) 10%,transparent);pointer-events:none}.billing-summary-hero-label{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.billing-summary-hero-value{margin:0;font-size:2.25rem;font-weight:800;letter-spacing:-.03em;color:var(--text-main);line-height:1.1;min-height:2.5rem;display:flex;align-items:center}.billing-credit-loading{color:var(--primary)}.billing-summary-hero-sub{margin:0;font-size:.84rem;color:var(--text-muted)}.billing-metric-card{border:1px solid var(--border-color);border-radius:16px;background:var(--bg-card);padding:18px 20px;display:flex;flex-direction:column;gap:10px;transition:border-color .2s,box-shadow .2s}.billing-metric-card:hover{border-color:color-mix(in srgb,var(--primary) 22%,var(--border-color));box-shadow:0 8px 24px -18px color-mix(in srgb,var(--primary) 35%,transparent)}.billing-metric-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.billing-metric-card-label{font-size:.78rem;font-weight:600;color:var(--text-muted)}.billing-metric-card-icon{width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--primary) 12%,var(--bg-surface));color:var(--primary);font-size:1.1rem;flex-shrink:0}.billing-metric-card-value{margin:0;font-size:1.65rem;font-weight:800;letter-spacing:-.02em;color:var(--text-main);line-height:1.15;min-height:1.9rem;display:flex;align-items:center}.billing-metric-card-hint{margin:0;font-size:.74rem;color:var(--text-muted);line-height:1.45}.billing-panel{border:1px solid var(--border-color);border-radius:16px;background:var(--bg-card);overflow:hidden}.billing-panel-header{display:flex;align-items:flex-start;gap:14px;padding:20px 22px 0}.billing-panel-header-icon{width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--primary) 12%,var(--bg-surface));color:var(--primary);flex-shrink:0}.billing-panel-header h4{margin:0 0 4px;font-size:1rem;font-weight:700;color:var(--text-main)}.billing-panel-header p{margin:0;font-size:.84rem;color:var(--text-muted);line-height:1.45}.billing-panel-body{padding:18px 22px 22px}.billing-plan-badge{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:5px 10px;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,var(--bg-surface));border:1px solid color-mix(in srgb,var(--primary) 22%,var(--border-color))}.billing-footprint-note{margin:14px 0 0;padding:12px 14px;border-radius:10px;font-size:.82rem;color:var(--text-muted);background:var(--bg-surface);border:1px solid var(--border-color);line-height:1.5}.billing-footprint-note strong{color:var(--text-main);font-weight:600}.billing-transfer-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px}.billing-transfer-field{display:flex;flex-direction:column;gap:6px;min-width:140px}.billing-transfer-field label{font-size:.78rem;font-weight:600;color:var(--text-muted)}.billing-transfer-field input{width:160px;padding:11px 14px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-surface);color:var(--text-main);font-size:.9rem;font-family:inherit}.billing-transfer-field input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent)}.billing-transfer-actions{display:flex;flex-wrap:wrap;gap:10px}.billing-history-panel .billing-panel-header{padding-bottom:0}.billing-history-tabs{display:flex;gap:4px;padding:16px 22px 0;border-bottom:1px solid var(--border-color)}.billing-history-tab{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;background:transparent;color:var(--text-muted);font-size:.84rem;font-weight:600;cursor:pointer;font-family:inherit;transition:color .2s,border-color .2s}.billing-history-tab:hover{color:var(--text-main)}.billing-history-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.billing-history-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;font-size:.7rem;font-weight:700;background:var(--bg-surface);color:var(--text-muted)}.billing-history-tab.active .billing-history-tab-count{background:color-mix(in srgb,var(--primary) 14%,var(--bg-surface));color:var(--primary)}.billing-history-table{width:100%;border-collapse:collapse;min-width:560px}.billing-history-table th,.billing-history-table td{padding:13px 22px;text-align:left;font-size:.86rem;border-bottom:1px solid color-mix(in srgb,var(--border-color) 65%,transparent)}.billing-history-table th{font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);background:var(--bg-surface)}.billing-history-table tbody tr{transition:background .15s ease}.billing-history-table tbody tr:hover{background:color-mix(in srgb,var(--primary) 4%,var(--bg-card))}.billing-history-table tbody tr:last-child td{border-bottom:none}.billing-history-table .col-amount{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.billing-tx-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.02em;white-space:nowrap}.billing-tx-badge--usage{color:#b45309;background:color-mix(in srgb,#f59e0b 14%,var(--bg-surface))}.billing-tx-badge--credit{color:#047857;background:color-mix(in srgb,#10b981 14%,var(--bg-surface))}.billing-tx-badge--transfer{color:#1d4ed8;background:color-mix(in srgb,#3b82f6 14%,var(--bg-surface))}.billing-tx-badge--neutral{color:var(--text-muted);background:var(--bg-surface)}.billing-tx-badge--pending{color:#b45309;background:color-mix(in srgb,#f59e0b 14%,var(--bg-surface))}.billing-tx-badge--approved{color:#047857;background:color-mix(in srgb,#10b981 14%,var(--bg-surface))}.billing-tx-badge--rejected{color:#b91c1c;background:color-mix(in srgb,#ef4444 12%,var(--bg-surface))}.billing-upgrade-active{display:flex;align-items:flex-start;gap:12px;margin-top:14px;padding:12px 14px;border-radius:12px;border:1px solid color-mix(in srgb,#f59e0b 35%,var(--border-color));background:color-mix(in srgb,#f59e0b 8%,var(--bg-surface));color:var(--text-main)}.billing-upgrade-active svg{flex-shrink:0;color:#d97706;margin-top:2px}.billing-upgrade-active strong{display:block;font-size:.88rem;margin-bottom:4px}.billing-upgrade-active p{margin:0;font-size:.82rem;color:var(--text-muted);line-height:1.45}.billing-upgrade-amount{display:block;font-weight:700;font-size:.84rem}.billing-upgrade-urgency,.billing-upgrade-reviewed{display:block;font-size:.75rem;color:var(--text-muted);margin-top:2px}.billing-upgrade-review-note{display:block;font-size:.75rem;color:var(--text-muted);margin-top:4px;max-width:220px;line-height:1.35}.billing-amount--positive{color:#047857}.billing-amount--negative{color:#b91c1c}.billing-amount--neutral{color:var(--text-main)}.billing-ref-cell{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted);font-size:.82rem}.billing-activity-col{min-width:220px;max-width:360px}.billing-activity-cell{display:flex;flex-direction:column;gap:3px;min-width:0}.billing-activity-title{display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:.86rem;font-weight:600;color:var(--text-main);line-height:1.35}.billing-activity-sub{font-size:.76rem;color:var(--text-muted);line-height:1.4}.billing-duration-chip{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:999px;font-size:.68rem;font-weight:700;color:var(--text-muted);background:var(--bg-surface);border:1px solid var(--border-color);white-space:nowrap}.billing-date-cell{color:var(--text-muted);font-size:.82rem;white-space:nowrap}.billing-history-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 22px;border-top:1px solid var(--border-color);background:var(--bg-surface)}.billing-history-pagination span{font-size:.82rem;color:var(--text-muted);font-weight:500}.billing-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:48px 24px;text-align:center}.billing-empty-state-icon{width:48px;height:48px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-surface);color:var(--text-muted);font-size:1.4rem}.billing-empty-state p{margin:0;font-size:.9rem;color:var(--text-muted)}.billing-loading-row{padding:40px 22px;text-align:center;color:var(--text-muted);font-size:.88rem}.billing-alert{margin-bottom:4px;padding:12px 16px;border-radius:10px;font-size:.86rem;font-weight:500;display:flex;align-items:center;gap:8px}.billing-alert-error{color:#b91c1c;background:color-mix(in srgb,#ef4444 10%,var(--bg-card));border:1px solid color-mix(in srgb,#ef4444 28%,var(--border-color))}.billing-alert-success{color:#047857;background:color-mix(in srgb,#10b981 10%,var(--bg-card));border:1px solid color-mix(in srgb,#10b981 28%,var(--border-color))}@media(max-width:768px){.billing-toolbar{flex-direction:column;align-items:stretch}.billing-workspace-chips{flex-direction:column}.billing-workspace-chip{width:100%}.billing-workspace-chip-name{max-width:none}.billing-toolbar-actions{justify-content:flex-end}.billing-summary-strip{grid-template-columns:1fr}.billing-transfer-form{flex-direction:column;align-items:stretch}.billing-transfer-field input,.billing-transfer-actions{width:100%}.billing-transfer-actions .btn-premium{flex:1;justify-content:center}.billing-history-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.billing-history-tab{flex-shrink:0}}.settings-page{width:100%;height:100%;min-height:100%;padding:24px 32px;display:flex;flex-direction:column;background:var(--bg-main);color:var(--text-main);box-sizing:border-box;font-family:var(--font-family)}.settings-shell{width:100%;max-width:1600px;margin:0 auto;padding:0;box-sizing:border-box;flex:1;min-height:0;display:flex;flex-direction:column}.settings-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.settings-page-title{margin:0;font-size:2rem;font-weight:700;letter-spacing:-.025em;color:var(--text-main);font-family:var(--font-family)}.settings-tab-switch{display:flex;flex-wrap:wrap;gap:10px;border-bottom:1px solid var(--border-color);padding-bottom:14px}.settings-tab-btn{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-muted);border-radius:10px;padding:8px 14px;min-height:40px;font-size:.875rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-family:inherit;transition:all .2s ease}.settings-tab-btn:hover{color:var(--text-main);border-color:color-mix(in srgb,var(--primary) 35%,var(--border-color))}.settings-tab-btn.active{color:#fff;background:var(--primary);border-color:var(--primary);box-shadow:0 4px 14px -4px color-mix(in srgb,var(--primary) 45%,transparent)}.settings-tab-btn.active:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.settings-tab-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg-main),0 0 0 4px var(--primary)}.settings-tab-icon{display:inline-flex;align-items:center;justify-content:center;font-size:18px}.settings-main{flex:1;padding:28px 0 0;overflow-y:auto;background:transparent;transition:background .3s ease;-ms-overflow-style:none;scrollbar-width:none}.settings-main::-webkit-scrollbar{display:none}@media(max-width:1024px){.settings-page{padding:20px 24px}}@media(max-width:768px){.settings-page{padding:16px}.settings-page-header{margin-bottom:16px}.settings-page-title{font-size:24px}.settings-tab-switch{gap:8px;padding-bottom:10px}.settings-tab-btn{padding:7px 12px;min-height:36px;font-size:12px}.settings-main{padding-top:18px}.settings-section{max-width:100%;margin-bottom:28px}.settings-section-header h3{font-size:1.35rem;margin-bottom:4px}.settings-section-header p{font-size:.8125rem;margin-bottom:16px}.settings-card{border-radius:14px;padding:18px}.settings-group{gap:16px}}@media(max-width:480px){.settings-page{padding:12px}.settings-page-title{font-size:1.4rem}.settings-tab-switch{gap:6px}.settings-tab-btn{min-height:34px;padding:6px 10px;border-radius:8px;font-size:11px;gap:6px}.settings-tab-icon{font-size:15px}.settings-main{padding-top:14px}.settings-card{padding:14px;border-radius:12px}}.settings-section{max-width:100%;margin-bottom:60px;animation:fadeIn .5s ease-out}.settings-section-header h3{font-size:24px;font-weight:700;color:var(--text-main);margin-bottom:6px;letter-spacing:-.02em}.settings-section-header p{font-size:14px;color:var(--text-muted);margin-bottom:24px}.settings-card{background:transparent;border:none;border-radius:0;padding:0;box-shadow:none;transition:none}.settings-group{display:flex;flex-direction:column;gap:24px}.settings-avatar-row{display:flex;align-items:center;gap:24px;background:var(--bg-surface);padding:24px;border-radius:16px;border:1px solid var(--border-color);margin-bottom:8px}.settings-avatar-circle{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--secondary));display:flex;align-items:center;justify-content:center;font-size:32px;color:#fff;font-weight:800;box-shadow:0 4px 12px rgba(var(--primary-rgb),.2);flex-shrink:0}.settings-avatar-info{display:flex;flex-direction:column;gap:4px}.settings-avatar-info h4{font-size:14px;font-weight:700;color:var(--text-main);margin:0}.settings-avatar-info p{font-size:12px;color:var(--text-muted);margin:0 0 12px}.settings-action-bar-internal{display:flex;justify-content:flex-end;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid var(--border-color)}.settings-field{display:flex;flex-direction:column;gap:8px}.settings-field label{font-size:14px;font-weight:700;color:var(--text-main);margin-bottom:2px}.settings-field input,.settings-field select,.settings-field textarea{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-main);padding:12px 16px;border-radius:12px;font-size:14px;font-family:inherit;transition:all .2s;width:100%}.settings-field input:focus,.settings-field select:focus,.settings-field textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px rgba(var(--primary-rgb),.1);background:var(--bg-card)}.btn-premium{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:14px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;border:none;font-family:inherit}.btn-premium-primary{background:var(--primary);color:#fff;box-shadow:0 4px 12px rgba(var(--primary-rgb),.3)}.btn-premium-primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.btn-premium-ghost{background:var(--bg-surface);color:var(--text-main);border:1px solid var(--border-color)}.btn-premium-ghost:hover{background:var(--bg-card);border-color:var(--text-muted)}.settings-action-bar{display:flex;justify-content:flex-end;gap:16px;margin-top:32px;padding-top:24px;border-top:1px solid var(--border-color)}.appearance-master-card{border-radius:24px;overflow:visible}.appearance-block{display:flex;flex-direction:column;gap:20px}.block-header h4{font-size:18px;font-weight:700;color:var(--text-main);margin-bottom:4px}.block-header p{font-size:14px;color:var(--text-muted)}.mode-selection-square-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.mode-card-square{position:relative;background:var(--bg-surface);border:2px solid var(--border-color);border-radius:20px;padding:12px;cursor:pointer;transition:all .3s cubic-bezier(.165,.84,.44,1);overflow:hidden;display:flex;flex-direction:column;gap:12px}.mode-card-square:hover{transform:translateY(-4px);border-color:var(--text-muted)}.mode-card-square.active{background:var(--bg-card);border-color:var(--primary);box-shadow:0 12px 30px rgba(var(--primary-rgb),.12)}.mode-square-check{position:absolute;top:10px;right:10px;color:var(--primary);font-size:20px;z-index:5}.mode-preview-box{height:100px;border-radius:12px;display:flex;overflow:hidden;border:1px solid var(--border-color);pointer-events:none}.preview-sidebar{width:25%;height:100%}.preview-main{flex:1;display:flex;flex-direction:column}.preview-header{height:15%;width:100%}.preview-content{padding:8px;display:flex;flex-direction:column;gap:4px}.preview-line{height:4px;width:100%;border-radius:2px}.preview-line-short{height:4px;width:60%;border-radius:2px}.preview-btn-mini{width:20px;height:8px;border-radius:4px;margin-left:auto;margin-top:4px}.preview-nav-item{height:4px;width:80%;margin:8px auto;border-radius:2px;background:#80808033}.preview-nav-item.active{opacity:1}.preview-light{background:#f8fafc}.preview-light .preview-sidebar{background:#f1f5f9;border-right:1px solid #e2e8f0}.preview-light .preview-header{background:#fff;border-bottom:1px solid #e2e8f0}.preview-light .preview-line,.preview-light .preview-line-short{background:#e2e8f0}.preview-dark{background:#0f172a}.preview-dark .preview-sidebar{background:#1e293b;border-right:1px solid #334155}.preview-dark .preview-header{background:#0f172a;border-bottom:1px solid #334155}.preview-dark .preview-line,.preview-dark .preview-line-short{background:#334155}.mode-card-info{display:flex;flex-direction:column;padding:0 4px 4px}.mode-card-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--text-main);margin-bottom:2px}.mode-card-title svg{color:var(--primary)}.mode-card-desc{font-size:11px;color:var(--text-muted)}.theme-selection-square-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:16px}.theme-card-square{position:relative;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:16px;padding:12px;cursor:pointer;transition:all .2s cubic-bezier(.165,.84,.44,1);display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.theme-card-square:hover{transform:translateY(-2px);border-color:var(--text-muted)}.theme-card-square.active{background:var(--bg-card);border:2px solid var(--primary);box-shadow:0 8px 24px rgba(var(--primary-rgb),.1);padding:11px}.theme-swatch-box{width:54px;height:54px;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #0000001a;border:4px solid var(--bg-card)}.theme-swatch-check{color:#fff;font-size:24px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.theme-card-info{display:flex;flex-direction:column;gap:2px}.theme-card-name{font-size:13px;font-weight:700;color:var(--text-main)}.theme-card-desc{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.appearance-apply-banner{margin-top:24px;padding:24px;background:var(--bg-card);border:1px solid var(--primary);border-radius:20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 12px 30px rgba(var(--primary-rgb),.15);animation:slideIn .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes slideIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.banner-context{display:flex;align-items:center;gap:16px}.banner-icon-ring{width:40px;height:40px;border-radius:50%;background:rgba(var(--primary-rgb),.1);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:20px}.banner-text-group h5{font-size:15px;font-weight:700;color:var(--text-main);margin-bottom:2px}.banner-text-group p{font-size:12px;color:var(--text-muted)}.banner-actions{display:flex;gap:10px}.btn-secondary-flat{padding:10px 20px;background:var(--bg-surface);border:none;border-radius:12px;color:var(--text-muted);font-weight:600;font-size:13px;cursor:pointer}.btn-primary-apply{padding:10px 24px;background:var(--primary);color:#fff;border:none;border-radius:12px;font-weight:700;font-size:13px;cursor:pointer;box-shadow:0 4px 12px rgba(var(--primary-rgb),.3)}.btn-primary-apply:hover{background:var(--primary-hover);transform:translateY(-1px)}.settings-flow{display:flex;flex-direction:column;gap:20px}.appearance-divider{height:1px;width:100%;border:0;background:color-mix(in srgb,var(--border-color) 80%,transparent)}.theme-swatch-pill{width:100%;height:44px;border-radius:11px;border:1px solid color-mix(in srgb,var(--border-color) 70%,transparent)}.theme-square-check{position:absolute;top:8px;right:8px;color:var(--primary);font-size:18px}.custom-color-panel{border:1px solid var(--border-color);background:color-mix(in srgb,var(--bg-card) 88%,transparent);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px}.custom-color-header h5{margin:0;font-size:.95rem;font-weight:700;color:var(--text-main)}.custom-color-header p{margin:4px 0 0;font-size:.8rem;color:var(--text-muted)}.custom-color-mode-hint{margin-top:8px!important;font-size:.78rem!important;line-height:1.45}.custom-color-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.custom-color-picker{display:inline-flex;align-items:center;gap:10px;padding:7px 10px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-card);font-size:.82rem;color:var(--text-main);font-weight:600}.custom-color-picker input{width:22px;height:22px;border:none;padding:0;border-radius:50%;background:transparent;cursor:pointer}.custom-color-picker input::-webkit-color-swatch-wrapper{padding:0}.custom-color-picker input::-webkit-color-swatch{border:none;border-radius:50%}.custom-color-preview{width:18px;height:18px;border-radius:50%;border:1px solid color-mix(in srgb,var(--border-color) 70%,transparent)}.custom-color-swatches{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.custom-swatch{width:24px;height:24px;border-radius:50%;border:2px solid transparent;cursor:pointer;box-shadow:inset 0 0 0 1px #fff3}.custom-swatch.active{border-color:var(--text-main)}.custom-swatch.disabled,.custom-swatch:disabled{opacity:.35;cursor:not-allowed;filter:grayscale(.35);pointer-events:none}.custom-color-picker--blocked{opacity:.85}.settings-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid color-mix(in srgb,var(--border-color) 70%,transparent)}.settings-toggle-row:last-child{border-bottom:none}.toggle-info h4{margin:0;font-size:.98rem;font-weight:700;color:var(--text-main)}.toggle-info p{margin:4px 0 0;font-size:.84rem;color:var(--text-muted);line-height:1.45;max-width:680px}.toggle-switch{width:48px;height:28px;border-radius:999px;border:none;background:color-mix(in srgb,var(--text-muted) 30%,var(--bg-surface));cursor:pointer;position:relative;flex-shrink:0;transition:background .2s ease}.toggle-switch.active{background:color-mix(in srgb,var(--primary) 70%,white 10%)}.toggle-knob{width:22px;height:22px;border-radius:50%;background:#fff;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000038;transition:transform .2s ease}.toggle-switch.active .toggle-knob{transform:translate(20px)}.security-password-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.settings-action-bar-inline{display:flex;gap:10px;justify-content:flex-end}.danger-zone-panel{border:1px solid color-mix(in srgb,#ef4444 42%,var(--border-color));border-radius:14px;background:color-mix(in srgb,#ef4444 7%,var(--bg-card));padding:16px;display:flex;align-items:center;justify-content:space-between;gap:14px}.danger-zone-panel h4{margin:0;font-size:1rem;font-weight:700;color:#dc2626}.danger-zone-panel p{margin:4px 0 0;font-size:.82rem;color:var(--text-muted)}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.info-zone-panel{border:1px solid color-mix(in srgb,var(--primary) 42%,var(--border-color));border-radius:14px;background:color-mix(in srgb,var(--primary) 7%,var(--bg-card));padding:16px;display:flex;align-items:flex-start;gap:14px}.info-zone-panel h4{margin:0;font-size:1rem;font-weight:700;color:var(--primary)}.info-zone-panel p{margin:4px 0 0;font-size:.82rem;color:var(--text-muted)}.settings-alert{padding:12px 16px;border-radius:10px;font-size:.85rem;font-weight:500;margin-bottom:12px;display:flex;align-items:center;gap:8px}.settings-alert-success{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#10b981}.settings-alert-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.billing-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.billing-stat{border:1px solid var(--border-color);border-radius:14px;background:var(--bg-card);padding:14px;display:flex;align-items:center;gap:10px}.billing-stat-icon{width:38px;height:38px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--primary) 14%,var(--bg-surface));color:var(--primary)}.billing-stat h4{margin:0;font-size:1.1rem;font-weight:700;color:var(--text-main)}.billing-stat p{margin:2px 0 0;font-size:.78rem;color:var(--text-muted)}.billing-stat-hint{display:block;margin-top:6px;color:var(--text-muted, #94a3b8);font-size:.72rem;line-height:1.4}.billing-stats-grid--personal{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-stats-grid--team{grid-template-columns:repeat(3,minmax(0,1fr))}.billing-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.billing-plan-card{border:1px solid var(--border-color);border-radius:16px;background:var(--bg-card);padding:16px;display:flex;flex-direction:column;gap:12px}.billing-plan-card.active{border-color:color-mix(in srgb,var(--primary) 45%,var(--border-color));box-shadow:0 10px 22px -16px rgba(var(--primary-rgb),.45)}.billing-plan-card h4{margin:0;font-size:1rem;color:var(--text-main)}.billing-plan-card p{margin:4px 0 0;font-size:.82rem;color:var(--text-muted)}.billing-plan-price{display:flex;align-items:baseline;gap:4px}.billing-plan-price strong{font-size:1.6rem;color:var(--text-main)}.billing-plan-price span{font-size:.78rem;color:var(--text-muted)}.billing-plan-card ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}.billing-plan-card li{display:flex;align-items:center;gap:8px;font-size:.84rem;color:var(--text-main)}.billing-plan-card li svg{color:var(--success-green)}.billing-invoices{border:1px solid var(--border-color);border-radius:16px;background:var(--bg-card);padding:16px}.billing-invoices-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.billing-invoices-header h4{margin:0;color:var(--text-main);font-size:1rem}.billing-invoice-list{display:flex;flex-direction:column}.billing-invoice-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid color-mix(in srgb,var(--border-color) 70%,transparent)}.billing-invoice-row:last-child{border-bottom:none}.billing-invoice-row strong{color:var(--text-main);font-size:.9rem}.billing-invoice-row p{margin:3px 0 0;color:var(--text-muted);font-size:.78rem}.billing-invoice-meta{display:inline-flex;align-items:center;gap:10px}.billing-invoice-meta span:first-child{color:var(--text-main);font-size:.86rem;font-weight:600}.billing-status-paid{font-size:.72rem;font-weight:700;color:#047857;background:#10b9811f;padding:4px 8px;border-radius:999px}.billing-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.billing-refresh-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--border-color, #e2e8f0);border-radius:8px;background:#fff;color:var(--text-muted, #64748b);font-size:.82rem;font-weight:600;cursor:pointer}.billing-refresh-btn:hover:not(:disabled){background:#f8fafc;color:var(--text-main, #0f172a)}.billing-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.billing-alert{margin-bottom:16px;padding:12px 14px;border-radius:10px;font-size:.86rem}.billing-alert-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.billing-alert-success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.billing-workspace-picker{display:flex;flex-direction:column;gap:8px}.billing-workspace-picker label{font-size:.82rem;font-weight:600;color:var(--text-muted, #64748b)}.billing-workspace-picker select{max-width:420px;padding:10px 12px;border:1px solid var(--border-color, #e2e8f0);border-radius:10px;background:#fff;color:var(--text-main, #0f172a)}.billing-allocate-card{border:1px solid var(--border-color, #e2e8f0);border-radius:14px;padding:20px;background:#fff}.billing-allocate-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.billing-allocate-header h4{margin:0 0 4px}.billing-allocate-header p{margin:0;color:var(--text-muted, #64748b);font-size:.86rem}.billing-allocate-form{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.billing-allocate-form input{width:160px;padding:10px 12px;border:1px solid var(--border-color, #e2e8f0);border-radius:10px}.billing-history-table-wrap{overflow-x:auto}.billing-history-table{width:100%;border-collapse:collapse;min-width:520px}.billing-history-table th,.billing-history-table td{padding:12px 16px;border-bottom:1px solid #f1f5f9;text-align:left;font-size:.86rem}.billing-history-table th{color:var(--text-muted, #64748b);font-size:.74rem;text-transform:uppercase;letter-spacing:.04em}.billing-history-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border-top:1px solid #f1f5f9}.billing-empty-text{padding:24px 16px;color:var(--text-muted, #64748b);font-size:.9rem}@media(max-width:1024px){.security-password-grid,.billing-stats-grid,.billing-plan-grid{grid-template-columns:1fr}}@media(max-width:768px){.settings-flow{gap:14px}.mode-selection-square-grid{grid-template-columns:1fr;gap:12px}.theme-selection-square-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.settings-toggle-row{align-items:flex-start;gap:10px}.toggle-info p{max-width:none}.danger-zone-panel,.billing-invoices-header{flex-direction:column;align-items:flex-start}}@media(max-width:480px){.theme-selection-square-grid{grid-template-columns:1fr}.custom-color-controls{align-items:stretch;gap:10px}.billing-invoice-row{flex-direction:column;align-items:flex-start}}.help-center{--help-surface: var(--bg-card, #ffffff);--help-muted: var(--text-muted, #64748b);--help-text: var(--text-main, #0f172a);--help-border: var(--border-color, #e2e8f0);font-family:var(--font-family, Inter, system-ui, sans-serif);color:var(--help-text);background:var(--bg-main, #f8fafc);min-height:100%}.help-center--embedded{min-height:auto;border-radius:12px;overflow:hidden}.help-hero{position:relative;background:var(--primary);color:var(--primary-contrast, #ffffff);padding:48px 24px 56px;overflow:hidden}.help-hero-decor{position:absolute;inset:0;pointer-events:none}.help-hero-decor-icon{position:absolute;opacity:.14;color:inherit}.help-hero-decor-icon--1{top:18%;left:8%;font-size:3.5rem;transform:rotate(-12deg)}.help-hero-decor-icon--2{top:12%;right:14%;font-size:2.8rem}.help-hero-decor-icon--3{bottom:20%;left:18%;font-size:2.4rem;transform:rotate(8deg)}.help-hero-decor-icon--4{bottom:16%;right:10%;font-size:3rem;transform:rotate(-6deg)}.help-hero-inner{position:relative;z-index:1;max-width:640px;margin:0 auto;text-align:center}.help-hero h1{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;letter-spacing:-.02em;margin-bottom:24px;color:inherit}.help-hero-search{display:flex;align-items:center;gap:12px;background:#fff;border-radius:12px;padding:14px 18px;box-shadow:0 12px 40px #0000001f;color:var(--help-text)}.help-hero-search-icon{flex-shrink:0;font-size:1.35rem;color:var(--help-muted)}.help-hero-search input{flex:1;border:none;outline:none;font-size:1rem;color:var(--help-text);background:transparent}.help-hero-search input::placeholder{color:#94a3b8}.help-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px;max-width:1120px;margin:0 auto;padding:36px 24px 48px;align-items:start}.help-body-main{min-width:0}.help-main-panel{background:var(--help-surface);border:1px solid var(--help-border);border-radius:14px;padding:28px}.help-section-title{font-size:1.35rem;font-weight:700;margin-bottom:8px;letter-spacing:-.02em}.help-section-subtitle{color:var(--help-muted);font-size:.95rem;line-height:1.5;margin-bottom:24px}.help-back-link{display:inline-flex;align-items:center;gap:6px;border:none;background:none;padding:0;margin-bottom:20px;font-size:.9rem;font-weight:500;color:var(--primary);cursor:pointer}.help-back-link:hover{text-decoration:underline}.help-topics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.help-topic-card{display:flex;align-items:flex-start;gap:14px;text-align:left;padding:20px;border:1px solid var(--help-border);border-radius:12px;background:var(--help-surface);cursor:pointer;transition:border-color .15s,box-shadow .15s}.help-main-panel .help-topics-grid .help-topic-card{border:1px solid var(--help-border)}.help-topic-card:hover{border-color:rgba(var(--primary-rgb),.45);box-shadow:0 4px 16px rgba(var(--primary-rgb),.08)}.help-topic-icon{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:rgba(var(--primary-rgb),.1);color:var(--primary)}.help-topic-text{display:flex;flex-direction:column;gap:6px;min-width:0}.help-topic-text strong{font-size:.98rem;font-weight:600;color:var(--help-text)}.help-topic-text span{font-size:.85rem;line-height:1.45;color:var(--help-muted)}.help-article-list{display:flex;flex-direction:column;gap:0;border:1px solid var(--help-border);border-radius:10px;overflow:hidden}.help-article-row{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:16px 18px;border:none;border-bottom:1px solid var(--help-border);background:var(--help-surface);text-align:left;cursor:pointer;transition:background .12s}.help-article-row:last-child{border-bottom:none}.help-article-row:hover{background:rgba(var(--primary-rgb),.04)}.help-article-row-title{font-size:.95rem;font-weight:500;color:var(--help-text)}.help-article-row-meta{flex-shrink:0;font-size:.8rem;color:var(--help-muted)}.help-empty-text{color:var(--help-muted);font-size:.95rem}.help-article-view h1{font-size:1.5rem;font-weight:700;margin-bottom:12px;letter-spacing:-.02em}.help-article-meta{display:flex;align-items:center;gap:12px;margin-bottom:24px;font-size:.85rem;color:var(--help-muted)}.help-tag{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.75rem;font-weight:600;background:rgba(var(--primary-rgb),.1);color:var(--primary)}.help-article-body{font-size:.95rem;line-height:1.65;color:var(--help-text)}.help-article-paragraph,.help-article-bullet{margin-bottom:12px}.help-article-bullet,.help-article-numbered{padding-left:12px;border-left:3px solid rgba(var(--primary-rgb),.25)}.help-article-body strong{font-weight:600;color:var(--help-text)}.help-sidebar{display:flex;flex-direction:column;gap:20px}.help-sidebar-card{background:var(--help-surface);border:1px solid var(--help-border);border-radius:14px;padding:22px}.help-sidebar-card h3{font-size:1rem;font-weight:700;margin-bottom:14px}.help-popular-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.help-popular-list button{display:block;width:100%;text-align:left;border:none;background:none;padding:10px 0;font-size:.88rem;line-height:1.4;color:var(--primary);cursor:pointer;border-bottom:1px solid var(--help-border)}.help-popular-list li:last-child button{border-bottom:none}.help-popular-list button:hover{text-decoration:underline}.help-sidebar-card--cta{background:var(--bg-surface, #f1f5f9)}.help-sidebar-card--cta p{font-size:.9rem;line-height:1.5;color:var(--help-muted);margin-bottom:18px}.help-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:none;border-radius:8px;font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:var(--primary);color:var(--primary-contrast, #fff);cursor:pointer;transition:background .15s}.help-btn-primary:hover{background:var(--primary-hover)}.help-btn-primary--block{width:100%;margin-bottom:12px}.help-link-btn{display:flex;align-items:center;gap:8px;width:100%;border:none;background:none;padding:8px 0;font-size:.85rem;color:var(--help-muted);cursor:pointer;text-align:left}.help-link-btn:hover{color:var(--primary)}.help-contact-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.help-contact-head h2{font-size:1.35rem;margin-bottom:8px}.help-contact-head p{font-size:.92rem;color:var(--help-muted);line-height:1.5}.help-contact-head a{color:var(--primary)}.help-contact-empty{text-align:center;padding:40px 20px;color:var(--help-muted)}.help-contact-empty h3{margin:12px 0 6px;color:var(--help-text)}.help-ticket-list{display:flex;flex-direction:column;gap:12px}.help-ticket-card{display:block;width:100%;text-align:left;padding:16px 18px;border:1px solid var(--help-border);border-radius:10px;background:var(--help-surface);cursor:pointer;transition:border-color .15s}.help-ticket-card:hover{border-color:rgba(var(--primary-rgb),.4)}.help-ticket-card strong{display:block;margin:6px 0 4px;font-size:.95rem}.help-ticket-card p{font-size:.85rem;color:var(--help-muted);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.help-ticket-id{font-size:.78rem;font-weight:600;color:var(--primary)}.help-ticket-status{display:inline-block;margin-left:10px;padding:2px 8px;border-radius:999px;font-size:.72rem;font-weight:600;background:rgba(var(--primary-rgb),.1);color:var(--primary)}.help-ticket-header h2{font-size:1.2rem;margin:10px 0 8px}.help-ticket-note{font-size:.88rem;color:var(--help-muted);line-height:1.5}.help-ticket-note a{color:var(--primary)}.help-ticket-thread{display:flex;flex-direction:column;gap:12px;margin:24px 0}.help-chat-bubble{max-width:85%;padding:12px 16px;border-radius:12px;font-size:.92rem;line-height:1.5}.help-chat-bubble--user{align-self:flex-end;background:rgba(var(--primary-rgb),.12);color:var(--help-text)}.help-ticket-reply{display:flex;gap:8px}.help-ticket-reply input{flex:1;padding:12px 14px;border:1px solid var(--help-border);border-radius:10px;font-size:.92rem;outline:none}.help-ticket-reply input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.12)}.help-ticket-reply button{flex-shrink:0;width:44px;height:44px;border:none;border-radius:10px;background:var(--primary);color:var(--primary-contrast, #fff);cursor:pointer;display:flex;align-items:center;justify-content:center}.help-modal-backdrop{position:fixed;inset:0;z-index:1000;background:#0f172a73;display:flex;align-items:center;justify-content:center;padding:24px}.help-modal{position:relative;width:100%;max-width:480px;background:var(--help-surface);border-radius:14px;padding:28px;box-shadow:0 24px 48px #0000002e}.help-modal-close{position:absolute;top:16px;right:16px;border:none;background:none;font-size:1.25rem;color:var(--help-muted);cursor:pointer}.help-modal h2{font-size:1.25rem;margin-bottom:8px}.help-modal-subtitle{font-size:.88rem;color:var(--help-muted);margin-bottom:20px;line-height:1.45}.help-modal-form{display:flex;flex-direction:column;gap:16px}.help-modal-form label{display:flex;flex-direction:column;gap:6px;font-size:.85rem;font-weight:500;color:var(--help-text)}.help-modal-form input,.help-modal-form select,.help-modal-form textarea{padding:10px 12px;border:1px solid var(--help-border);border-radius:8px;font-size:.92rem;font-family:inherit;outline:none}.help-modal-form textarea{min-height:100px;resize:vertical}.help-modal-form input:focus,.help-modal-form select:focus,.help-modal-form textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.help-modal-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:900px){.help-body{grid-template-columns:1fr;padding:24px 16px 36px}.help-sidebar{order:2}.help-topics-grid{grid-template-columns:1fr}.help-hero{padding:36px 16px 44px}.help-main-panel{padding:20px}.help-contact-head{flex-direction:column}}@media(max-width:520px){.help-modal-row{grid-template-columns:1fr}}.allocate-credits-overlay{z-index:2600}.allocate-credits-modal{width:min(100%,560px)}.allocate-credits-form{gap:14px}.allocate-credits-error{padding:10px 12px;border-radius:8px;background:color-mix(in srgb,var(--delete-red) 10%,var(--bg-surface));border:1px solid color-mix(in srgb,var(--delete-red) 28%,var(--border-color));color:var(--delete-red);font-size:12px;font-weight:600}.allocate-credits-balances{display:grid;grid-template-columns:1fr 1fr;gap:12px}.allocate-credits-pool{display:flex;gap:10px;align-items:flex-start;padding:14px;border-radius:10px;border:1px solid color-mix(in srgb,var(--border-color) 70%,transparent);background:color-mix(in srgb,var(--bg-surface) 45%,transparent);color:var(--text-muted)}.allocate-credits-pool__icon{color:var(--primary);flex-shrink:0}.allocate-credits-pool__icon--workspace{color:#f59e0b}.allocate-credits-pool span{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:4px}.allocate-credits-pool strong{font-size:1.15rem;color:var(--text-main);font-variant-numeric:tabular-nums}.allocate-credits-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-top:4px}.allocate-credits-actions .astryd-btn-primary,.allocate-credits-actions .astryd-btn-accent-outline{display:inline-flex;align-items:center;justify-content:center;gap:8px}.allocate-credits-actions--single{display:flex;justify-content:center;grid-template-columns:none}.allocate-credits-actions--single .astryd-btn-primary{min-width:min(100%,260px)}.allocate-credits-transfer{gap:18px}.allocate-transfer-columns{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center}.allocate-transfer-card{padding:16px;border-radius:10px;border:1px solid color-mix(in srgb,var(--border-color) 70%,transparent);background:color-mix(in srgb,var(--bg-surface) 45%,transparent);text-align:center}.allocate-transfer-card span{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:8px}.allocate-transfer-card strong{font-size:1.3rem;color:var(--text-main);font-variant-numeric:tabular-nums}.allocate-transfer-flow{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--primary);min-width:88px}.allocate-transfer-track{position:relative;width:56px;height:8px}.allocate-transfer-dot{position:absolute;top:1px;left:0;width:8px;height:6px;border-radius:999px;background:currentColor}.allocate-transfer-amount{font-size:11px;font-weight:700;color:var(--text-muted)}.allocate-transfer-status,.allocate-transfer-success{margin:0;text-align:center;font-size:14px}.allocate-transfer-status{color:var(--text-muted)}.allocate-transfer-success{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;color:var(--success-green);font-weight:600}@media(max-width:560px){.allocate-credits-balances,.allocate-transfer-columns{grid-template-columns:1fr}.allocate-credits-actions:not(.allocate-credits-actions--single){grid-template-columns:1fr}.allocate-transfer-flow{flex-direction:row;justify-content:center;min-width:0}}.workspace-storage-summary{margin-bottom:24px;padding:16px 18px;border-radius:12px;border:1px solid var(--border-subtle, rgba(148, 163, 184, .25));background:var(--bg-surface, #fff)}.workspace-storage-summary__header{display:flex;align-items:flex-start;gap:10px;margin-bottom:14px}.workspace-storage-details__header-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,color-mix(in srgb,#3b82f6 14%,#fff),color-mix(in srgb,#6366f1 10%,#fff));color:#2563eb;flex-shrink:0}.workspace-storage-summary__header h4{margin:0 0 4px;font-size:15px;font-weight:700}.workspace-storage-summary__header p{margin:0;font-size:12px;color:var(--text-muted, #64748b)}.workspace-storage-summary__error{margin:0 0 12px;font-size:12px;color:#dc2626}.workspace-storage-summary__footprint{margin-top:16px;padding-top:14px;border-top:1px solid var(--border-subtle, rgba(148, 163, 184, .2))}.workspace-storage-summary__footprint h5{margin:0 0 8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted, #64748b)}.workspace-storage-summary__footprint ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.workspace-storage-summary__footprint li{display:flex;justify-content:space-between;font-size:13px;color:var(--text-muted, #64748b)}.workspace-storage-summary__footprint li.is-total{margin-top:4px;padding-top:8px;border-top:1px dashed var(--border-subtle, rgba(148, 163, 184, .25));font-weight:700;color:var(--text-primary, #0f172a)}.workspace-storage-breadcrumb{position:relative;flex-shrink:0}.workspace-storage-breadcrumb__btn{display:inline-flex;align-items:center;gap:10px;min-height:42px;padding:7px 12px 7px 8px;border-radius:12px;border:1px solid color-mix(in srgb,#3b82f6 28%,var(--border-color));background:linear-gradient(135deg,color-mix(in srgb,#3b82f6 10%,var(--bg-card)) 0%,var(--bg-card) 55%),var(--bg-card);color:var(--text-main);cursor:pointer;text-align:left;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease;box-shadow:0 1px 2px #0f172a0d,0 6px 18px color-mix(in srgb,#3b82f6 14%,transparent)}.workspace-storage-breadcrumb__btn:hover{transform:translateY(-1px);border-color:color-mix(in srgb,#3b82f6 42%,var(--border-color));box-shadow:0 4px 10px #0f172a14,0 10px 24px color-mix(in srgb,#3b82f6 20%,transparent)}.workspace-storage-breadcrumb__btn.is-open{transform:translateY(-1px);border-color:color-mix(in srgb,#3b82f6 55%,var(--border-color));box-shadow:0 0 0 3px color-mix(in srgb,#3b82f6 16%,transparent),0 10px 24px color-mix(in srgb,#3b82f6 22%,transparent)}.workspace-storage-breadcrumb__btn--warning{border-color:color-mix(in srgb,#f59e0b 35%,var(--border-color));background:linear-gradient(135deg,color-mix(in srgb,#f59e0b 12%,var(--bg-card)) 0%,var(--bg-card) 55%),var(--bg-card);box-shadow:0 1px 2px #0f172a0d,0 6px 18px color-mix(in srgb,#f59e0b 16%,transparent)}.workspace-storage-breadcrumb__btn--warning:hover,.workspace-storage-breadcrumb__btn--warning.is-open{border-color:color-mix(in srgb,#f59e0b 50%,var(--border-color));box-shadow:0 0 0 3px color-mix(in srgb,#f59e0b 14%,transparent),0 10px 24px color-mix(in srgb,#f59e0b 20%,transparent)}.workspace-storage-breadcrumb__btn--critical{border-color:color-mix(in srgb,#ef4444 40%,var(--border-color));background:linear-gradient(135deg,color-mix(in srgb,#ef4444 12%,var(--bg-card)) 0%,var(--bg-card) 55%),var(--bg-card);box-shadow:0 1px 2px #0f172a0d,0 6px 18px color-mix(in srgb,#ef4444 18%,transparent);animation:workspace-storage-pulse 2.4s ease-in-out infinite}.workspace-storage-breadcrumb__btn--critical:hover,.workspace-storage-breadcrumb__btn--critical.is-open{border-color:color-mix(in srgb,#ef4444 55%,var(--border-color));box-shadow:0 0 0 3px color-mix(in srgb,#ef4444 16%,transparent),0 10px 24px color-mix(in srgb,#ef4444 22%,transparent)}@keyframes workspace-storage-pulse{0%,to{box-shadow:0 1px 2px #0f172a0d,0 6px 18px color-mix(in srgb,#ef4444 18%,transparent)}50%{box-shadow:0 1px 2px #0f172a0d,0 8px 22px color-mix(in srgb,#ef4444 28%,transparent)}}.workspace-storage-breadcrumb__icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;flex-shrink:0;box-shadow:0 4px 10px color-mix(in srgb,#3b82f6 35%,transparent)}.workspace-storage-breadcrumb__btn--warning .workspace-storage-breadcrumb__icon-wrap{background:linear-gradient(135deg,#f59e0b,#f97316);box-shadow:0 4px 10px color-mix(in srgb,#f59e0b 35%,transparent)}.workspace-storage-breadcrumb__btn--critical .workspace-storage-breadcrumb__icon-wrap{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 10px color-mix(in srgb,#ef4444 35%,transparent)}.workspace-storage-breadcrumb__content{display:flex;flex-direction:column;gap:2px;min-width:0}.workspace-storage-breadcrumb__eyebrow{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,#3b82f6 70%,var(--text-muted));line-height:1}.workspace-storage-breadcrumb__btn--warning .workspace-storage-breadcrumb__eyebrow{color:color-mix(in srgb,#d97706 75%,var(--text-muted))}.workspace-storage-breadcrumb__btn--critical .workspace-storage-breadcrumb__eyebrow{color:color-mix(in srgb,#dc2626 75%,var(--text-muted))}.workspace-storage-breadcrumb__stats{display:flex;align-items:baseline;gap:5px;font-size:13px;line-height:1.2;white-space:nowrap}.workspace-storage-breadcrumb__stats strong{font-size:14px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--text-main)}.workspace-storage-breadcrumb__sep{font-size:11px;color:var(--text-muted)}.workspace-storage-breadcrumb__total{font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-muted)}.workspace-storage-breadcrumb__loading-text{font-size:12px;color:var(--text-muted)}.workspace-storage-breadcrumb__meter{display:block;width:100%;max-width:148px;height:4px;margin-top:2px;border-radius:999px;background:color-mix(in srgb,#3b82f6 12%,rgba(100,116,139,.18));overflow:hidden}.workspace-storage-breadcrumb__btn--warning .workspace-storage-breadcrumb__meter{background:color-mix(in srgb,#f59e0b 14%,rgba(100,116,139,.18))}.workspace-storage-breadcrumb__btn--critical .workspace-storage-breadcrumb__meter{background:color-mix(in srgb,#ef4444 14%,rgba(100,116,139,.18))}.workspace-storage-breadcrumb__meter-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3b82f6,#6366f1);transition:width .35s ease}.workspace-storage-breadcrumb__btn--warning .workspace-storage-breadcrumb__meter-fill{background:linear-gradient(90deg,#f59e0b,#f97316)}.workspace-storage-breadcrumb__btn--critical .workspace-storage-breadcrumb__meter-fill{background:linear-gradient(90deg,#ef4444,#dc2626)}.workspace-storage-breadcrumb__btn.is-loading .workspace-storage-breadcrumb__meter-fill{width:40%!important;opacity:.55;animation:workspace-storage-loading 1.1s ease-in-out infinite alternate}@keyframes workspace-storage-loading{0%{opacity:.35}to{opacity:.9}}.workspace-storage-breadcrumb__badge{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:24px;padding:0 8px;border-radius:999px;font-size:11px;font-weight:800;font-variant-numeric:tabular-nums;color:#1d4ed8;background:color-mix(in srgb,#3b82f6 14%,#fff);border:1px solid color-mix(in srgb,#3b82f6 22%,transparent)}.workspace-storage-breadcrumb__btn--warning .workspace-storage-breadcrumb__badge{color:#b45309;background:color-mix(in srgb,#f59e0b 16%,#fff);border-color:color-mix(in srgb,#f59e0b 24%,transparent)}.workspace-storage-breadcrumb__btn--critical .workspace-storage-breadcrumb__badge{color:#b91c1c;background:color-mix(in srgb,#ef4444 16%,#fff);border-color:color-mix(in srgb,#ef4444 24%,transparent)}.workspace-storage-breadcrumb__arrow{color:var(--text-muted);flex-shrink:0;transition:transform .2s ease,color .2s ease}.workspace-storage-breadcrumb__btn:hover .workspace-storage-breadcrumb__arrow,.workspace-storage-breadcrumb__btn.is-open .workspace-storage-breadcrumb__arrow{color:var(--text-main)}.workspace-storage-breadcrumb__arrow.open{transform:rotate(180deg)}.workspace-storage-breadcrumb__panel{position:absolute;top:calc(100% + 8px);right:0;z-index:60;width:min(380px,calc(100vw - 32px));padding:0;border-radius:14px;border:1px solid color-mix(in srgb,#3b82f6 18%,var(--border-subtle, rgba(148, 163, 184, .25)));background:var(--bg-surface, #fff);box-shadow:0 18px 40px #0f172a24,0 4px 12px #0f172a0f;overflow:hidden}.workspace-storage-breadcrumb__panel-accent{height:4px;background:linear-gradient(90deg,#3b82f6,#6366f1,#8b5cf6)}.workspace-storage-breadcrumb__panel .workspace-storage-details--panel{padding:16px 18px 18px}@media(max-width:720px){.workspace-storage-breadcrumb__btn{gap:8px;padding-right:10px}.workspace-storage-breadcrumb__stats{font-size:12px}.workspace-storage-breadcrumb__stats strong{font-size:13px}.workspace-storage-breadcrumb__meter{max-width:112px}}.admin-page{width:100%;height:100%;min-height:100%;padding:0;display:flex;flex-direction:column;background:transparent;color:var(--text-main);box-sizing:border-box;font-family:var(--font-family)}.admin-shell{width:100%;max-width:none;margin:0;padding:0;box-sizing:border-box;flex:1;min-height:0;display:flex;flex-direction:column}.admin-page-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.admin-page-title{margin:0;color:var(--text-main)}.admin-page-subtitle{margin:4px 0 0;font-size:14px;color:var(--text-muted)}.admin-tab-switch{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--border-color);padding-bottom:16px}.admin-tab-btn{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-muted);border-radius:10px;padding:8px 16px;min-height:40px;font-size:.875rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-family:inherit;transition:all .2s ease}.admin-tab-btn:hover{color:var(--text-main);border-color:color-mix(in srgb,var(--primary) 35%,var(--border-color))}.admin-tab-btn.active{color:#fff;background:var(--primary);border-color:var(--primary)}.admin-tab-icon{display:inline-flex;align-items:center;justify-content:center;font-size:16px}.admin-sub-tab-switch{display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid var(--border-color);padding-bottom:12px;margin-bottom:20px;position:sticky;top:0;z-index:10;background:var(--bg-main, #090e1a);padding-top:24px}.admin-sub-tab-btn{border:none;background:transparent;color:var(--text-muted);border-radius:6px;padding:5px 10px;min-height:32px;font-size:.8rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:5px;font-family:inherit;transition:all .2s ease}.admin-sub-tab-btn:hover{color:var(--text-main);background:#ffffff0a}.admin-sub-tab-btn.active{color:var(--primary);background:#3b82f61a;font-weight:600}.admin-sub-tab-icon{display:inline-flex;align-items:center;justify-content:center;font-size:14px}.admin-sub-tab-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.admin-main{flex:1;padding:0;overflow-y:auto;background:transparent;-ms-overflow-style:none;scrollbar-width:none}.admin-main::-webkit-scrollbar{display:none}.admin-toolbar-actions{display:flex;align-items:center;gap:12px}.btn-admin-action{padding:10px 20px;border-radius:10px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.admin-dashboard-container{padding-top:24px}.admin-placeholder-text{color:var(--text-muted);margin:0}.btn-export{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-main)}.btn-alert{background:#ef4444;color:#fff;border:none}.admin-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}.admin-stat-card{background:linear-gradient(135deg,var(--bg-card) 0%,color-mix(in srgb,var(--primary) 6%,var(--bg-card)) 100%);padding:24px;border-radius:20px;box-shadow:0 1px 3px #0000000d;border:1px solid var(--border-color);transition:all .2s ease}.admin-stat-card:hover{border-color:color-mix(in srgb,var(--primary) 35%,var(--border-color));box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 12%,transparent);transform:translateY(-2px)}.admin-stat-top{display:flex;justify-content:space-between;margin-bottom:12px}.admin-stat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 15%,var(--bg-card)),color-mix(in srgb,var(--primary) 25%,var(--bg-card)));border:1px solid color-mix(in srgb,var(--primary) 30%,var(--border-color))}.admin-stat-trend{font-size:.75rem;font-weight:600;padding:4px 8px;border-radius:20px}.trend-pos{background:#10b9811a;color:#10b981}.admin-stat-info h3{font-size:1.75rem;font-weight:800;margin:0}.admin-stat-info p{font-size:.85rem;color:var(--text-muted);margin-top:4px;font-weight:500}.admin-dashboard-grid{display:grid;grid-template-columns:1fr 340px;gap:24px}.billing-hero{display:flex;justify-content:space-between;gap:16px;margin-bottom:24px}.billing-page .billing-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px}.billing-summary-card{padding:22px;border-radius:20px;background:var(--bg-surface);border:1px solid var(--border-color);box-shadow:0 12px 30px #0000000d}.billing-metric-label{display:block;font-size:.8rem;color:var(--text-muted);margin-bottom:10px;text-transform:uppercase;letter-spacing:.08em}.billing-metric-value{display:block;font-size:1.75rem;margin-bottom:8px;color:var(--text-main)}.billing-metric-note{margin:0;font-size:.9rem;color:var(--text-muted)}.billing-panel-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;margin-bottom:24px}.billing-panel,.billing-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:24px;padding:24px;box-shadow:0 12px 36px #0000000a}.security-audit-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:20px;margin-top:24px}.security-side-grid{display:grid;gap:20px}.billing-panel-header,.billing-card h3{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px}.billing-panel-header h3,.billing-card h3{margin:0;font-size:1.05rem;font-weight:700}.billing-tag{display:inline-flex;padding:6px 12px;border-radius:999px;background:#3b82f61f;color:var(--primary);font-size:.8rem;font-weight:700}.billing-panel-list{display:flex;flex-direction:column;gap:16px}.billing-detail-row{display:flex;justify-content:space-between;gap:16px;align-items:center}.billing-detail-label{margin:0;font-size:.95rem;font-weight:600;color:var(--text-main)}.billing-detail-note{margin:6px 0 0;color:var(--text-muted);font-size:.85rem}.billing-side-panel{display:grid;gap:20px}.billing-account-list,.billing-panel-list{display:grid;gap:14px}.billing-account-row{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px;border-radius:18px;background:#ffffff0a}.billing-overdue-card{background:var(--bg-card);border-color:var(--border-color)}.billing-overdue-card h3,.billing-overdue-card .billing-alert-text,.billing-overdue-card .billing-detail-label,.billing-overdue-card .billing-detail-note,.billing-overdue-card .billing-account-row,.billing-overdue-card button,.billing-overdue-card strong{color:var(--text-main)}.billing-overdue-card .billing-account-row{background:#ffffff0a}.billing-overdue-card .billing-alert-text{margin:0 0 16px}.billing-alert-tag{display:inline-flex;padding:10px 14px;border-radius:14px;background:#10b9811f;color:var(--success-green);font-weight:700;font-size:.9rem}.billing-table-panel{margin-top:10px}.billing-table-panel h3{margin-bottom:18px;font-size:1.05rem;font-weight:700}.billing-table{width:100%;border-collapse:separate;border-spacing:0 12px}.billing-table thead th{text-align:left;padding:10px 16px;font-size:.8rem;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted)}.billing-table tbody tr{background:var(--bg-surface)}.billing-table td{padding:18px 16px;font-size:.95rem;color:var(--text-main);border-bottom:none}.billing-status-paid{background:#10b9811f;color:#10b981;border:1px solid rgba(16,185,129,.18)}.status-queued{background:#3b82f61f;color:#2563eb;border:1px solid rgba(59,130,246,.18)}.status-processing{background:#eab3081f;color:#b45309;border:1px solid rgba(234,179,8,.18)}.status-done{background:#10b9811f;color:#15803d;border:1px solid rgba(16,185,129,.18)}.status-failed{background:#ef44441f;color:#b91c1c;border:1px solid rgba(239,68,68,.18)}.billing-status-pending{background:#ef444414;color:#f97316;border:1px solid rgba(245,158,11,.18)}.billing-status-overdue{background:#ef444429;color:#ef4444;border:1px solid rgba(239,68,68,.28)}.billing-status-paid,.billing-status-pending,.billing-status-overdue,.billing-status-active,.billing-status-review,.billing-status-at-risk{display:inline-flex;padding:6px 12px;border-radius:999px;font-size:.75rem;font-weight:700}.billing-status-active{background:#10b9811f;color:#10b981;border:1px solid rgba(16,185,129,.18)}.billing-status-review{background:#f59e0b1f;color:#f59e0b;border:1px solid rgba(245,158,11,.18)}.billing-status-at-risk{background:#ef444429;color:#ef4444;border:1px solid rgba(239,68,68,.28)}.admin-card-section{background:linear-gradient(135deg,var(--bg-card) 0%,color-mix(in srgb,var(--primary) 4%,var(--bg-card)) 100%);border-radius:24px;padding:24px;border:1px solid var(--border-color);box-shadow:0 1px 3px #0000000d;transition:all .2s ease}.admin-card-section:hover{border-color:color-mix(in srgb,var(--primary) 25%,var(--border-color))}.admin-card-section h2{font-size:1.1rem;font-weight:700;margin-bottom:24px;display:flex;align-items:center;gap:12px}.user-management-header{margin-bottom:24px}.user-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:20px}.user-action-buttons{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.user-toolbar .search-bar{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;background:#ffffff0a;border:1px solid var(--border-color);flex:1;max-width:400px;min-width:280px;transition:all .2s}.user-toolbar .search-bar:focus-within{border-color:var(--primary);background:#ffffff14}.user-toolbar .search-bar svg{color:var(--text-muted)}.user-toolbar .search-bar input{width:100%;border:none;background:transparent;outline:none;color:var(--text-main);font-size:.9rem}.btn-secondary{padding:10px 16px;border-radius:14px;border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-main);cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-weight:700;transition:background .2s,border-color .2s}.btn-secondary:hover{background:#ffffff0f;border-color:var(--text-muted)}.table-action-group{display:flex;flex-wrap:wrap;gap:8px}.user-action-btn{border:none;background:#ffffff0a;color:var(--text-main);padding:10px 12px;border-radius:12px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background .2s}.user-action-btn.icon-only{padding:0;width:36px;height:36px;justify-content:center}.user-action-btn:hover{background:#ffffff14}.admin-table-container{overflow-x:auto}table.admin-table{width:100%;border-collapse:collapse}.admin-table th{text-align:left;padding:12px 16px;font-size:.75rem;text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;border-bottom:1px solid var(--border-color)}.admin-table td{padding:16px;border-bottom:1px solid var(--bg-surface);font-size:.9rem}.status-badge{padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600}.status-active{background:#10b9811a;color:#10b981}.status-suspended{background:#ef44441a;color:#ef4444}.plan-tag{padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600}.plan-tag.plan-private{background:#6b72801f;color:#6b7280;border:1px solid rgba(107,114,128,.18)}.plan-tag.plan-team{background:#3b82f61f;color:#3b82f6;border:1px solid rgba(59,130,246,.18)}.workspace-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:32px}.workspace-metric-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:20px;padding:24px;display:flex;align-items:center;gap:16px;transition:all .2s ease;box-shadow:0 12px 36px #0000000a}.workspace-metric-card.clickable{cursor:pointer}.workspace-metric-card.clickable:hover{transform:translateY(-4px);box-shadow:0 16px 48px #00000014;border-color:var(--primary)}.workspace-metric-card.active{border-color:var(--primary);background:#2563eb0f;transform:translateY(-2px);box-shadow:0 16px 48px #0000000f}.workspace-metric-card.active .metric-icon{background:var(--primary);color:#fff}.metric-icon{width:56px;height:56px;border-radius:16px;background:#ffffff0a;display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0}.metric-content{flex:1}.metric-label{display:block;font-size:.8rem;color:var(--text-muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.metric-value{display:block;font-size:1.75rem;margin-bottom:6px;color:var(--text-main);font-weight:800}.metric-note{margin:0;font-size:.85rem;color:var(--text-muted);font-weight:500}.workspace-grid-section{margin-top:24px}.workspace-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.workspace-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:20px;padding:24px;transition:all .2s ease;box-shadow:0 12px 36px #0000000a}.workspace-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px #00000014;border-color:var(--primary)}.workspace-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.workspace-card-icon{width:56px;height:56px;border-radius:16px;background:#ffffff0a;display:flex;align-items:center;justify-content:center;color:var(--primary)}.workspace-card-body{margin-bottom:20px}.workspace-card-name{margin:0 0 4px;font-size:1.1rem;font-weight:700;color:var(--text-main)}.workspace-card-id{margin:0 0 16px;font-size:.8rem;color:var(--text-muted);font-weight:500}.workspace-card-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px}.workspace-meta-item{display:flex;flex-direction:column;gap:4px}.meta-label{font-size:.75rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.meta-value{font-size:.95rem;color:var(--text-main);font-weight:600}.workspace-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--border-color)}.workspace-actions{display:flex;gap:8px}.workspace-action-btn{width:36px;height:36px;border:none;background:#ffffff0a;color:var(--text-main);border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.workspace-action-btn:hover{background:#ffffff14;transform:translateY(-2px)}.workspace-action-btn.delete:hover{background:#ef44441f;color:#ef4444}.worker-pool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.worker-pool-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:16px;padding:20px;transition:all .2s ease;box-shadow:0 12px 36px #0000000a}.worker-pool-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px #00000014;border-color:var(--primary)}.worker-pool-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.worker-pool-name{font-size:1rem;font-weight:700;color:var(--text-main)}.worker-pool-status{padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600}.worker-pool-metrics{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.worker-metric{display:flex;flex-direction:column;gap:4px}.kanban-board{display:grid;grid-template-columns:repeat(4,minmax(280px,1fr));gap:20px;overflow-x:auto}.kanban-column{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:20px;padding:20px;min-height:400px;display:flex;flex-direction:column;box-shadow:0 12px 36px #0000000a}.kanban-column-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid}.kanban-column-title{display:flex;align-items:center;gap:8px;font-size:.95rem;font-weight:700;color:var(--text-main)}.kanban-column-count{padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600}.kanban-column-body{flex:1;display:flex;flex-direction:column;gap:12px}.kanban-job-card{background:#ffffff0a;border:1px solid var(--border-color);border-radius:12px;padding:16px;transition:all .2s ease}.kanban-job-card:hover{background:#ffffff14;transform:translateY(-2px);border-color:var(--primary)}.kanban-job-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.kanban-job-id{font-size:.85rem;font-weight:700;color:var(--text-main)}.kanban-job-type{font-size:.8rem;color:var(--text-muted);font-weight:500}.kanban-job-info{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.kanban-job-meta{display:flex;justify-content:space-between;align-items:center}.kanban-job-progress{display:flex;align-items:center;gap:8px;margin-bottom:12px}.progress-bar{flex:1;height:6px;background:#ffffff14;border-radius:3px;overflow:hidden}.progress-fill{height:100%;border-radius:3px;transition:width .3s ease}.progress-text{font-size:.75rem;font-weight:600;color:var(--text-muted);min-width:36px}.kanban-job-error{display:flex;align-items:center;gap:6px;padding:10px;background:#ef44441f;border-radius:8px;font-size:.85rem;color:#ef4444;font-weight:500;margin-bottom:12px}.kanban-requeue-btn{width:100%;padding:10px;border:none;background:#eab3081f;color:#b45309;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;font-weight:600;font-size:.85rem;transition:all .2s ease}.kanban-requeue-btn:hover{background:#eab3082e;transform:translateY(-1px)}.kanban-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 20px;font-size:.85rem;color:var(--text-muted);font-weight:500}@media(max-width:1200px){.kanban-board{grid-template-columns:repeat(2,minmax(280px,1fr))}}@media(max-width:768px){.kanban-board{grid-template-columns:1fr}.worker-pool-grid{grid-template-columns:repeat(2,minmax(150px,1fr))}}.controls-list{display:flex;flex-direction:column;gap:16px}.control-item{display:flex;justify-content:space-between;align-items:center;padding:12px;border-radius:12px;background:var(--bg-surface);border:1px solid var(--border-color)}.control-label{display:flex;flex-direction:column}.control-title{font-size:.9rem;font-weight:600}.control-desc{font-size:.75rem;color:var(--text-muted)}.toggle-switch{width:40px;height:20px;background:var(--bg-main);border-radius:10px;position:relative;cursor:pointer;transition:all .2s;border:1px solid var(--border-color)}.toggle-switch.on{background:var(--primary)}.toggle-knob{width:14px;height:14px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.toggle-switch.on .toggle-knob{left:calc(100% - 16px)}.mod-queue-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border-color)}.mod-thumb{width:60px;height:40px;border-radius:6px;background:var(--bg-surface)}.mod-info{flex:1}.mod-user{font-weight:600;font-size:.85rem}.mod-time{font-size:.75rem;color:var(--text-muted)}.mod-actions{display:flex;gap:8px}.btn-mod-icon{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none}.log-item{display:flex;gap:12px;margin-bottom:16px;font-size:.85rem}.log-type{width:4px;border-radius:2px;flex-shrink:0}.log-type.error{background:#ef4444}.log-type.success{background:#10b981}.log-content{flex:1}.log-msg{font-weight:600}.log-time{color:var(--text-muted);font-size:.75rem}@media(max-width:1024px){.admin-page-header{flex-direction:column;align-items:flex-start}.admin-toolbar-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.admin-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-dashboard-grid{grid-template-columns:1fr}}@media(max-width:768px){.admin-tab-switch{gap:8px;padding-bottom:10px}.admin-tab-btn{padding:7px 12px;min-height:36px;font-size:12px}.admin-main{padding-top:18px}.admin-stats-grid{grid-template-columns:1fr}}.log-filter-chip{padding:6px 14px;border-radius:20px;font-size:.78rem;font-weight:700;cursor:pointer;border:1px solid var(--border-color);background:var(--bg-surface, rgba(255, 255, 255, .03));color:var(--text-muted);transition:all .2s ease;outline:none;display:inline-flex;align-items:center;gap:6px;font-family:inherit}.log-filter-chip:hover{color:var(--text-main);background:#ffffff0f;border-color:#ffffff26;transform:translateY(-1px)}[data-mode=light] .log-filter-chip{background:#00000005}[data-mode=light] .log-filter-chip:hover{background:#0000000d;border-color:#0000001f}.log-filter-chip.active{color:var(--active-color, var(--primary));background:var(--active-bg, rgba(var(--primary-rgb), .15));border-color:var(--active-color, var(--primary))}.logs-feed::-webkit-scrollbar,.admin-table-container::-webkit-scrollbar{width:6px;height:6px}.logs-feed::-webkit-scrollbar-track,.admin-table-container::-webkit-scrollbar-track{background:transparent}.logs-feed::-webkit-scrollbar-thumb,.admin-table-container::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px;transition:background .2s ease}.logs-feed::-webkit-scrollbar-thumb:hover,.admin-table-container::-webkit-scrollbar-thumb:hover{background:#fff3}[data-mode=light] .logs-feed::-webkit-scrollbar-thumb,[data-mode=light] .admin-table-container::-webkit-scrollbar-thumb{background:#0000001f}[data-mode=light] .logs-feed::-webkit-scrollbar-thumb:hover,[data-mode=light] .admin-table-container::-webkit-scrollbar-thumb:hover{background:#00000038}.logs-feed,.admin-table-container{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}[data-mode=light] .logs-feed,[data-mode=light] .admin-table-container{scrollbar-color:rgba(0,0,0,.12) transparent}.sa-scroll{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--text-muted) 40%,transparent) transparent}.sa-scroll::-webkit-scrollbar{width:5px;height:5px}.sa-scroll::-webkit-scrollbar-track{background:transparent}.sa-scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--text-muted) 35%,var(--border-color));border-radius:99px}.sa-scroll::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--primary) 50%,var(--text-muted))}.sa-portal{width:100%;height:100%;min-height:0;max-height:100%;display:flex;flex-direction:column;overflow:hidden;color:var(--text-main);font-family:var(--font-family)}.sa-panel{display:flex;flex-direction:column;gap:16px;min-height:0;flex:1;overflow:hidden}.sa-panel-header{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-shrink:0;background:linear-gradient(90deg,color-mix(in srgb,var(--primary) 5%,transparent) 0%,transparent 100%);padding:16px;border-radius:12px;margin-bottom:8px}.sa-panel-title{margin:0;font-size:1.125rem;font-weight:650;letter-spacing:-.02em;color:var(--text-main)}.sa-panel-desc{margin:4px 0 0;font-size:.8125rem;color:var(--text-muted);max-width:52ch}.sa-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sa-input,.sa-select{height:36px;padding:0 12px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-main);font:inherit;font-size:.875rem;min-width:0}.sa-input:focus,.sa-select:focus{outline:2px solid color-mix(in srgb,var(--primary) 45%,transparent);border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 10%,transparent)}.sa-input--search{width:min(280px,100%)}.sa-search-field{position:relative;display:flex;align-items:center;flex-shrink:0;width:min(260px,100%)}.sa-search-field-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;flex-shrink:0}.sa-search-field .sa-input{width:100%;padding-left:34px}.sa-search-field--wide{flex:1;width:auto;max-width:400px}.sa-lookup-row{display:flex;align-items:center;gap:8px;flex-shrink:0}.sa-input--wide{width:min(360px,100%)}.sa-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 14px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-main);font:inherit;font-size:.8125rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s;white-space:nowrap}.sa-btn:hover:not(:disabled){border-color:color-mix(in srgb,var(--primary) 35%,var(--border-color));color:var(--text-main)}.sa-btn:disabled{opacity:.5;cursor:not-allowed}.sa-btn--primary{background:linear-gradient(135deg,var(--primary) 0%,color-mix(in srgb,var(--primary) 85%,#2563eb) 100%);border-color:var(--primary);color:#fff;box-shadow:0 2px 8px color-mix(in srgb,var(--primary) 25%,transparent)}.sa-btn--primary:hover:not(:disabled){background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 90%,#2563eb) 0%,var(--primary) 100%);border-color:var(--primary-hover, var(--primary));color:#fff;box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 35%,transparent);transform:translateY(-1px)}.sa-btn--danger{background:color-mix(in srgb,#ef4444 12%,var(--bg-card));border-color:color-mix(in srgb,#ef4444 35%,var(--border-color));color:#f87171}.sa-btn--ghost{background:transparent;border-color:color-mix(in srgb,var(--primary) 25%,var(--border-color));color:var(--primary)}.sa-btn--ghost:hover:not(:disabled){background:color-mix(in srgb,var(--primary) 12%,transparent);border-color:var(--primary);color:var(--primary)}.sa-btn--sm{height:30px;padding:0 10px;font-size:.75rem}.sa-split{display:grid;grid-template-columns:minmax(0,228px) minmax(0,1fr);gap:12px;min-height:0;flex:1;overflow:hidden}.sa-card{background:linear-gradient(135deg,var(--bg-card) 0%,color-mix(in srgb,var(--primary) 3%,var(--bg-card)) 100%);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;min-height:0;display:flex;flex-direction:column;transition:all .2s ease}.sa-card:hover{border-color:color-mix(in srgb,var(--primary) 30%,var(--border-color))}.sa-card--flush{padding:0}.sa-card-header{padding:14px 16px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}.sa-card-header h3{margin:0;font-size:.875rem;font-weight:650}.sa-card-body{padding:16px;overflow:auto;min-height:0;flex:1}.sa-card--list{min-height:0}.sa-card--detail{min-height:0;display:flex;flex-direction:column}.sa-list-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.sa-detail-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border-bottom:1px solid var(--border-color);flex-shrink:0}.sa-tab-bar{display:flex;align-items:center;gap:2px;padding:6px 12px;border-bottom:1px solid var(--border-color);flex-shrink:0;background:color-mix(in srgb,var(--bg-card) 80%,transparent)}.sa-tab{height:30px;padding:0 14px;border:none;border-radius:6px;background:transparent;color:var(--text-muted);font:inherit;font-size:.8125rem;font-weight:600;cursor:pointer;transition:background .12s,color .12s;white-space:nowrap}.sa-tab:hover:not(.sa-tab--active){background:color-mix(in srgb,var(--text-muted) 10%,transparent);color:var(--text-main)}.sa-tab--active{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 18%,transparent),color-mix(in srgb,var(--primary) 10%,transparent));color:var(--primary);border:1px solid color-mix(in srgb,var(--primary) 25%,var(--border-color))}.sa-tab-content{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.sa-tab-pane{padding:16px}.sa-profile-identity{display:flex;align-items:center;gap:14px;padding:4px 0 20px}.sa-profile-avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 18%,var(--bg-card)),color-mix(in srgb,var(--primary) 28%,var(--bg-card)));border:1px solid color-mix(in srgb,var(--primary) 35%,var(--border-color));color:var(--primary);font-size:1.25rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;letter-spacing:-.01em;box-shadow:0 2px 8px color-mix(in srgb,var(--primary) 15%,transparent)}.sa-profile-identity-info{display:flex;flex-direction:column;gap:2px;min-width:0}.sa-profile-display-name{font-size:1rem;font-weight:700;letter-spacing:-.01em;color:var(--text-main)}.sa-profile-display-email{font-size:.8125rem;color:var(--text-muted);word-break:break-all}.sa-profile-stats{display:flex;align-items:stretch;gap:0;border:1px solid var(--border-color);border-radius:10px;overflow:hidden;margin-bottom:16px}.sa-profile-stat{flex:1;display:flex;flex-direction:column;gap:4px;padding:12px 14px}.sa-profile-stat span{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.sa-profile-stat strong{font-size:.9375rem;font-weight:700}.sa-profile-stat-divider{width:1px;background:var(--border-color);flex-shrink:0}.sa-profile-grid{display:flex;flex-direction:column;gap:1px;border:1px solid var(--border-color);border-radius:10px;overflow:hidden}.sa-profile-item{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:11px 14px;background:color-mix(in srgb,var(--bg-card) 95%,transparent);border-bottom:1px solid var(--border-color)}.sa-profile-item:last-child{border-bottom:none}.sa-profile-item span{font-size:.75rem;color:var(--text-muted);font-weight:500;flex-shrink:0;min-width:100px}.sa-profile-item strong{font-size:.875rem;font-weight:600;text-align:right}.sa-tx-feed{display:flex;flex-direction:column;border:1px solid var(--border-color);border-radius:10px;overflow:hidden;margin-top:12px;max-height:320px;overflow-y:auto}.sa-tx-feed::-webkit-scrollbar{width:6px}.sa-tx-feed::-webkit-scrollbar-track{background:transparent}.sa-tx-feed::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--text-muted) 25%,var(--border-color));border-radius:99px}.sa-tx-feed::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--primary) 40%,var(--text-muted))}.sa-tx-row{display:flex;align-items:center;gap:12px;padding:11px 14px;border-bottom:1px solid var(--border-color);transition:background .1s}.sa-tx-row:last-child{border-bottom:none}.sa-tx-row:hover{background:linear-gradient(90deg,color-mix(in srgb,var(--primary) 8%,transparent) 0%,transparent 100%);border-left:3px solid var(--primary)}.sa-tx-dot{width:28px;height:28px;border-radius:8px;border:1px solid;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sa-tx-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.sa-tx-top{display:flex;align-items:center;gap:8px;min-width:0}.sa-tx-type{font-size:.8125rem;font-weight:650;flex-shrink:0}.sa-tx-ref{font-size:.75rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sa-tx-date{font-size:.6875rem;color:var(--text-muted);opacity:.75}.sa-tx-amount{font-size:.875rem;font-weight:700;flex-shrink:0;letter-spacing:-.01em}.sa-history-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;z-index:2;background:var(--bg-card);padding:12px 16px;margin:-16px -16px 0;border-bottom:1px solid var(--border-color)}.sa-empty--fill{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.sa-list-search{position:relative;display:flex;align-items:center;padding:8px 10px;border-bottom:1px solid var(--border-color);flex-shrink:0}.sa-list-search .sa-search-field-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.sa-input--list-search{width:100%;height:30px;padding:0 10px 0 30px;border-radius:6px;font-size:.8125rem;background:color-mix(in srgb,var(--bg-card) 60%,transparent)}.sa-card-header-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;padding:0 6px;border-radius:999px;background:color-mix(in srgb,var(--text-muted) 14%,transparent);color:var(--text-muted);font-size:.6875rem;font-weight:600;margin-left:6px;vertical-align:middle}.sa-list{list-style:none;margin:0;padding:0}.sa-list-item{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:9px 12px;border:none;border-bottom:1px solid var(--border-color);background:transparent;color:inherit;text-align:left;cursor:pointer;font:inherit;transition:background .12s;min-width:0}.sa-list-item:hover{background:linear-gradient(90deg,color-mix(in srgb,var(--primary) 8%,transparent) 0%,transparent 100%)}.sa-list-item--active{background:linear-gradient(90deg,color-mix(in srgb,var(--primary) 12%,transparent) 0%,transparent 100%);box-shadow:inset 3px 0 0 var(--primary)}.sa-list-item-top{display:flex;align-items:center;gap:6px;width:100%;min-width:0}.sa-list-item-name{font-size:.8125rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;color:var(--text-main)}.sa-list-item-bottom{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;min-width:0}.sa-list-item-email{font-size:.6875rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.sa-list-item-credits{flex-shrink:0;font-size:.6875rem;font-weight:600;color:color-mix(in srgb,var(--primary) 70%,var(--text-muted))}.sa-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:.6875rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.sa-badge--admin{background:color-mix(in srgb,var(--primary) 18%,transparent);color:var(--primary)}.sa-badge--type{background:color-mix(in srgb,var(--text-muted) 12%,transparent);color:var(--text-muted)}.sa-empty{padding:48px 24px;text-align:center;color:var(--text-muted);font-size:.875rem}.sa-empty-icon{margin:0 auto 12px;opacity:.45}.sa-detail-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}.sa-detail-hero-info{display:flex;flex-direction:column;gap:2px;min-width:0}.sa-detail-name{margin:0;font-size:1.125rem;font-weight:700;letter-spacing:-.02em}.sa-detail-email{margin:0;font-size:.8125rem;color:var(--text-muted);word-break:break-all}.sa-detail-joined{margin:6px 0 0;font-size:.75rem;color:var(--text-muted);opacity:.7}.sa-section-divider{height:1px;background:var(--border-color);margin:18px 0;opacity:.6}.sa-section-label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);margin-bottom:10px}.sa-stat-pill{padding:10px 16px;border-radius:10px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 8%,var(--bg-card)),color-mix(in srgb,var(--primary) 15%,var(--bg-card)));border:1px solid color-mix(in srgb,var(--primary) 22%,var(--border-color));flex-shrink:0;transition:all .2s ease}.sa-stat-pill:hover{border-color:color-mix(in srgb,var(--primary) 40%,var(--border-color));box-shadow:0 2px 8px color-mix(in srgb,var(--primary) 15%,transparent)}.sa-stat-pill-label{display:block;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:4px}.sa-stat-pill-value{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;color:var(--primary)}.sa-action-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:4px}.sa-action-card{border:1px solid var(--border-color);border-radius:10px;overflow:hidden;background:color-mix(in srgb,var(--bg-card) 92%,transparent)}.sa-action-card--grant{border-color:color-mix(in srgb,#22c55e 25%,var(--border-color))}.sa-action-card--revoke{border-color:color-mix(in srgb,#ef4444 22%,var(--border-color))}.sa-action-card-head{display:flex;align-items:center;gap:7px;padding:8px 12px;border-bottom:1px solid var(--border-color);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.sa-action-card-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.sa-action-card-dot--grant{background:#4ade80}.sa-action-card-dot--revoke{background:#f87171}.sa-action-form{padding:10px 12px;display:flex;flex-direction:column;gap:6px}.sa-field--inline{display:flex;gap:6px;align-items:center}.sa-input--amount{flex:1;min-width:0;height:32px;padding:0 10px;font-size:.8125rem}.sa-reason-toggle{background:none;border:none;padding:0;font:inherit;font-size:.6875rem;color:var(--text-muted);cursor:pointer;text-align:left;opacity:.75;transition:opacity .12s;width:fit-content}.sa-reason-toggle:hover:not(:disabled){opacity:1;color:var(--text-main)}.sa-reason-toggle:disabled{cursor:not-allowed;opacity:.4}.sa-reason-input{width:100%;min-height:48px;padding:7px 10px;border-radius:7px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-main);font:inherit;font-size:.8125rem;resize:vertical;box-sizing:border-box}.sa-field label{display:block;font-size:.75rem;font-weight:600;color:var(--text-muted);margin-bottom:4px}.sa-field textarea{width:100%;min-height:56px;padding:8px 10px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-main);font:inherit;font-size:.8125rem;resize:vertical;box-sizing:border-box}.sa-table-wrap{overflow:auto;border:1px solid var(--border-color);border-radius:10px}.sa-tab-pane .sa-table-wrap{overflow:visible;max-height:none;margin-top:12px}.sa-table{width:100%;border-collapse:collapse;font-size:.8125rem}.sa-table th{text-align:left;padding:10px 12px;font-size:.6875rem;font-weight:650;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:color-mix(in srgb,var(--bg-card) 70%,transparent);border-bottom:1px solid var(--border-color);white-space:nowrap;position:sticky;top:49px;z-index:1}.sa-table td{padding:10px 12px;border-bottom:1px solid var(--border-color);vertical-align:top}.sa-table tr:last-child td{border-bottom:none}.sa-table tbody tr:hover{background:color-mix(in srgb,var(--primary) 4%,transparent)}.sa-amount--positive{color:#4ade80;font-weight:600}.sa-amount--negative{color:#f87171;font-weight:600}.sa-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-top:1px solid var(--border-color);font-size:.6875rem;color:var(--text-muted);flex-shrink:0}.sa-alert{padding:10px 12px;border-radius:8px;font-size:.8125rem;margin-bottom:12px}.sa-alert--error{background:color-mix(in srgb,#ef4444 12%,transparent);border:1px solid color-mix(in srgb,#ef4444 35%,var(--border-color));color:#fca5a5}.sa-alert--success{background:color-mix(in srgb,#22c55e 12%,transparent);border:1px solid color-mix(in srgb,#22c55e 35%,var(--border-color));color:#86efac}.sa-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:40px;color:var(--text-muted);font-size:.875rem}.sa-spinner{width:18px;height:18px;border:2px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:sa-spin .7s linear infinite}@keyframes sa-spin{to{transform:rotate(360deg)}}.sa-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sa-metric-card{padding:16px;border-radius:12px;border:1px solid var(--border-color);background:linear-gradient(135deg,var(--bg-card) 0%,color-mix(in srgb,var(--primary) 8%,var(--bg-card)) 100%);transition:all .2s ease}.sa-metric-card:hover{border-color:color-mix(in srgb,var(--primary) 40%,var(--border-color));box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 15%,transparent)}.sa-metric-card-label{font-size:.75rem;color:var(--text-muted);margin-bottom:8px}.sa-metric-card-value{font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.sa-metric-card-note{margin-top:6px;font-size:.75rem;color:var(--text-muted)}.sa-workspace-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:20px}.sa-heygen-stats{display:grid;grid-template-columns:auto repeat(auto-fit,minmax(120px,1fr));gap:12px;align-items:stretch;margin-bottom:4px}.sa-heygen-balance-block{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:10px;border:1px solid var(--border-color)}.sa-heygen-balance-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:color-mix(in srgb,currentColor 12%,transparent);flex-shrink:0}.sa-heygen-balance-label{display:block;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:3px}.sa-heygen-balance-value{display:block;font-size:1.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.1}.sa-heygen-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.sa-heygen-tile{padding:10px 12px;border-radius:8px;border:1px solid var(--border-color);background:color-mix(in srgb,var(--bg-card) 95%,transparent);display:flex;flex-direction:column;gap:3px}.sa-heygen-tile-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.sa-heygen-tile-value{font-size:.875rem;font-weight:650;color:var(--text-main)}.sa-heygen-tile-note{font-size:.6875rem;color:var(--text-muted);opacity:.8;margin-top:1px}.sa-meta-item{padding:12px;border-radius:10px;border:1px solid var(--border-color);background:linear-gradient(135deg,color-mix(in srgb,var(--bg-card) 95%,transparent),color-mix(in srgb,var(--primary) 5%,var(--bg-card)));transition:all .2s ease}.sa-meta-item:hover{border-color:color-mix(in srgb,var(--primary) 25%,var(--border-color))}.sa-meta-item--inline{display:flex;flex-direction:column;justify-content:center}.sa-meta-item span{display:block;font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:4px}.sa-meta-item strong{font-size:.9375rem}@media(max-width:720px){.sa-panel-header{flex-direction:column;align-items:stretch;gap:12px}.sa-search-field{width:100%}}@media(max-width:960px){.sa-split,.sa-action-row,.sa-metrics{grid-template-columns:1fr}}.sa-drawer{border-top:none;border-bottom:1px solid var(--border-color);background:var(--bg-hover, rgba(59, 130, 246, .03))}.sa-drawer-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid var(--border-color)}.sa-drawer-header .sa-detail-hero-info{display:flex;align-items:center;gap:0}.sa-drawer .sa-tab-bar{padding:0 20px}.sa-drawer .sa-tab-content{padding:0;max-height:420px;overflow-y:auto}.sa-drawer .sa-tab-pane{padding:20px}.profile-dropdown{position:relative;display:inline-block}.profile-avatar-btn{display:flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s ease}.profile-avatar-btn:hover{background:var(--bg-surface)}.profile-avatar-btn--compact{padding:2px;border-radius:50%}.profile-avatar-btn--compact:hover{background:var(--bg-surface)}.profile-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;overflow:hidden;border:2px solid var(--border-color);box-shadow:0 2px 8px #0000001a}.profile-avatar img{width:100%;height:100%;object-fit:cover}.dropdown-arrow{color:var(--text-muted);transition:transform .2s ease;font-size:16px}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:8px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 10px 25px #00000026;min-width:200px;z-index:9999;overflow:hidden;padding:8px}.dropdown-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 14px;background:none;border:none;cursor:pointer;font-size:14px;color:var(--text-main);transition:all .2s ease;border-radius:8px}.dropdown-item:hover{background:var(--bg-surface);color:var(--text-main)}.profile-item{color:var(--text-main)}.logout-item{color:#ef4444}.logout-item:hover{background:#fef2f2;color:#dc2626}[data-mode=dark] .logout-item:hover{background:#ef44441a}.dropdown-divider{height:1px;background:var(--border-color);margin:6px 0}.vi-mode-rail{margin-top:10px;padding:0 2px}.vi-mode-rail-track{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0;padding:3px;border-radius:10px;background:#0f172a0f;border:1px solid rgba(var(--primary-rgb, 236, 72, 153),.12)}.vi-mode-rail-thumb{position:absolute;top:3px;left:3px;width:calc(50% - 3px);height:calc(100% - 6px);border-radius:7px;background:linear-gradient(135deg,rgba(var(--primary-rgb, 236, 72, 153),.28),rgba(var(--primary-rgb, 236, 72, 153),.12));border:1px solid rgba(var(--primary-rgb, 236, 72, 153),.35);box-shadow:0 2px 10px rgba(var(--primary-rgb, 236, 72, 153),.18);transition:transform .22s cubic-bezier(.34,1.15,.64,1);pointer-events:none;z-index:0}.vi-mode-rail-thumb--admin{transform:translate(calc(100% + 3px))}.vi-mode-rail-btn{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:6px 4px;border:none;border-radius:7px;background:transparent;color:var(--text-muted);font-family:inherit;font-size:11px;font-weight:500;line-height:1;cursor:pointer;transition:color .18s ease;white-space:nowrap}.vi-mode-rail-btn:hover{color:var(--text-main)}.vi-mode-rail-btn--active{color:var(--primary);font-weight:600}.vi-mode-rail-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.ppt-modal-overlay{position:fixed;inset:0;background-color:#0f172ab3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:2500;animation:fadeIn .2s ease-out}.ppt-modal-content{width:900px;height:520px;background:color-mix(in srgb,var(--bg-card) 75%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid color-mix(in srgb,var(--border-color) 45%,transparent);border-radius:10px;box-shadow:0 20px 40px #0003,0 0 0 1px color-mix(in srgb,var(--border-color) 25%,transparent);color:var(--text-main);display:grid;grid-template-columns:1fr 1fr;position:relative;overflow:hidden;font-family:"Outfit",var(--font-family);animation:scaleUp .3s cubic-bezier(.16,1,.3,1)}.ppt-close-btn{position:absolute;top:20px;right:20px;width:32px;height:32px;border-radius:50%;border:none;background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s,color .2s;z-index:10}.ppt-close-btn:hover{background:color-mix(in srgb,var(--bg-surface) 60%,transparent);color:var(--text-main)}.ppt-left-panel{padding:40px;display:flex;flex-direction:column;border-right:1px solid color-mix(in srgb,var(--border-color) 45%,transparent)}.ppt-title{font-size:24px;font-weight:700;color:var(--text-main);margin:0 0 30px}.ppt-upload-area{flex:1;background:color-mix(in srgb,var(--bg-surface) 40%,transparent);border:2px dashed color-mix(in srgb,var(--border-color) 70%,transparent);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;transition:border-color .2s,background-color .2s;cursor:pointer}.ppt-upload-area:hover{border-color:var(--primary);background:color-mix(in srgb,var(--bg-surface) 60%,transparent)}.file-shape{width:48px;height:64px;border:2px solid color-mix(in srgb,var(--border-color) 70%,transparent);border-radius:8px;position:relative;display:flex;align-items:center;justify-content:center}.file-shape svg{color:var(--text-muted)}.ppt-drop-text{color:var(--text-main);font-size:14px;font-weight:500}.ppt-choose-btn{background:var(--bg-surface);border:1px solid var(--border-color);padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;color:var(--text-main);box-shadow:0 1px 2px #0000000d;transition:background-color .2s,border-color .2s,color .2s}.ppt-choose-btn:hover{background:color-mix(in srgb,var(--bg-surface) 60%,transparent);border-color:var(--text-muted)}.ppt-right-panel{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 15%,transparent),color-mix(in srgb,var(--primary) 5%,transparent));position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.ppt-right-panel:before{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--primary) 10%,transparent) 0%,transparent 50%),radial-gradient(circle at 0% 100%,color-mix(in srgb,var(--primary) 10%,transparent) 0%,transparent 50%)}.ppt-info-text{font-size:18px;font-weight:600;color:var(--text-main);margin-bottom:40px;max-width:80%;z-index:1;line-height:1.5}.ppt-icon-large{width:120px;height:120px;position:relative;filter:drop-shadow(0 10px 20px rgba(239,68,68,.25));z-index:1}.ppt-plate{fill:url(#pptGradient)}.dub-modal-overlay{position:fixed;inset:0;background-color:#0f172ab3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:2500;animation:fadeIn .2s ease-out}.dub-modal-content{width:960px;height:600px;background:color-mix(in srgb,var(--bg-card) 75%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid color-mix(in srgb,var(--border-color) 45%,transparent);border-radius:10px;box-shadow:0 20px 40px #0003,0 0 0 1px color-mix(in srgb,var(--border-color) 25%,transparent);color:var(--text-main);display:grid;grid-template-columns:1fr 1fr;position:relative;overflow:hidden;font-family:"Outfit",var(--font-family);animation:scaleUp .3s cubic-bezier(.16,1,.3,1)}.dub-close-btn{position:absolute;top:20px;right:20px;width:32px;height:32px;border-radius:50%;border:none;background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s,color .2s;z-index:10}.dub-close-btn:hover{background:color-mix(in srgb,var(--bg-surface) 60%,transparent);color:var(--text-main)}.dub-left-panel{padding:40px;display:flex;flex-direction:column;position:relative;border-right:1px solid color-mix(in srgb,var(--border-color) 45%,transparent)}.dub-title{font-size:24px;font-weight:700;color:var(--text-main);margin:0 0 24px}.dub-upload-area{background:color-mix(in srgb,var(--bg-surface) 40%,transparent);border:1px dashed color-mix(in srgb,var(--border-color) 70%,transparent);border-radius:12px;padding:32px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;transition:border-color .2s,background-color .2s;cursor:pointer;flex:1;max-height:220px}.dub-upload-area:hover{border-color:var(--primary);background:color-mix(in srgb,var(--bg-surface) 60%,transparent)}.dub-upload-icon{width:64px;height:80px;background:var(--bg-card);border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;display:flex;align-items:center;justify-content:center;color:var(--text-muted);margin-bottom:8px;border:1px solid var(--border-color)}.dub-upload-title{font-weight:600;color:var(--text-main);font-size:15px}.dub-upload-subtitle{color:var(--text-muted);font-size:12px;text-align:center}.dub-divider{display:flex;align-items:center;gap:16px;margin:24px 0;color:var(--text-muted);font-size:14px}.dub-divider:before,.dub-divider:after{content:"";height:1px;flex:1;background:var(--border-color)}.dub-youtube-input-wrapper{position:relative;display:flex;align-items:center}.dub-youtube-icon{position:absolute;left:14px;color:#ef4444;font-size:20px}.dub-youtube-input{width:100%;padding:12px 16px 12px 42px;border:1px solid color-mix(in srgb,var(--border-color) 70%,transparent);border-radius:10px;font-size:14px;background:color-mix(in srgb,var(--bg-surface) 40%,transparent);color:var(--text-main);transition:border-color .2s,box-shadow .2s,background-color .2s;outline:none}.dub-youtube-input:focus{border-color:var(--primary);background:color-mix(in srgb,var(--bg-surface) 60%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 15%,transparent)}.dub-input-hint{font-size:12px;color:var(--text-muted);margin-top:8px}.dub-credits-footer{margin-top:auto;padding-top:24px;border-top:1px solid color-mix(in srgb,var(--border-color) 45%,transparent);display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:13px;font-weight:500}.dub-credits-highlight{color:var(--primary);font-weight:600}.dub-right-panel{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 15%,transparent),color-mix(in srgb,var(--primary) 5%,transparent));position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center;overflow:hidden}.dub-right-panel:before{content:"";position:absolute;top:-50px;right:-50px;width:300px;height:300px;background:radial-gradient(circle,color-mix(in srgb,var(--primary) 15%,transparent) 0%,transparent 70%);border-radius:50%}.dub-info-title{font-size:22px;font-weight:700;color:var(--text-main);margin-bottom:48px;line-height:1.4;z-index:1;max-width:320px}.dub-badges-container{display:flex;flex-direction:column;gap:16px;margin-bottom:48px;z-index:1;position:relative}.dub-lang-badge{background:var(--bg-card);padding:10px 20px;border-radius:12px;box-shadow:0 4px 6px -1px #0000000d,0 10px 15px -3px #0000000d;font-weight:600;color:var(--text-main);display:flex;align-items:center;gap:10px;font-size:14px;transform:translate(0);transition:transform .3s ease;width:180px}.dub-lang-badge:hover{transform:scale(1.05)!important}.dub-lang-badge:nth-child(1){transform:translate(-40px)}.dub-lang-badge:nth-child(2){transform:translate(20px)}.dub-lang-badge:nth-child(3){transform:translate(-20px)}.dub-legal-text{font-size:11px;color:var(--text-muted);line-height:1.5;max-width:80%;text-align:left;position:absolute;bottom:40px;z-index:1}.dub-legal-link{color:var(--primary);text-decoration:underline;cursor:pointer}@keyframes scaleUp{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.create-video-modal-overlay{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:20px;background:#0206179e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.create-video-modal{position:relative;width:900px;height:600px;max-width:900px;max-height:600px;display:grid;grid-template-columns:220px 1fr;border-radius:12px;overflow:hidden;background:var(--bg-card);border:1px solid var(--border-color);box-shadow:0 20px 50px #02061759}.create-video-wizard-sidebar{background:color-mix(in srgb,var(--bg-surface) 88%,var(--bg-card));border-right:1px solid var(--border-color);padding:18px 16px;display:flex;flex-direction:column;gap:20px}.create-video-logo-block{display:flex;align-items:center;gap:10px;margin-bottom:4px}.create-video-logo-mark{width:30px;height:30px;border-radius:8px;background:var(--primary);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:800}.create-video-logo-text{font-size:13px;font-weight:700;color:var(--text-main);letter-spacing:-.01em}.create-video-step-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}.create-video-step-item{display:flex;align-items:center;gap:10px}.create-video-step-dot{width:24px;height:24px;border-radius:999px;border:1px solid var(--border-color);color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0;background:transparent}.create-video-step-label{font-size:13px;color:var(--text-muted);font-weight:500}.create-video-step-item.active .create-video-step-dot{background:var(--primary);border-color:var(--primary);color:#fff}.create-video-step-item.active .create-video-step-label{color:var(--text-main);font-weight:700}.create-video-step-item.completed .create-video-step-dot{background:#16a34a;border-color:#16a34a;color:#fff}.create-video-step-item.completed .create-video-step-label{color:var(--text-muted)}.create-video-wizard-main{display:grid;grid-template-rows:auto 1fr auto;min-width:0;min-height:0}.create-video-wizard-header{padding:18px 20px 14px;border-bottom:1px solid var(--border-color)}.create-video-wizard-header h2{margin:0;font-size:20px;line-height:1.2;color:var(--text-main);font-weight:700;font-family:var(--font-family)}.create-video-wizard-header p{margin:6px 0 0;font-size:12px;color:var(--text-muted);line-height:1.4}.create-video-presenter-banner{margin-bottom:4px;padding:10px 14px;border-radius:8px;background:#1a73e81a;border:1px solid rgba(26,115,232,.2);font-size:14px;color:var(--text-main, #1e293b)}.create-video-wizard-body{min-height:0;overflow-y:auto;overflow-x:hidden;padding:16px 20px;display:flex;flex-direction:column;gap:12px;scrollbar-width:none;-ms-overflow-style:none}.create-video-wizard-body::-webkit-scrollbar{width:0;height:0}.create-video-page-size-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.create-video-size-card{height:170px;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-surface);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:all .2s ease}.create-video-size-card:hover{border-color:color-mix(in srgb,var(--primary) 30%,var(--border-color))}.create-video-size-card.selected{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,var(--bg-surface));box-shadow:inset 0 0 0 1px rgba(var(--primary-rgb),.25)}.create-video-size-visual{width:86px;height:70px;border:1px dashed color-mix(in srgb,var(--text-muted) 40%,transparent);border-radius:10px;color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center}.create-video-size-visual.portrait{width:56px;height:86px}.create-video-size-visual.square{width:76px;height:76px}.create-video-size-visual.four-five{width:68px;height:84px}.create-video-size-visual.custom{width:72px;height:72px}.create-video-size-name{font-size:13px;font-weight:700;color:var(--text-main)}.create-video-size-ratio{font-size:12px;color:var(--text-muted)}.create-video-search{height:38px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-surface);display:flex;align-items:center;gap:8px;padding:0 12px;color:var(--text-muted)}.create-video-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.12);background:var(--bg-card)}.create-video-search input{width:100%;border:none;background:transparent;outline:none;color:var(--text-main);font-size:13px;font-family:var(--font-family)}.create-video-filter-row{display:flex;align-items:center;flex-wrap:nowrap;gap:8px;overflow-x:auto;overflow-y:hidden;padding:2px 2px 6px;min-height:40px;scrollbar-width:none;-ms-overflow-style:none}.create-video-filter-row::-webkit-scrollbar{width:0;height:0}.create-video-filter-chip{border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-main);border-radius:999px;height:30px;line-height:28px;padding:0 12px;font-size:12px;font-weight:600;white-space:nowrap;flex-shrink:0;cursor:pointer}.create-video-filter-chip.active{border-color:var(--primary);color:var(--primary);background:color-mix(in srgb,var(--primary) 9%,var(--bg-surface))}.create-video-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;overflow-y:auto;overflow-x:hidden;padding-right:2px;scrollbar-width:none;-ms-overflow-style:none}.create-video-bundle-picker{overflow-y:auto;max-height:min(58vh,620px);padding-right:2px}.create-video-selection-note{margin:16px 0 0;padding:10px 12px;border-radius:10px;background:color-mix(in srgb,var(--primary) 8%,var(--bg-surface));border:1px solid color-mix(in srgb,var(--primary) 18%,var(--border-color));color:var(--text-main);font-size:13px;font-weight:600}.create-video-template-skeleton{border-radius:12px;height:170px;background:linear-gradient(90deg,#94a3b829 25%,#94a3b842 37%,#94a3b829 63%);background-size:400% 100%;animation:create-video-skeleton-shimmer 1.35s ease infinite}@keyframes create-video-skeleton-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.create-video-template-grid::-webkit-scrollbar{width:0;height:0}.create-video-template-card{border:1px solid var(--border-color);border-radius:12px;background:var(--bg-card);padding:8px;text-align:left;display:flex;flex-direction:column;gap:8px;cursor:pointer;transition:all .2s ease}.create-video-template-card:hover{border-color:color-mix(in srgb,var(--primary) 35%,var(--border-color))}.create-video-template-card.selected{border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.2)}.create-video-thumb-wrap{position:relative;overflow:hidden;border-radius:9px;aspect-ratio:16 / 9;background:linear-gradient(140deg,#dbeafe,#e2e8f0)}.create-video-thumb-wrap img{width:100%;height:100%;object-fit:cover;display:block}.create-video-thumb-wrap .template-scene-preview{width:100%;height:100%;border-radius:9px}.create-video-thumb-wrap.blank{display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--primary) 8%,var(--bg-surface))}.create-video-blank-plus{color:var(--primary);display:inline-flex;align-items:center;justify-content:center}.create-video-template-badge{position:absolute;left:8px;top:8px;font-size:10px;font-weight:700;border-radius:999px;padding:4px 8px;color:#fff;letter-spacing:.02em}.create-video-template-badge.new{background:#16a34a}.create-video-template-badge.interactive{background:#0d9488}.create-video-template-overlay{position:absolute;inset:0;opacity:0;background:#0f172a14;transition:opacity .2s ease}.create-video-template-card:hover .create-video-template-overlay{opacity:1}.create-video-template-name{font-size:12px;font-weight:600;color:var(--text-main);line-height:1.35}.create-video-form-stack{display:flex;flex-direction:column;gap:12px}.create-video-field{display:flex;flex-direction:column;gap:6px}.create-video-field>span,.create-video-field-label{font-size:12px;color:var(--text-muted);font-weight:600}.create-video-field input,.create-video-field select{height:38px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-main);padding:0 12px;font-size:13px;font-family:var(--font-family);outline:none}.create-video-tag-pills{display:flex;flex-wrap:wrap;gap:8px}.create-video-tag-pill{height:30px;padding:0 12px;border-radius:999px;border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-main);font-size:12px;font-weight:600;cursor:pointer}.create-video-tag-pill.active{border-color:var(--primary);color:var(--primary);background:color-mix(in srgb,var(--primary) 9%,var(--bg-surface))}.create-video-inline-row{display:flex;gap:8px}.create-video-inline-input{height:36px;flex:1;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-surface);color:var(--text-main);padding:0 10px;font-size:13px;font-family:var(--font-family)}.create-video-warning{border:1px solid rgba(245,158,11,.4);background:#f59e0b1a;color:#a16207;border-radius:8px;font-size:12px;font-weight:600;padding:10px 12px}.create-video-field-error,.create-video-title-error{display:block;margin:0;font-size:12px;color:#dc2626;font-weight:600;line-height:1.45}.create-video-field .create-video-title-error{color:#dc2626}.create-video-field-hint{font-size:12px;color:var(--text-muted, #64748b);font-weight:500}.create-video-field input.create-video-input-error{border-color:#dc2626}.create-video-dropdown{position:relative}.create-video-dropdown-trigger{width:100%;height:42px;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-main);padding:0 12px 0 14px;font-size:13px;font-family:var(--font-family);display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.create-video-dropdown-trigger:hover:not(:disabled){border-color:color-mix(in srgb,var(--primary) 28%,var(--border-color));background:var(--bg-card)}.create-video-dropdown-trigger:disabled{opacity:.6;cursor:not-allowed}.create-video-dropdown.open .create-video-dropdown-trigger{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.12);background:var(--bg-card)}.create-video-dropdown-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.create-video-dropdown-value.placeholder{color:var(--text-muted)}.create-video-dropdown-chevron{flex-shrink:0;color:var(--text-muted);transition:transform .2s ease,color .2s ease}.create-video-dropdown.open .create-video-dropdown-chevron{transform:rotate(180deg);color:var(--primary)}.create-video-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:20;padding:8px;border-radius:14px;border:1px solid var(--border-color);background:var(--bg-card);box-shadow:0 18px 40px #0f172a24;display:flex;flex-direction:column;gap:4px;max-height:220px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.create-video-dropdown-menu::-webkit-scrollbar{width:0;height:0}.create-video-dropdown-item{min-height:36px;border:none;background:transparent;color:var(--text-main);border-radius:10px;padding:8px 10px;font-size:13px;font-weight:500;font-family:var(--font-family);display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;text-align:left;transition:background .18s ease,color .18s ease}.create-video-dropdown-item:hover:not(:disabled){background:var(--bg-surface)}.create-video-dropdown-item.selected{background:color-mix(in srgb,var(--primary) 10%,var(--bg-surface));color:var(--primary);font-weight:600}.create-video-dropdown-item.create-action{color:var(--primary);font-weight:600}.create-video-dropdown-item.empty{color:var(--text-muted);cursor:default}.create-video-field input:focus,.create-video-field select:focus,.create-video-tag-input-shell:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.12);background:var(--bg-card)}.create-video-tag-input-shell{min-height:38px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-surface);display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:4px 8px}.create-video-tag-input-shell input{border:none;outline:none;background:transparent;color:var(--text-main);font-size:13px;min-width:140px;flex:1;font-family:var(--font-family)}.create-video-custom-tag{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-main);border-radius:999px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-flex;align-items:center;gap:4px;cursor:pointer}.create-video-footer{border-top:1px solid var(--border-color);padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:10px}.create-video-footer-actions{display:flex;gap:8px}.create-video-btn{height:36px;border-radius:9px;padding:0 14px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:600;font-family:var(--font-family);cursor:pointer;transition:all .2s ease}.create-video-btn:disabled{opacity:.45;cursor:not-allowed}.create-video-btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.create-video-btn-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.create-video-btn-ghost{background:transparent;color:var(--text-main);border-color:var(--border-color)}.create-video-btn-ghost:hover:not(:disabled){background:var(--bg-surface);border-color:var(--text-muted)}.create-video-confirm-overlay{position:absolute;inset:0;z-index:50;background:#02061780;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.create-video-confirm-dialog{width:min(420px,calc(100% - 24px));background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 16px 42px #0206174d;padding:20px;text-align:center}.create-video-confirm-icon-wrap{width:46px;height:46px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;background:rgba(var(--primary-rgb),.12)}.create-video-confirm-icon{font-size:24px;color:var(--primary)}.create-video-confirm-title{margin:0 0 8px;font-size:18px;font-weight:700;color:var(--text-main)}.create-video-confirm-text{margin:0;font-size:14px;line-height:1.45;color:var(--text-muted)}.create-video-confirm-actions{margin-top:16px;display:flex;justify-content:center;gap:10px}.create-video-toast{position:absolute;inset:16px auto auto 50%;transform:translate(-50%);z-index:55;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:10px;color:#fff;font-size:13px;font-weight:600;padding:11px 16px;box-shadow:0 12px 30px #0206174d;max-width:min(420px,calc(100% - 32px));text-align:center}.create-video-toast--success{background:#16a34a}.create-video-toast--error{background:#dc2626}.create-video-toast--warning{background:#d97706}.create-video-toast-icon{font-size:19px;flex-shrink:0}@media(max-width:940px){.create-video-modal{width:100%;height:min(92vh,600px);max-width:100%;grid-template-columns:200px 1fr}}@media(max-width:760px){.create-video-modal{grid-template-columns:1fr;height:min(94vh,700px)}.create-video-wizard-sidebar{border-right:none;border-bottom:1px solid var(--border-color);padding:12px 14px;gap:12px}.create-video-step-list{flex-direction:row;overflow-x:auto;gap:18px}.create-video-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.create-video-page-size-grid{grid-template-columns:1fr}}@media(max-width:540px){.create-video-template-grid{grid-template-columns:1fr}.create-video-footer{flex-direction:column;align-items:stretch}.create-video-toast{inset:12px auto auto 50%;transform:translate(-50%);max-width:calc(100% - 24px)}.create-video-footer-actions{width:100%}.create-video-footer-actions .create-video-btn,.create-video-footer>.create-video-btn{flex:1}}.create-avatar-modal-overlay{position:fixed;inset:0;z-index:1400;display:flex;align-items:center;justify-content:center;padding:20px;background:#0206179e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.create-avatar-modal{position:relative;width:min(640px,100%);max-height:min(85vh,720px);display:grid;grid-template-rows:auto auto 1fr auto;border-radius:12px;overflow:hidden;background:var(--bg-card);border:1px solid var(--border-color);box-shadow:0 20px 50px #02061759}.create-avatar-modal--wide{width:min(760px,100%);max-height:min(90vh,860px)}.create-avatar-steps{display:flex;align-items:center;gap:8px;padding:12px 20px;border-bottom:1px solid var(--border-color);background:var(--bg-surface, #f8fafc);overflow-x:auto;scrollbar-width:none}.create-avatar-steps::-webkit-scrollbar{display:none}.create-avatar-step{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text-muted);padding:6px 10px;border-radius:8px;white-space:nowrap}.create-avatar-step.active{color:var(--primary, #1a73e8);background:color-mix(in srgb,var(--primary) 12%,transparent)}.create-avatar-step.completed{color:var(--text-main)}.create-avatar-step-number{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--border-color, #e5e7eb);color:var(--text-muted);font-size:11px;font-weight:700;flex-shrink:0}.create-avatar-step.active .create-avatar-step-number,.create-avatar-step.completed .create-avatar-step-number{background:var(--primary, #1a73e8);color:#fff}.create-avatar-step-hint{margin:0 0 4px;padding:10px 12px;border-radius:8px;background:color-mix(in srgb,var(--primary) 8%,transparent);border:1px solid color-mix(in srgb,var(--primary) 20%,var(--border-color));font-size:13px;line-height:1.5;color:var(--text-main)}.create-avatar-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px 14px;border-bottom:1px solid var(--border-color)}.create-avatar-modal-header__copy h2{margin:0;font-size:20px;line-height:1.2;color:var(--text-main);font-weight:700;font-family:var(--font-family)}.create-avatar-modal-header__copy p{margin:6px 0 0;font-size:13px;color:var(--text-muted);line-height:1.45}.create-avatar-modal-close{width:36px;height:36px;border:1px solid var(--border-color);border-radius:50%;background:var(--bg-surface);color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .2s ease,border-color .2s ease,color .2s ease}.create-avatar-modal-close:hover:not(:disabled){color:var(--text-main);border-color:color-mix(in srgb,var(--primary) 35%,var(--border-color))}.create-avatar-modal-close:disabled{opacity:.5;cursor:not-allowed}.create-avatar-modal-body{min-height:0;overflow-y:auto;padding:18px 20px;scrollbar-width:none;-ms-overflow-style:none}.create-avatar-modal-body::-webkit-scrollbar{display:none}.create-avatar-modal-body .form-main-inputs{display:flex;flex-direction:column;gap:14px}.create-avatar-modal-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;border-top:1px solid var(--border-color);background:color-mix(in srgb,var(--bg-surface) 70%,var(--bg-card))}.create-avatar-modal-footer__note{margin:0;font-size:12px;color:var(--text-muted)}.create-avatar-modal-btn{border:1px solid var(--border-color);border-radius:10px;padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .2s ease}.create-avatar-modal-btn-ghost{background:var(--bg-card);color:var(--text-main)}.create-avatar-modal-btn-ghost:hover:not(:disabled){background:var(--bg-surface)}.create-avatar-modal-btn-primary{background:var(--primary);border-color:var(--primary);color:var(--primary-contrast);display:inline-flex;align-items:center;gap:8px}.create-avatar-modal-btn-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.create-avatar-modal-btn:disabled{opacity:.55;cursor:not-allowed}.create-avatar-modal .creation-loading,.create-avatar-modal .creation-success-panel{padding:12px 0}.create-avatar-modal .file-drop-zone-premium{padding:28px 20px;gap:12px;border-radius:12px}.create-avatar-modal .file-drop-zone-premium:hover{transform:none}.create-avatar-modal .file-drop-zone-premium.has-preview{padding:8px}.create-avatar-modal .upload-icon-circle{width:48px;height:48px}.create-avatar-modal .drop-zone-text strong{font-size:15px;margin-bottom:4px}.create-avatar-modal .drop-zone-text p{margin:0;font-size:12px}.create-avatar-modal .preview-container{height:180px;border-radius:10px}.digital-twin-recording-guide{margin-top:4px;border:1px solid var(--border-color);border-radius:12px;overflow:hidden;background:var(--bg-surface, #f8fafc)}.digital-twin-recording-guide__toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:none;background:transparent;cursor:pointer;font-size:14px;font-weight:600;color:var(--text-main);font-family:inherit}.digital-twin-recording-guide__toggle span{display:inline-flex;align-items:center;gap:8px}.digital-twin-recording-guide__toggle svg{color:var(--primary, #1a73e8)}.digital-twin-recording-guide__body{padding:0 14px 14px;border-top:1px solid var(--border-color)}.digital-twin-recording-guide__columns{display:grid;grid-template-columns:1fr 1.2fr;gap:16px;padding-top:14px}.digital-twin-recording-guide__tips h4,.digital-twin-recording-guide__script-header h4{display:flex;align-items:center;gap:6px;margin:0 0 10px;font-size:13px;font-weight:700;color:var(--text-main)}.digital-twin-recording-guide__tips h4:not(:first-child){margin-top:16px}.digital-twin-recording-guide__tips ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.digital-twin-recording-guide__tips li{display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.45;color:var(--text-muted)}.digital-twin-recording-guide__tips li svg{flex-shrink:0;margin-top:2px;color:var(--primary, #1a73e8)}.digital-twin-recording-guide__script-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.digital-twin-recording-guide__copy{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-card);font-size:12px;font-weight:600;color:var(--text-main);cursor:pointer;font-family:inherit}.digital-twin-recording-guide__copy:hover{background:var(--bg-hover, #f1f3f4)}.digital-twin-recording-guide__copy-feedback{display:block;font-size:11px;color:var(--primary, #1a73e8);margin-bottom:6px}.digital-twin-recording-guide__script-scroll{max-height:220px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding-right:4px}.digital-twin-recording-guide__script-part{padding:10px 12px;border-radius:8px;background:var(--bg-card);border:1px solid var(--border-color)}.digital-twin-recording-guide__script-part header{display:flex;flex-direction:column;gap:2px;margin-bottom:6px}.digital-twin-recording-guide__script-part header strong{font-size:12px;color:var(--text-main)}.digital-twin-recording-guide__script-part header span{font-size:11px;color:var(--primary, #1a73e8);font-style:italic}.digital-twin-recording-guide__script-part p{margin:0;font-size:13px;line-height:1.55;color:var(--text-main)}.digital-twin-recording-guide__script-note{margin:10px 0 0;font-size:11px;line-height:1.45;color:var(--text-muted)}@media(max-width:720px){.digital-twin-recording-guide__columns{grid-template-columns:1fr}}.create-avatar-step-hint--compact{padding:8px 10px;font-size:12px;margin-bottom:0}.digital-twin-video-input{display:flex;flex-direction:column;gap:10px}.digital-twin-video-input__tabs{display:flex;gap:8px}.digital-twin-video-input__tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 12px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-card);font-size:13px;font-weight:600;color:var(--text-muted);cursor:pointer;font-family:inherit}.digital-twin-video-input__tab.active{color:var(--primary, #1a73e8);border-color:color-mix(in srgb,var(--primary) 40%,var(--border-color));background:color-mix(in srgb,var(--primary) 8%,var(--bg-card))}.digital-twin-video-input__record-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:12px;align-items:stretch}.digital-twin-video-input__camera,.digital-twin-video-input__upload{border:1px solid var(--border-color);border-radius:12px;background:#0f172a;overflow:hidden}.digital-twin-video-input__upload{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:200px;padding:20px;cursor:pointer;color:var(--text-muted);background:var(--bg-surface);text-align:center}.digital-twin-video-input__upload strong{color:var(--text-main);font-size:14px}.digital-twin-video-input__upload span{font-size:12px}.digital-twin-video-input__upload.has-preview{padding:0;cursor:default;background:#0f172a}.digital-twin-video-input__video{width:100%;display:block;aspect-ratio:16 / 10;object-fit:cover;background:#000}.digital-twin-video-input__record-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;background:#0f172aeb}.digital-twin-video-input__timer{font-size:13px;font-weight:600;color:#e2e8f0;font-variant-numeric:tabular-nums}.digital-twin-video-input__timer.recording{color:#f87171}.digital-twin-video-input__start,.digital-twin-video-input__stop{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;border:none;font-size:12px;font-weight:700;cursor:pointer;font-family:inherit}.digital-twin-video-input__start{background:#ef4444;color:#fff}.digital-twin-video-input__stop{background:#fff;color:#0f172a}.digital-twin-video-input__rec-dot{width:8px;height:8px;border-radius:50%;background:#fff}.digital-twin-video-input__error{margin:0;padding:8px 12px;font-size:12px;color:#fecaca;background:#7f1d1d73}.digital-twin-video-input__prompter{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-surface);min-height:0}.digital-twin-video-input__prompter-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;font-weight:700;color:var(--text-main)}.digital-twin-video-input__prompter-actions{display:inline-flex;align-items:center;gap:6px}.digital-twin-video-input__prompter-actions button{border:1px solid var(--border-color);background:var(--bg-card);border-radius:6px;padding:2px 8px;font-size:11px;cursor:pointer;font-family:inherit}.digital-twin-video-input__prompter-actions button:disabled{opacity:.4;cursor:not-allowed}.digital-twin-video-input__prompter-direction{margin:0;font-size:11px;color:var(--primary, #1a73e8);font-style:italic}.digital-twin-video-input__prompter-text{margin:0;flex:1;font-size:13px;line-height:1.5;color:var(--text-main);overflow-y:auto;max-height:140px}.digital-twin-video-input__upload-script{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:12px 14px;border:1px solid var(--border-color);border-radius:10px;background:color-mix(in srgb,var(--primary) 6%,var(--bg-surface))}.digital-twin-video-input__upload-script-copy{flex:1;min-width:180px;margin:0;font-size:12px;line-height:1.45;color:var(--text-muted)}.digital-twin-video-input__script-btn--pdf{flex-shrink:0;font-size:12px;padding:8px 12px}.digital-twin-video-input__script-actions{display:flex;flex-wrap:wrap;gap:8px}.digital-twin-video-input__script-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-main);font-size:11px;font-weight:600;cursor:pointer;font-family:inherit}.digital-twin-video-input__script-btn:hover{background:var(--bg-hover, #f1f3f4)}.digital-twin-video-input__script-feedback{font-size:11px;color:var(--primary, #1a73e8)}.digital-twin-video-input__copy{align-self:flex-start;display:inline-flex;align-items:center;gap:4px;border:none;background:transparent;color:var(--text-muted);font-size:11px;cursor:pointer;padding:0;font-family:inherit}.digital-twin-video-input__playback{display:flex;flex-direction:column}.digital-twin-video-input__retake{margin:0;padding:10px 12px;border:none;border-top:1px solid var(--border-color);background:var(--bg-card);color:var(--text-main);font-size:12px;font-weight:600;cursor:pointer;font-family:inherit}.digital-twin-video-input__guide-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 10px;border:1px dashed var(--border-color);border-radius:8px;background:transparent;font-size:12px;font-weight:600;color:var(--text-muted);cursor:pointer;font-family:inherit}.digital-twin-video-input__guide-toggle span{display:inline-flex;align-items:center;gap:6px}.digital-twin-video-input__tips{margin:0;padding:0 4px 4px;list-style:none;display:flex;flex-direction:column;gap:6px}.digital-twin-video-input__tips li{display:flex;align-items:flex-start;gap:6px;font-size:11px;line-height:1.4;color:var(--text-muted)}.digital-twin-video-input__tips li svg{flex-shrink:0;margin-top:1px;color:var(--primary, #1a73e8)}@media(max-width:720px){.digital-twin-video-input__record-layout{grid-template-columns:1fr}.digital-twin-video-input__prompter-text{max-height:100px}}@media(max-width:640px){.create-avatar-modal-overlay{padding:12px}.create-avatar-modal-footer{flex-direction:column;align-items:stretch}.create-avatar-modal-footer__note{text-align:center}.create-avatar-modal-btn-primary{justify-content:center}.dt-progress-panel{grid-template-columns:1fr;gap:20px}}.dt-progress-panel{display:grid;grid-template-columns:minmax(140px,200px) minmax(0,1fr);gap:28px;align-items:center;padding:8px 4px 12px}.dt-progress-panel__visual{display:flex;flex-direction:column;align-items:center;gap:14px}.dt-progress-panel__ring{position:relative;width:88px;height:88px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 12%,var(--bg-card)),var(--bg-surface));border:1px solid color-mix(in srgb,var(--primary) 22%,var(--border-color));box-shadow:0 16px 40px #0f172a1a}.dt-progress-panel__ring-glow{position:absolute;inset:-4px;border-radius:50%;border:2px solid color-mix(in srgb,var(--primary) 35%,transparent);animation:dt-ring-pulse 2.2s ease-in-out infinite;pointer-events:none}.dt-progress-panel__spinner{color:var(--primary)}.dt-progress-panel__chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,var(--bg-card));border:1px solid color-mix(in srgb,var(--primary) 22%,var(--border-color))}.dt-progress-panel__chip-dot{width:6px;height:6px;border-radius:50%;background:var(--primary);animation:dt-chip-blink 1.4s ease-in-out infinite}.dt-progress-panel__content{min-width:0}.dt-progress-panel__eyebrow{margin:0 0 6px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--primary)}.dt-progress-panel__title{margin:0 0 8px;font-size:20px;font-weight:800;line-height:1.25;color:var(--text-main)}.dt-progress-panel__lead{margin:0 0 18px;font-size:13px;line-height:1.55;color:var(--text-muted)}.dt-progress-panel__bar-wrap{margin-bottom:18px}.dt-progress-panel__bar-track{height:8px;border-radius:999px;background:color-mix(in srgb,var(--border-color) 80%,var(--bg-surface));overflow:hidden}.dt-progress-panel__bar-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),color-mix(in srgb,var(--primary) 70%,#60a5fa));transition:width .35s ease}.dt-progress-panel__bar-meta{display:flex;justify-content:space-between;margin-top:6px;font-size:11px;font-weight:600;color:var(--text-muted)}.dt-progress-panel__steps{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}.dt-progress-step{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-muted)}.dt-progress-step.is-active{color:var(--text-main);font-weight:600}.dt-progress-step.is-done{color:var(--text-main)}.dt-progress-step__marker{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:12px;font-weight:700;background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-muted)}.dt-progress-step.is-active .dt-progress-step__marker{background:var(--primary);border-color:var(--primary);color:#fff}.dt-progress-step.is-done .dt-progress-step__marker{background:color-mix(in srgb,var(--primary) 14%,var(--bg-card));border-color:color-mix(in srgb,var(--primary) 35%,var(--border-color));color:var(--primary)}.dt-progress-step__label{line-height:1.3}@keyframes dt-ring-pulse{0%,to{opacity:.45;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}@keyframes dt-chip-blink{0%,to{opacity:1}50%{opacity:.35}}.create-avatar-modal .creation-success-panel--premium{position:relative;padding:20px 12px 12px;overflow:hidden}.creation-success-panel__glow{position:absolute;top:-40%;left:50%;width:120%;height:80%;transform:translate(-50%);background:radial-gradient(ellipse at center,color-mix(in srgb,var(--primary) 18%,transparent),transparent 70%);pointer-events:none}.creation-success-icon--premium{position:relative;z-index:1}.creation-success-panel__eyebrow{margin:0;position:relative;z-index:1;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--primary)}.creation-success-panel--premium h3{position:relative;z-index:1;font-size:26px;font-weight:800;letter-spacing:-.02em}.creation-success-panel__lead{position:relative;z-index:1;max-width:520px;font-size:15px;line-height:1.6}.creation-success-preview-wrap{position:relative;z-index:1;padding:4px;border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 40%,transparent),color-mix(in srgb,var(--primary) 8%,transparent))}.creation-success-preview--hero{width:160px;height:200px;object-fit:cover;border-radius:16px;border:none;box-shadow:0 20px 44px #0f172a2e}.creation-success-actions--premium{position:relative;z-index:1;max-width:420px}.submit-creation-btn-premium--hero{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 22px;font-size:16px;border-radius:14px;box-shadow:0 14px 32px rgba(var(--primary-rgb),.28)}.creation-success-cta-arrow{margin-left:auto;opacity:.9}.create-avatar-credits-warning{padding:12px 14px;border-radius:10px;border:1px solid rgba(239,68,68,.35);background:#ef444414;color:var(--text-main)}.create-avatar-credits-warning strong{color:#b91c1c}.create-avatar-credits-warning p{margin:6px 0 0;font-size:13px;line-height:1.5;color:var(--text-muted)}.create-avatar-credits-charged{margin:0 0 12px;padding:10px 12px;border-radius:8px;font-size:13px;font-weight:600;color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,var(--bg-surface));border:1px solid color-mix(in srgb,var(--primary) 22%,var(--border-color))}.creation-success-credits-used{position:relative;z-index:1;display:inline-flex;flex-direction:column;align-items:center;gap:2px;margin:0;padding:10px 18px;border-radius:12px;background:var(--bg-surface);border:1px solid var(--border-color)}.creation-success-credits-used__label{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.creation-success-credits-used strong{font-size:20px;font-weight:800;color:var(--text-main);font-variant-numeric:tabular-nums}.create-avatar-modal-btn-primary:disabled{opacity:.55;cursor:not-allowed}.inbox-modal-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid #f1f5f9;background:#fafbfc}.inbox-category-filters{display:flex;flex-wrap:wrap;gap:6px;flex:1;min-width:0}.inbox-category-chip{padding:4px 10px;border-radius:999px;border:1px solid #e2e8f0;background:#fff;color:#64748b;font-size:.72rem;font-weight:600;cursor:pointer;font-family:inherit;transition:border-color .15s,color .15s,background .15s}.inbox-category-chip:hover{border-color:#cbd5e1;color:#334155}.inbox-category-chip.active{border-color:color-mix(in srgb,var(--primary) 45%,#e2e8f0);background:color-mix(in srgb,var(--primary) 10%,#fff);color:var(--primary)}.inbox-unread-toggle{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:600;color:#64748b;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none}.inbox-unread-toggle input{accent-color:var(--primary)}.notification-item-row{display:flex;align-items:stretch;border-bottom:1px solid #f8fafc}.notification-item-row .notification-item-mini{flex:1;border-bottom:none}.inbox-dismiss-btn{flex-shrink:0;width:40px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:#94a3b8;cursor:pointer;transition:color .15s,background .15s}.inbox-dismiss-btn:hover{color:#ef4444;background:#fef2f2}.inbox-cat-badge{display:inline-block;margin-bottom:4px;padding:2px 8px;border-radius:999px;font-size:.65rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.inbox-cat-badge--videos{color:#7c3aed;background:color-mix(in srgb,#8b5cf6 12%,#fff)}.inbox-cat-badge--credits{color:#047857;background:color-mix(in srgb,#10b981 12%,#fff)}.inbox-cat-badge--storage{color:#b45309;background:color-mix(in srgb,#f59e0b 12%,#fff)}.inbox-cat-badge--workspace{color:#1d4ed8;background:color-mix(in srgb,#3b82f6 12%,#fff)}.inbox-cat-badge--platform{color:#475569;background:#f1f5f9}.inbox-modal-error{margin:0;padding:10px 16px;font-size:.82rem;color:#b91c1c;background:#fef2f2;border-bottom:1px solid #fecaca}.inbox-modal-empty{margin:0;padding:24px;text-align:center;color:#64748b;font-size:.88rem}.inbox-modal-loading{margin:0;padding:24px;text-align:center;color:#64748b}.credits-modal-overlay{position:fixed;inset:0;z-index:10001;display:flex;align-items:flex-start;justify-content:flex-end;padding:80px 24px 24px;background:#0f172a1f;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.credits-modal{width:100%;max-width:440px;max-height:min(88vh,680px);display:flex;flex-direction:column;background:var(--bg-card, #fff);border-radius:18px;border:1px solid var(--border-color, #e2e8f0);box-shadow:0 24px 48px -12px #0f172a38;overflow:hidden;animation:creditsModalIn .28s cubic-bezier(.34,1.4,.64,1)}@keyframes creditsModalIn{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.credits-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:20px 22px 16px;border-bottom:1px solid var(--border-color, #eef2f6);flex-shrink:0}.credits-modal-brand{display:flex;align-items:flex-start;gap:12px;min-width:0}.credits-modal-brand-icon{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--bg-surface, #f8fafc);border:1px solid var(--border-color, #e2e8f0);color:var(--text-muted, #64748b)}.credits-modal-brand h2{margin:0;font-size:18px;font-weight:700;color:var(--text-main, #0f172a);line-height:1.2}.credits-modal-brand p{margin:3px 0 0;font-size:13px;color:var(--text-muted, #64748b);line-height:1.35}.credits-modal-close{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color, #e2e8f0);background:#fff;color:var(--text-muted, #64748b);cursor:pointer;flex-shrink:0;transition:background .15s ease,color .15s ease,border-color .15s ease}.credits-modal-close:hover{background:var(--bg-surface, #f8fafc);color:var(--text-main, #0f172a)}.credits-modal-error{margin:0 22px 12px;padding:10px 12px;border-radius:10px;background:#fef2f2;border:1px solid #fecaca;color:#991b1b;font-size:13px;line-height:1.4}.credits-modal-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:18px 22px 14px;display:flex;flex-direction:column;gap:16px}.credits-modal-loading{display:flex;flex-direction:column;gap:10px}.credits-modal-skeleton{border-radius:12px;background:linear-gradient(90deg,#f1f5f9,#e8edf3,#f1f5f9);background-size:200% 100%;animation:creditsModalShimmer 1.2s ease-in-out infinite}.credits-modal-skeleton--hero{height:88px}.credits-modal-skeleton--pool{height:72px}.credits-modal-skeleton--row{height:52px}.credits-modal-skeleton--usage{height:64px}.credits-modal-usage-loading{display:grid;gap:8px}@keyframes creditsModalShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.credits-modal-hero{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border-radius:14px;border:1px solid var(--border-color, #e2e8f0);background:var(--bg-surface, #f8fafc)}.credits-modal-hero-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted, #64748b)}.credits-modal-hero-value{font-size:2rem;font-weight:800;line-height:1;color:var(--text-main, #0f172a);font-variant-numeric:tabular-nums}.credits-modal-hero-meta{margin-top:2px;font-size:12px;color:var(--text-muted, #64748b);line-height:1.4}.credits-modal-section{display:flex;flex-direction:column;gap:8px}.credits-modal-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.credits-modal-section-title{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted, #64748b)}.credits-modal-section-tag,.credits-modal-section-total{font-size:11px;font-weight:700;color:var(--text-muted, #64748b);font-variant-numeric:tabular-nums;white-space:nowrap}.credits-modal-pool-card{padding:14px 16px;border-radius:12px;border:1px solid var(--border-color, #e2e8f0);background:#fff}.credits-modal-pool-card--personal{border-left:3px solid var(--primary, #5b3a7a)}.credits-modal-pool-value{display:block;font-size:1.5rem;font-weight:800;color:var(--text-main, #0f172a);line-height:1.1;font-variant-numeric:tabular-nums}.credits-modal-pool-caption{display:block;margin-top:4px;font-size:12px;color:var(--text-muted, #64748b)}.credits-modal-workspace-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.credits-modal-workspace-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:11px;border:1px solid var(--border-color, #e2e8f0);background:#fff}.credits-modal-workspace-icon{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--bg-surface, #f8fafc);border:1px solid var(--border-color, #e2e8f0);color:var(--text-muted, #64748b)}.credits-modal-workspace-copy{flex:1;min-width:0}.credits-modal-workspace-name{display:block;font-size:13px;font-weight:700;color:var(--text-main, #0f172a);line-height:1.25;word-break:break-word}.credits-modal-workspace-hint{display:block;margin-top:1px;font-size:11px;color:var(--text-muted, #64748b)}.credits-modal-workspace-credits{flex-shrink:0;font-size:14px;font-weight:800;color:var(--text-main, #0f172a);font-variant-numeric:tabular-nums;white-space:nowrap}.credits-modal-usage{padding-top:14px;border-top:1px solid var(--border-color, #eef2f6)}.credits-modal-usage-title{margin:0 0 10px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted, #64748b)}.credits-modal-usage-grid{display:grid;gap:8px}.credits-modal-usage-card{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:11px;background:var(--bg-surface, #f8fafc);border:1px solid var(--border-color, #e2e8f0)}.credits-modal-usage-icon{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#fff;border:1px solid var(--border-color, #e2e8f0);color:var(--text-muted, #64748b)}.credits-modal-usage-card strong{display:block;font-size:12px;font-weight:700;color:var(--text-main, #0f172a);line-height:1.2}.credits-modal-usage-card p{margin:3px 0 0;font-size:12px;color:var(--text-muted, #64748b);line-height:1.4}.credits-modal-footer{padding:14px 22px 20px;border-top:1px solid var(--border-color, #eef2f6);background:var(--bg-surface, #fafbfc);flex-shrink:0}.credits-modal-billing-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:none;border-radius:11px;background:var(--primary, #5b3a7a);color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s ease,transform .15s ease,opacity .15s ease}.credits-modal-billing-btn:hover:not(:disabled){background:var(--primary-hover, #4a2f64);transform:translateY(-1px)}.credits-modal-billing-btn:disabled{opacity:.55;cursor:not-allowed}@media(max-width:520px){.credits-modal-overlay{padding:72px 16px 16px;align-items:stretch;justify-content:center}.credits-modal{max-width:calc(100vw - 32px);max-height:calc(100vh - 88px)}}.dashboard-shell{height:100vh;display:grid;grid-template-columns:248px 1fr;grid-template-rows:1fr;background:var(--bg-surface);color:var(--text-main);font-family:var(--font-family);overflow:hidden;position:relative;transition:background .3s ease,color .3s ease}.dashboard-shell:before{content:"";position:absolute;top:-10%;right:-5%;width:40%;height:40%;background:radial-gradient(circle,rgba(37,99,235,.05) 0%,transparent 70%);z-index:0;pointer-events:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.topbar{position:relative;z-index:100;min-height:64px;padding:0 24px 0 16px;background:var(--bg-topbar);border-bottom:1px solid var(--border-color);box-sizing:border-box;transition:background .3s ease,border-color .3s ease}.topbar--main{flex-shrink:0}.topbar-grid{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;max-width:100%}.topbar-grid--main{display:grid;grid-template-columns:1fr minmax(180px,520px) 1fr;align-items:center;column-gap:16px;row-gap:8px;width:100%}.topbar-main-lead{display:flex;align-items:center;justify-content:flex-start;min-width:0}.topbar-grid--main .topbar-search-wrap{grid-column:2;justify-self:stretch;flex:none;margin:0;max-width:none;min-width:0;width:100%;display:flex;justify-content:center}.topbar-grid--main .topbar-search{width:100%;max-width:none;margin:0}.topbar-grid--main .topbar-right{grid-column:3;justify-self:end;align-self:center;display:flex;align-items:center;flex-wrap:nowrap;gap:6px}.topbar-right .profile-dropdown{display:flex;align-items:center;line-height:0}.topbar-sidebar-toggle{display:none;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:8px;background:transparent;color:var(--topbar-text);cursor:pointer}.topbar-sidebar-toggle:hover{background:var(--bg-surface);color:var(--text-main)}.topbar-sidebar-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.topbar-left{display:flex;align-items:center;gap:0;min-width:0;flex-shrink:0}.workspace-switcher-wrap{position:relative;flex-shrink:0}.workspace-switcher{display:flex;align-items:center;gap:8px;padding:4px 8px 4px 4px;margin:0;border:none;border-radius:10px;background:transparent;cursor:pointer;font-family:inherit;color:var(--topbar-text);transition:background .15s ease}.workspace-switcher:hover{background:var(--bg-surface)}.workspace-switcher:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.workspace-switcher-avatar{width:28px;height:28px;border-radius:7px;background:#9ca3af;color:var(--text-inverse);font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.workspace-switcher-name{font-size:13px;font-weight:500;letter-spacing:-.01em;color:var(--text-main);white-space:nowrap}.workspace-switcher-chevron{color:var(--text-muted);flex-shrink:0;transition:transform .2s ease}.workspace-switcher-chevron--open{transform:rotate(180deg)}.workspace-switcher-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:200px;padding:6px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 10px 40px #0f172a1a}.workspace-switcher-item{display:block;width:100%;padding:8px 10px;border:none;border-radius:8px;background:none;font-size:12px;font-weight:500;text-align:left;color:var(--text-muted);cursor:pointer;font-family:inherit}.workspace-switcher-item:hover{background:var(--bg-surface);color:var(--text-main)}.workspace-switcher-item--active{color:var(--primary);font-weight:600;background:#eef2ff}.topbar-search-wrap{flex:1 1 auto;display:flex;justify-content:center;min-width:0;max-width:440px;margin:0 auto}.topbar-search{display:flex;align-items:center;gap:8px;width:100%;max-width:400px;height:34px;padding:0 12px;background:var(--bg-surface);border:1px solid transparent;border-radius:10px;box-sizing:border-box;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.topbar-search:focus-within{background:var(--bg-card);border-color:var(--border-color);box-shadow:0 1px 2px #0f172a0f}.topbar-search-icon{flex-shrink:0;color:var(--text-muted)}.topbar-search-input{flex:1;min-width:0;border:none;background:transparent;font-family:inherit;font-size:12px;color:var(--text-main)}.topbar-search-input::placeholder{color:var(--text-muted)}.topbar-search-input:focus{outline:none}.topbar-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.topbar-create-btn{display:inline-flex;align-items:center;justify-content:center;margin:0 6px 0 0;padding:7px 14px;border:none;border-radius:8px;background:var(--primary);color:#fff;font-family:inherit;font-size:12px;font-weight:600;letter-spacing:-.01em;cursor:pointer;transition:background .15s ease;white-space:nowrap}.topbar-create-btn:hover{background:var(--primary-hover)}.topbar-create-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.topbar-icon-group{display:flex;align-items:center;gap:2px}.topbar-icon-btn{position:relative;display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:none;border-radius:8px;background:transparent;color:var(--topbar-text);cursor:pointer;transition:background .15s ease,color .15s ease}.topbar-icon-btn:hover{background:var(--bg-surface);color:var(--text-main)}.topbar-icon-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.topbar-icon-badge-wrap{position:relative;display:flex;align-items:center;justify-content:center}.topbar-badge{position:absolute;top:-3px;right:-5px;min-width:14px;height:14px;padding:0 3px;border-radius:999px;background:#ef4444;color:var(--text-inverse);font-size:9px;font-weight:700;line-height:14px;text-align:center;box-sizing:border-box}.topbar-mobile-toggle{display:none;align-items:center;justify-content:center;width:34px;height:34px;margin-left:2px;padding:0;border:none;border-radius:8px;background:transparent;color:var(--topbar-text);cursor:pointer}.topbar-mobile-toggle:hover{background:var(--bg-surface);color:var(--text-main)}.topbar-mobile-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.topbar-mobile-panel{display:none;padding:10px 14px 14px;border-top:1px solid var(--border-color);background:var(--bg-card);flex-direction:column;gap:10px}.topbar .profile-avatar{width:30px;height:30px;font-size:12px}.topbar .profile-avatar-btn{padding:2px}.topbar-search--mobile{max-width:none}@media(max-width:900px){.dashboard-shell{grid-template-columns:1fr}.dashboard-sidebar-column{position:fixed;left:0;top:0;bottom:0;width:min(280px,88vw);z-index:400;transform:translate(-100%);transition:transform .22s ease;box-shadow:8px 0 40px #0f172a1f}.dashboard-shell--sidebar-open .dashboard-sidebar-column{transform:translate(0)}.dashboard-sidebar-backdrop{position:fixed;inset:0;z-index:350;border:none;padding:0;margin:0;background:#0f172a59;cursor:pointer}.topbar-sidebar-toggle{display:flex}}@media(max-width:768px){.topbar{padding:0 12px 0 8px}.topbar-grid--main{grid-template-columns:auto 1fr}.topbar-grid--main .topbar-main-lead{grid-column:1}.topbar-grid--main .topbar-right{grid-column:2;justify-self:end}.topbar-search-wrap,.topbar-icon-group--desktop{display:none}.topbar-mobile-toggle,.topbar-mobile-panel{display:flex}.topbar-create-btn{margin-right:4px;padding:6px 12px;font-size:12px}}@media(min-width:769px){.topbar-mobile-panel{display:none!important}}.dashboard-sidebar-column{display:flex;flex-direction:column;min-height:0;min-width:0;background:var(--bg-sidebar);border-right:1px solid var(--border-color);transition:background .3s ease,border-right .3s ease}.dashboard-sidebar-header{flex-shrink:0;padding:12px 12px 10px;background:var(--bg-main);border-bottom:1px solid rgba(15,23,42,.06)}.dashboard-sidebar-brand{display:flex;align-items:center;gap:10px;width:100%;margin:0;padding:4px 2px;border:none;border-radius:10px;background:transparent;cursor:pointer;font-family:inherit;text-align:left;transition:background .15s ease}.dashboard-sidebar-brand:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.dashboard-sidebar-brand-logo{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--text-inverse);font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #2563eb40}.dashboard-sidebar-brand-name{font-size:12px;font-weight:600;letter-spacing:-.02em;color:var(--text-main);line-height:1.2}.dashboard-sidebar-nav{flex:1;display:flex;flex-direction:column;min-height:0;min-width:0}.dashboard-sidebar-nav-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:8px 8px 12px}.dashboard-sidebar-nav-scroll::-webkit-scrollbar{width:4px}.dashboard-sidebar-nav-scroll::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.dashboard-sidebar-group{margin-bottom:4px}.dashboard-sidebar-section-label{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:12px 10px 5px}.dashboard-nav-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 9px;margin:1px 0;border:none;border-radius:8px;background:transparent;color:var(--text-main);font-size:12px;font-weight:400;font-family:inherit;text-align:left;cursor:pointer;transition:background .15s ease,color .15s ease}.dashboard-nav-item:hover{background:var(--bg-main);color:var(--primary)}.dashboard-nav-item--active{background:var(--bg-main);color:var(--primary);font-weight:500}.dashboard-nav-item-icon{flex-shrink:0;color:var(--text-muted)}.dashboard-nav-item:hover .dashboard-nav-item-icon,.dashboard-nav-item--active .dashboard-nav-item-icon{color:var(--primary)}.dashboard-nav-item-label{flex:1;min-width:0}.dashboard-nav-item-badge{flex-shrink:0;font-size:8px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);padding:2px 5px;border-radius:4px;background:var(--bg-surface);border:1px solid var(--border-color)}.dashboard-sidebar-footer{flex-shrink:0;padding:10px 10px 14px;border-top:1px solid var(--border-color);background:var(--bg-sidebar)}.dashboard-sidebar-storage{position:relative;margin-bottom:10px;padding:12px;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,#3b82f6 8%,var(--bg-card)) 0%,var(--bg-card) 62%),var(--bg-card);border:1px solid color-mix(in srgb,#3b82f6 22%,var(--border-color));box-shadow:0 1px 2px #0f172a0d,0 8px 20px color-mix(in srgb,#3b82f6 12%,transparent)}.dashboard-sidebar-storage--warning{background:linear-gradient(135deg,color-mix(in srgb,#f59e0b 10%,var(--bg-card)) 0%,var(--bg-card) 62%),var(--bg-card);border-color:color-mix(in srgb,#f59e0b 28%,var(--border-color));box-shadow:0 1px 2px #0f172a0d,0 8px 20px color-mix(in srgb,#f59e0b 14%,transparent)}.dashboard-sidebar-storage--critical{background:linear-gradient(135deg,color-mix(in srgb,#ef4444 10%,var(--bg-card)) 0%,var(--bg-card) 62%),var(--bg-card);border-color:color-mix(in srgb,#ef4444 30%,var(--border-color));box-shadow:0 1px 2px #0f172a0d,0 8px 20px color-mix(in srgb,#ef4444 16%,transparent)}.dashboard-sidebar-storage__accent{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#6366f1,#8b5cf6)}.dashboard-sidebar-storage--warning .dashboard-sidebar-storage__accent{background:linear-gradient(90deg,#f59e0b,#f97316)}.dashboard-sidebar-storage--critical .dashboard-sidebar-storage__accent{background:linear-gradient(90deg,#ef4444,#dc2626)}.dashboard-sidebar-storage__header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.dashboard-sidebar-storage__icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;flex-shrink:0;box-shadow:0 4px 10px color-mix(in srgb,#3b82f6 30%,transparent)}.dashboard-sidebar-storage--warning .dashboard-sidebar-storage__icon{background:linear-gradient(135deg,#f59e0b,#f97316);box-shadow:0 4px 10px color-mix(in srgb,#f59e0b 30%,transparent)}.dashboard-sidebar-storage--critical .dashboard-sidebar-storage__icon{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 10px color-mix(in srgb,#ef4444 30%,transparent)}.dashboard-sidebar-storage__heading{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.dashboard-sidebar-storage__eyebrow{font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:color-mix(in srgb,#3b82f6 72%,var(--text-muted));line-height:1}.dashboard-sidebar-storage--warning .dashboard-sidebar-storage__eyebrow{color:color-mix(in srgb,#d97706 75%,var(--text-muted))}.dashboard-sidebar-storage--critical .dashboard-sidebar-storage__eyebrow{color:color-mix(in srgb,#dc2626 75%,var(--text-muted))}.dashboard-sidebar-storage__tier{font-size:11px;font-weight:600;color:var(--text-main);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-sidebar-storage__badge{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:22px;padding:0 7px;border-radius:999px;font-size:10px;font-weight:800;font-variant-numeric:tabular-nums;color:#1d4ed8;background:color-mix(in srgb,#3b82f6 14%,#fff);border:1px solid color-mix(in srgb,#3b82f6 20%,transparent);flex-shrink:0}.dashboard-sidebar-storage--warning .dashboard-sidebar-storage__badge{color:#b45309;background:color-mix(in srgb,#f59e0b 16%,#fff);border-color:color-mix(in srgb,#f59e0b 22%,transparent)}.dashboard-sidebar-storage--critical .dashboard-sidebar-storage__badge{color:#b91c1c;background:color-mix(in srgb,#ef4444 16%,#fff);border-color:color-mix(in srgb,#ef4444 22%,transparent)}.dashboard-sidebar-storage__stats{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px;margin-bottom:8px;font-size:12px;line-height:1.2}.dashboard-sidebar-storage__stats strong{font-size:13px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--text-main)}.dashboard-sidebar-storage__sep{font-size:11px;color:var(--text-muted)}.dashboard-sidebar-storage__total{font-size:11px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-muted)}.dashboard-sidebar-storage__loading{font-size:11px;color:var(--text-muted)}.dashboard-sidebar-storage__meter{height:5px;border-radius:999px;background:color-mix(in srgb,#3b82f6 12%,rgba(100,116,139,.16));overflow:hidden;margin-bottom:10px}.dashboard-sidebar-storage--warning .dashboard-sidebar-storage__meter{background:color-mix(in srgb,#f59e0b 14%,rgba(100,116,139,.16))}.dashboard-sidebar-storage--critical .dashboard-sidebar-storage__meter{background:color-mix(in srgb,#ef4444 14%,rgba(100,116,139,.16))}.dashboard-sidebar-storage__meter-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3b82f6,#6366f1);transition:width .35s ease}.dashboard-sidebar-storage--warning .dashboard-sidebar-storage__meter-fill{background:linear-gradient(90deg,#f59e0b,#f97316)}.dashboard-sidebar-storage--critical .dashboard-sidebar-storage__meter-fill{background:linear-gradient(90deg,#ef4444,#dc2626)}.dashboard-sidebar-storage.is-loading .dashboard-sidebar-storage__meter-fill{width:40%!important;opacity:.55;animation:dashboard-sidebar-storage-loading 1.1s ease-in-out infinite alternate}@keyframes dashboard-sidebar-storage-loading{0%{opacity:.35}to{opacity:.9}}.dashboard-sidebar-storage__error{margin:0 0 8px;font-size:11px;color:#dc2626}.dashboard-sidebar-storage__upgrade{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin:0;padding:8px 10px;border:1px solid color-mix(in srgb,var(--primary-contrast) 16%,var(--primary));border-radius:9px;background:var(--primary);color:var(--primary-contrast);font-family:inherit;font-size:11px;font-weight:700;line-height:1.2;cursor:pointer;box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 28%,transparent);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.dashboard-sidebar-storage__upgrade:hover{transform:translateY(-1px);background:var(--primary-hover, var(--primary));box-shadow:0 6px 16px color-mix(in srgb,var(--primary) 34%,transparent)}.dashboard-sidebar-storage__upgrade:active{transform:translateY(0)}.dashboard-sidebar-storage__hint{margin:6px 0 0;font-size:10px;line-height:1.3;text-align:center;color:var(--text-muted)}.dashboard-storage-label{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted, #64748b);margin-bottom:6px;display:flex;justify-content:space-between;align-items:center}.dashboard-storage-bar{height:6px;background:rgba(var(--primary-rgb),.14);border-radius:3px;overflow:hidden;margin-bottom:8px}.dashboard-storage-progress{height:100%;max-width:100%;background:var(--primary);border-radius:3px;transition:width .25s ease}.dashboard-storage-text{font-size:10px;font-weight:400;color:var(--text-muted, #64748b);margin-bottom:8px}.dashboard-storage-upgrade-btn{display:block;width:100%;margin:0;padding:7px 9px;border:1px solid var(--primary);border-radius:8px;background:var(--bg-card);color:var(--primary);font-family:inherit;font-size:11px;font-weight:500;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.dashboard-storage-upgrade-btn:hover{background:var(--primary);color:var(--primary-contrast)}.dashboard-storage-upgrade-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.dashboard-sidebar-help{margin-bottom:0}.dashboard-sidebar-help-icon{color:var(--text-muted)}.dashboard-main-column{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--bg-main)}.dashboard-main-column>.content{flex:1;min-height:0}.layout{display:grid;grid-template-columns:260px 1fr;flex:1;min-height:0;height:100%;overflow:hidden}.sidebar{background:var(--bg-main);border-right:1px solid var(--border-color);padding:32px 16px;display:flex;flex-direction:column;gap:32px;overflow-y:auto;overflow-x:hidden}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:2px}.sidebar::-webkit-scrollbar-thumb:hover{background:#cbd5e1}.sidebar::-webkit-scrollbar-thumb:active{background:#94a3b8}.sidebar-group{display:flex;flex-direction:column;gap:4px}.sidebar-label{font-size:10px;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;padding:0 10px;margin-bottom:6px}.nav-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;font-size:12px;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.nav-item svg{font-size:18px}.nav-item:hover{background:var(--bg-surface);color:var(--text-main)}.nav-item.active{background:var(--bg-surface);color:var(--primary);font-weight:700}.content{background:var(--bg-surface);overflow-y:auto;height:100%;scrollbar-width:none;position:relative}.content.with-padding{padding:24px 32px}.content.content--workspace-consistent{font-family:var(--font-family);background:var(--bg-main)}.content.content--workspace-consistent :where(h1,h2,h3,h4,h5,h6,p,button,input,select,textarea,label,a,span,li){font-family:var(--font-family)}.content.content--workspace-consistent .settings-page,.content.content--workspace-consistent .team-workspace-container,.content.content--workspace-consistent .athena-trash-view,.content.content--workspace-consistent .grid-container,.content.content--workspace-consistent .admin-main-wrapper,.content.content--workspace-consistent .assets-scroller{padding:0}.content.content--workspace-consistent :is(.videos-page,.videos-shell,.library-page,.library-shell,.settings-page,.settings-shell,.voices-page,.create-voice-page,.brandkits-container,.athena-trash-view,.trash-page-layout,.team-workspace-container,.admin-main-wrapper,.avatars-page,.create-avatar-page,.grid-container){background:transparent;max-width:none;margin:0}.content.content--workspace-consistent .team-workspace-container{max-width:none;margin:0;min-height:100%}.content.content--workspace-consistent .athena-trash-view,.content.content--workspace-consistent .admin-portal-container,.content.content--workspace-consistent .avatars-page,.content.content--workspace-consistent .create-avatar-page,.content.content--workspace-consistent .grid-container{min-height:100%}.content.content--workspace-consistent .admin-portal-container{height:100%}.content.content--superadmin{overflow:hidden;display:flex;flex-direction:column;min-height:0}.content.content--superadmin>.sa-portal{flex:1;min-height:0}.content.content--workspace-consistent :is(.videos-page-title,.library-page-title,.settings-page-title,.admin-page-title,.voices-title,.brandkits-title,.workspace-title,.admin-top-header h1,.title-with-badge h1,.header-info h1,.workspace-identity h1){font-size:28px;font-weight:700;line-height:1.2;letter-spacing:-.01em;color:var(--text-main);margin:0}.content.content--workspace-consistent :is(.videos-page-header,.library-page-header,.settings-page-header,.admin-page-header,.voices-header,.brandkits-header,.workspace-header,.admin-top-header,.trash-header-new,.avatars-header,.create-avatar-page-header){margin-bottom:24px}.content.content--workspace-consistent :is(.videos-page-subtitle,.admin-page-subtitle,.subtitle-compact,.header-info p,.workspace-identity p){margin-top:4px;font-size:14px;color:var(--text-muted)}.content.content--workspace-consistent .videos-page .videos-create-btn{background:var(--primary)!important;color:var(--primary-contrast)!important;border:none;box-shadow:0 4px 12px rgba(var(--primary-rgb),.25)}.content.content--workspace-consistent .videos-page .videos-create-btn:hover{background:var(--primary-hover)!important;color:var(--primary-contrast)!important;box-shadow:0 6px 16px rgba(var(--primary-rgb),.35)}.content.content--workspace-consistent .athena-trash-view{min-height:100%;overflow:visible}.content.content--workspace-consistent .trash-page-layout{max-width:none;margin:0}.content.content--workspace-consistent .trash-glow-1,.content.content--workspace-consistent .trash-glow-2{display:none}.content.content--workspace-consistent .trash-content-area{padding:0}@media(max-width:1200px){.content.with-padding{padding:20px 24px}}@media(max-width:768px){.content.with-padding{padding:16px}}.home-container{width:100%;max-width:1240px;margin:0 auto;padding-right:20px}.welcome-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid rgba(226,232,240,.6)}.welcome-text h1{font-family:Georgia,Times New Roman,serif;font-size:55px;font-weight:400;color:var(--text-main);margin:0 0 8px;letter-spacing:-1.5px;line-height:1.2}.welcome-text p{color:var(--text-muted);font-size:16px;margin:0}.header-actions{display:flex;gap:16px;align-items:center}.stats-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:24px;padding:8px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:48px;box-shadow:0 4px 20px #00000005}.stat-card{padding:24px 32px;border-radius:18px;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease;background:var(--bg-card);border:1px solid var(--border-color)}.stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000000d}.stat-card.blue{background:linear-gradient(135deg,#fff,#eff6ff);border-left:4px solid #3b82f6}.stat-card.purple{background:linear-gradient(135deg,#fff,#f5f3ff);border-left:4px solid #8b5cf6}.stat-card.green{background:linear-gradient(135deg,#fff,#f0fdf4);border-left:4px solid #10b981}.stat-card.blue .stat-card-icon{background:#dbeafe;color:#3b82f6}.stat-card.purple .stat-card-icon{background:#ede9fe;color:#8b5cf6}.stat-card.green .stat-card-icon{background:#dcfce7;color:#10b981}.stat-label{font-size:11px;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px}.stat-value{display:flex;align-items:baseline;gap:12px}.stat-number{font-size:36px;font-weight:800;color:var(--text-main);letter-spacing:-.02em}.stat-trend{font-size:12px;font-weight:700;color:#10b981;background:#ecfdf5;padding:2px 8px;border-radius:20px}.stat-card-icon{width:54px;height:54px;background:var(--bg-surface);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--primary)}.main-grid{display:grid;grid-template-columns:1fr 320px;gap:40px;align-items:start}.main-left{display:flex;flex-direction:column;gap:48px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-header h2{font-family:Georgia,Times New Roman,serif;font-size:32px;font-weight:400;color:var(--text-main);margin:0;letter-spacing:-1px}.view-all{font-size:14px;font-weight:600;color:var(--primary);cursor:pointer}.projects-grid{display:flex;gap:24px;overflow-x:auto;padding-bottom:20px;scrollbar-width:none;scroll-snap-type:x mandatory}.projects-grid::-webkit-scrollbar{display:none}.project-card{flex:0 0 calc(65% - 24px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:24px;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;scroll-snap-align:start}@media(min-width:1400px){.project-card{flex:0 0 calc(45% - 24px)}}.project-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000014}.project-thumb-container{width:100%;height:200px;background:#f1f5f9;position:relative;overflow:hidden}.project-thumb{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.project-card:hover .project-thumb{transform:scale(1.05)}.project-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.4),transparent);opacity:0;transition:opacity .3s;display:flex;align-items:flex-end;padding:20px}.project-card:hover .project-overlay{opacity:1}.project-content{padding:24px;display:flex;flex-direction:column;gap:16px}.project-info h3{font-family:Georgia,Times New Roman,serif;font-size:17px;font-weight:400;color:var(--text-main);margin:0 0 4px;letter-spacing:-.01em}.project-meta{font-size:13px;color:var(--text-muted);font-weight:500;display:flex;align-items:center;gap:8px}.project-actions{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.btn-edit-premium{padding:10px 24px;background:#2563eb;color:#fff;border-radius:12px;font-size:14px;font-weight:700;border:none;cursor:pointer;box-shadow:0 4px 12px #2563eb33;transition:all .2s}.btn-edit-premium:hover{background:#1d4ed8;box-shadow:0 6px 16px #2563eb4d}.more-btn{width:36px;height:36px;border-radius:50%;background:var(--bg-surface);border:none;display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer}.sidebar-glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:32px;padding:32px 24px;display:flex;flex-direction:column;gap:32px;position:sticky;top:24px}.quick-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.action-btn{aspect-ratio:1;background:var(--bg-card);border:1px solid var(--border-color);border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:all .3s}.action-btn:hover{background:var(--bg-surface);transform:translateY(-4px);box-shadow:0 12px 24px #0000000d;border-color:var(--primary)}.action-icon{width:50px;height:50px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px}.action-icon.blue{background:var(--bg-surface);color:#3b82f6}.action-icon.purple{background:#f5f3ff;color:#7c3aed}.action-icon.orange{background:#fff7ed;color:#ea580c}.action-icon.green{background:#f0fdf4;color:#10b981}.action-label{font-size:13px;font-weight:700;color:var(--text-main)}.media-preview-list{display:flex;flex-direction:column;gap:12px}.media-row{display:flex;align-items:center;gap:16px;padding:12px;background:var(--bg-card);border-radius:16px;border:1px solid var(--border-color);transition:all .2s}.media-row:hover{transform:scale(1.02);border-color:var(--primary)}.media-row-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px}.media-row-icon.image{background:#dcfce7;color:#16a34a}.media-row-icon.audio{background:#e0f2fe;color:#0284c7}.media-row-icon.bg{background:#fef3c7;color:#d97706}.media-row-details{flex:1}.media-row-name{font-size:14px;font-weight:700;color:var(--text-main);margin-bottom:2px}.media-row-meta{font-size:11px;color:var(--text-muted);font-weight:600}.templates-scroll{display:flex;gap:20px;overflow-x:auto;padding:10px 4px 24px;margin:0 -4px;scrollbar-width:none;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.templates-scroll::-webkit-scrollbar{display:none}.template-card{flex:0 0 calc(42% - 10px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:24px;overflow:hidden;transition:all .3s;scroll-snap-align:start;box-shadow:0 4px 12px #00000005}.template-card:hover{transform:scale(1.02);box-shadow:0 20px 40px #0000000d}.template-thumb{width:100%;height:180px;object-fit:cover}.template-info{padding:20px}.template-info h4{font-family:Georgia,Times New Roman,serif;font-size:16px;font-weight:400;color:var(--text-main);margin:0 0 6px}.template-meta{font-size:13px;color:var(--text-muted);font-weight:500}.home-container{max-width:1300px}.welcome-banner{background:var(--bg-card);border-radius:24px;padding:32px 40px;margin-bottom:32px;border:1px solid var(--border-color);box-shadow:var(--shadow);transition:all .3s ease}.welcome-banner-content{display:flex;justify-content:space-between;align-items:center}.welcome-banner-content .welcome-text h1{font-family:inherit;font-size:32px;font-weight:700;color:var(--text-main);margin:0 0 6px;letter-spacing:-.02em}.welcome-banner-content .welcome-text p{font-size:15px;color:var(--text-muted);margin:0}.header-actions{display:flex;gap:12px}.header-actions .btn-secondary{display:flex;align-items:center;gap:6px;padding:10px 20px;background:var(--bg-surface);color:var(--text-main);border:1px solid var(--border-color);border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s}.header-actions .btn-secondary:hover{background:var(--bg-card);border-color:var(--text-muted);box-shadow:var(--shadow)}.header-actions .btn-primary{display:flex;align-items:center;gap:6px;padding:10px 24px;background:var(--primary);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s}.header-actions .btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--primary-rgb),.2)}.home-tabs-wrapper{margin-bottom:24px;border-bottom:1px solid var(--border-color)}.home-tabs{display:flex;gap:32px}.home-tab{display:flex;align-items:center;gap:8px;padding:0 8px 16px;background:transparent;border:none;font-family:inherit;font-size:15px;font-weight:600;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .2s}.home-tab:hover{color:var(--text-main)}.home-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.tab-content-area .section-header h2{font-family:inherit;font-size:20px;font-weight:700;color:var(--text-main);letter-spacing:-.02em}.fade-in{animation:fadeIn .4s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.projects-grid-override{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;padding-bottom:24px}.projects-grid-override .project-card{flex:none}.trend-badge{position:absolute;top:12px;left:12px;background:var(--bg-card);color:var(--text-main);padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700;display:flex;align-items:center;gap:6px;box-shadow:0 4px 12px #0000001a;z-index:2}.section-header h2,.project-info h3,.template-info h4{font-family:inherit!important}.section-header h2{font-size:24px!important}.project-info h3{font-size:16px!important;font-weight:600!important}.template-info h4{font-size:15px!important;font-weight:600!important}.stats-container-sleek{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:48px}.stat-card-sleek{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:24px;display:flex;flex-direction:column;transition:all .3s ease}.stat-card-sleek:hover{border-color:var(--primary);box-shadow:var(--shadow)}.stat-card-sleek-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.stat-sleek-label{font-size:14px;font-weight:500;color:var(--text-muted);letter-spacing:.01em}.stat-sleek-icon{color:var(--primary-light);font-size:20px;display:flex}.stat-sleek-body{margin-bottom:24px}.stat-sleek-value{font-size:36px;font-weight:300;color:var(--text-main);letter-spacing:-.02em;font-family:inherit;line-height:1}.stat-sleek-footer{margin-top:auto;padding-top:16px;border-top:1px solid var(--border-color)}.stat-sleek-trend{font-size:13px;font-weight:500;display:flex;align-items:center;gap:6px}.stat-sleek-trend.up{color:#10b981}.stat-sleek-trend.down{color:#ef4444}.stat-sleek-trend.neutral{color:var(--text-muted)}.stat-trend-icon{font-size:16px}.processing-navigation-modal{position:fixed;inset:0;z-index:10000;background:#fff6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-out}.processing-content{text-align:center;padding:40px;background:#fff;border-radius:32px;box-shadow:0 25px 50px -12px #00000014;border:1px solid rgba(255,255,255,.5);max-width:320px;width:90%;transform:translateY(0);animation:modalSlideUp .4s cubic-bezier(.2,.8,.2,1)}.processing-spinner{position:relative;width:80px;height:80px;margin:0 auto 24px}.spinner-ring{width:100%;height:100%;border:4px solid #f1f5f9;border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}.spinner-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:24px;color:var(--primary);background:#fff;margin:8px;border-radius:50%;box-shadow:0 4px 12px #0000000d}.processing-content h4{font-size:18px;font-weight:700;color:#0f172a;margin-bottom:8px}.processing-content p{font-size:14px;color:#64748b;line-height:1.5}@keyframes modalSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.quick-access-modal-overlay{position:fixed;inset:0;background:#0f172a1a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10001;display:flex;align-items:flex-start;justify-content:flex-end;padding:80px 24px 24px}.quick-access-modal{width:100%;max-width:360px;background:#fff;border-radius:20px;box-shadow:0 20px 50px -12px #0f172a40;border:1px solid rgba(255,255,255,.5);overflow:hidden;animation:modalPopIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes modalPopIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modal-header-sleek{padding:20px 24px;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between}.modal-header-sleek h4{font-size:16px;font-weight:700;color:#0f172a;margin:0}.close-mini-btn{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;border:none;background:#f8fafc;color:#94a3b8;cursor:pointer;transition:all .2s}.close-mini-btn:hover{background:#f1f5f9;color:#1e293b}.notifications-list-mini{max-height:400px;overflow-y:auto}.notification-item-mini{padding:16px 24px;display:flex;gap:16px;transition:background .2s;cursor:pointer;border-bottom:1px solid #f8fafc;width:100%;text-align:left;background:transparent;border-left:none;border-right:none;border-top:none;font:inherit}.notification-item-mini:not(.notification-item-mini--read){background:linear-gradient(135deg,rgba(var(--primary-rgb),.12),rgba(var(--primary-rgb),.06) 55%,rgba(var(--primary-rgb),0));box-shadow:inset 3px 0 rgba(var(--primary-rgb),.5)}.notification-item-mini--read .notif-content-mini h6{font-weight:500;color:#64748b}.notif-dot--read{background:transparent;border:1px solid #e2e8f0}.notification-item-mini:hover{background:#f8fafc}.notification-item-mini:not(.notification-item-mini--read):hover{background:linear-gradient(135deg,rgba(var(--primary-rgb),.16),rgba(var(--primary-rgb),.08) 55%,rgba(var(--primary-rgb),0))}.notif-dot{width:8px;height:8px;background:#3b82f6;border-radius:50%;flex-shrink:0;margin-top:6px}.notif-content-mini h6{font-size:14px;font-weight:600;color:#1e293b;margin:0 0 4px}.notif-content-mini p{font-size:13px;color:#64748b;margin:0 0 6px;line-height:1.4}.notif-content-mini span{font-size:11px;font-weight:500;color:#94a3b8;text-transform:uppercase}.modal-footer-sleek{padding:16px 24px;background:#f8fafc;display:flex;justify-content:center}.btn-link-action{background:none;border:none;font-size:13px;font-weight:600;color:#3b82f6;cursor:pointer;padding:4px 8px}.btn-link-action:hover{text-decoration:underline}.credits-display-mini{padding:32px 24px;text-align:center}.credits-amount-card{background:linear-gradient(135deg,#eff6ff,#dbeafe);padding:24px;border-radius:16px;border:1px solid #bfdbfe;margin-bottom:20px}.credits-value{display:block;font-size:32px;font-weight:800;color:#1e40af;margin-bottom:4px}.credits-label{font-size:12px;font-weight:700;color:#3b82f6;text-transform:uppercase;letter-spacing:.05em}.credits-subtext{font-size:13px;color:#64748b;line-height:1.5;margin:0}.full-width{width:100%}.timeline-audio-clip{position:absolute;top:7px;height:36px;display:flex;align-items:center;gap:8px;padding:0 10px 0 8px;border-radius:999px;border:1px solid color-mix(in srgb,var(--primary) 55%,#c4b5fd);background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 88%,#312e81),color-mix(in srgb,var(--primary) 72%,#1e1b4b));color:#fff;box-shadow:0 4px 14px rgba(var(--primary-rgb),.28);cursor:pointer;overflow:visible;z-index:2;min-width:120px}.timeline-audio-clip--selected{box-shadow:0 0 0 2px #fff,0 0 0 4px color-mix(in srgb,var(--primary) 70%,#a78bfa),0 6px 18px rgba(var(--primary-rgb),.35)}.timeline-audio-clip__wave{position:absolute;inset:3px 68px 3px 36px;color:color-mix(in srgb,#fff 70%,var(--primary));opacity:.95;pointer-events:none}.timeline-audio-clip__wave .audio-waveform{width:100%;height:100%;display:block}.timeline-audio-clip__wave .audio-waveform--timeline rect{shape-rendering:crispEdges}.timeline-audio-clip__thumb{position:relative;z-index:1;width:24px;height:24px;border-radius:50%;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:#ffffff29;border:1px solid rgba(255,255,255,.22)}.timeline-audio-clip__meta{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;min-width:0;flex:1;font-size:11px;font-weight:600;white-space:nowrap}.timeline-audio-clip__title{overflow:hidden;text-overflow:ellipsis;max-width:160px}.timeline-audio-clip__dot{opacity:.75}.timeline-audio-clip__duration{opacity:.9;flex-shrink:0}.timeline-audio-clip__actions{position:relative;z-index:3;flex-shrink:0}.timeline-audio-clip__menu-btn{width:24px;height:24px;border:none;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#0f172a47;color:#fff;cursor:pointer}.timeline-audio-clip__menu-btn:hover{background:#0f172a6b}.timeline-audio-menu{position:absolute;right:0;bottom:calc(100% + 8px);width:220px;padding:12px;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-main);box-shadow:0 12px 32px #0f172a2e;z-index:20}.timeline-audio-menu__title{margin:0 0 10px;font-size:12px;font-weight:700;color:var(--text-main)}.timeline-audio-menu__field{display:block;margin-bottom:10px}.timeline-audio-menu__field-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px;font-size:11px;font-weight:600;color:var(--text-muted)}.timeline-audio-menu__field input[type=range]{width:100%;accent-color:var(--primary)}.timeline-audio-menu__remove{width:100%;margin-top:4px;padding:8px 10px;border-radius:8px;border:1px solid color-mix(in srgb,#ef4444 30%,var(--border-color));background:color-mix(in srgb,#ef4444 6%,var(--bg-card));color:#ef4444;font-size:12px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer}.timeline-audio-clip__trim{position:absolute;right:0;top:0;bottom:0;width:8px;border-radius:0 999px 999px 0;cursor:ew-resize;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18))}.timeline-audio-track-empty{position:absolute;top:7px;height:36px;display:flex;align-items:center;gap:8px;padding:0 12px;border-radius:999px;border:1px dashed color-mix(in srgb,var(--primary) 35%,var(--border-color));background:color-mix(in srgb,var(--primary) 4%,var(--bg-surface));color:var(--text-muted);font-size:11px;font-weight:600}.timeline-audio-track-empty .audio-waveform{width:120px;height:20px;color:color-mix(in srgb,var(--primary) 35%,var(--border-color));opacity:.35}.editor-topbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:8px;padding:0 12px;height:56px;background:linear-gradient(90deg,var(--primary) 0%,#6366f1 100%);border:none;border-bottom:none;box-shadow:0 20px 40px #6366f133;position:sticky;top:0;z-index:200;transition:background .3s ease,box-shadow .3s ease;overflow:visible;color:#fff}.editor-topbar .top-right{background:transparent}.editor-topbar .topbar-divider{background:#ffffff47}.editor-topbar .topbar-back-btn--circle{width:36px;height:36px;min-width:36px;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.editor-topbar .topbar-back-btn,.editor-topbar .topbar-save-btn,.editor-topbar .topbar-preview-btn{border-color:#ffffff47;background:#ffffff1f;color:#ffffffeb}.editor-topbar .topbar-back-btn:hover,.editor-topbar .topbar-save-btn:hover:not(:disabled),.editor-topbar .topbar-preview-btn:hover{background:#ffffff38;border-color:#fff6;color:#fff}.editor-topbar .topbar-save-btn.saved{background:#10b98138;border-color:#a7f3d0a6;color:#ecfdf5}.editor-topbar .project-title{color:#fff}.editor-topbar .project-title:hover{border-color:#ffffff59;background:#ffffff1a}.editor-topbar .project-title:focus{border-color:#ffffff8c;background:#ffffff24;box-shadow:0 0 0 3px #ffffff2e}.editor-topbar .topbar-logo{background:#fffffff2;color:var(--primary);box-shadow:0 2px 10px #0000001f}.editor-topbar .topbar-btn-group,.editor-topbar .topbar-zoom-group{background:#ffffff1f;border-color:#ffffff38}.editor-topbar .topbar-btn-group .icon-btn,.editor-topbar .topbar-zoom-group .icon-btn,.editor-topbar .icon-btn{color:#ffffffe6;background:transparent;box-shadow:none}.editor-topbar .topbar-btn-group .icon-btn:hover,.editor-topbar .topbar-zoom-group .icon-btn:hover,.editor-topbar .icon-btn:hover{background:#ffffff2e;color:#fff}.editor-topbar .zoom-pill{color:#fff;border-color:#ffffff47;background:#ffffff1a}.editor-topbar .zoom-pill:hover{border-color:#ffffff80;color:#fff}.editor-topbar .last-saved-time{color:#ffffffb8}.editor-topbar .topbar-tool-group-divider{background:#ffffff38}.editor-topbar .editor-credits-pill{background:#fffffff2;border-color:#ffffff59;color:var(--text-main)}.editor-credits-pill{display:inline-flex;align-items:center;gap:5px;height:34px;padding:0 10px 0 8px;border-radius:999px;border:1px solid var(--border-color);background:var(--bg-surface);font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;flex-shrink:0}.editor-credits-pill svg{color:var(--primary);flex-shrink:0}.editor-credits-pill__label{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.editor-credits-pill--low{border-color:#f59e0b;background:#fffbeb}.editor-credits-pill--low svg{color:#b45309}.editor-storage-pill{display:inline-flex;align-items:center;gap:5px;height:34px;padding:0 10px 0 8px;border-radius:999px;border:1px solid var(--border-color);background:var(--bg-surface);font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;flex-shrink:0}.editor-topbar .editor-storage-pill{background:#fffffff2;border-color:#ffffff59;color:var(--text-main)}.editor-storage-pill svg{color:#6366f1;flex-shrink:0}.editor-storage-pill__label{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.editor-ribbon-menu{position:relative;flex-shrink:0}.editor-ribbon-menu:after{content:"";position:absolute;left:0;right:0;top:100%;height:8px}.editor-ribbon__dropdown{position:absolute;top:calc(100% + 4px);left:0;min-width:180px;padding:6px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 12px 32px #00000024;z-index:1200;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(4px);transition:opacity .14s ease,transform .14s ease,visibility .14s ease}.editor-ribbon__dropdown.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.editor-ribbon__dropdown--wide{min-width:220px}.editor-ribbon__dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:none;border-radius:7px;background:transparent;color:var(--text-main);font-family:var(--font-family);font-size:13px;font-weight:600;text-align:left;cursor:pointer;transition:background .12s ease}.editor-ribbon__dropdown-item:hover{background:color-mix(in srgb,var(--primary) 8%,var(--bg-surface));color:var(--primary)}.editor-ribbon__check{display:flex;align-items:center;gap:8px;padding:8px 10px;font-size:13px;font-weight:500;color:var(--text-main);cursor:pointer;border-radius:7px}.editor-ribbon__check:hover{background:var(--bg-surface)}.editor-ribbon__check input{accent-color:var(--primary)}.editor-ribbon__divider{height:1px;margin:4px 6px;background:var(--border-color)}.editor-ribbon__scale{padding:6px 10px 8px}.editor-ribbon__scale-label{display:block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:6px}.editor-ribbon__scale-controls{display:flex;align-items:center;gap:4px}.editor-ribbon__scale-btn{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-color);border-radius:7px;background:var(--bg-surface);color:var(--text-main);cursor:pointer}.editor-ribbon__scale-btn:hover{border-color:var(--primary);color:var(--primary)}.editor-ribbon__scale-pill{min-width:52px;height:30px;padding:0 8px;border:1px solid var(--border-color);border-radius:7px;background:var(--bg-card);font-size:12px;font-weight:700;color:var(--text-main);cursor:pointer}.editor-insert-overlay{position:fixed;inset:0;z-index:1100;display:flex;align-items:center;justify-content:center;padding:24px;background:#0f172a73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .15s ease}.editor-insert-modal{width:min(520px,calc(100vw - 48px));height:min(640px,calc(100vh - 48px));max-height:min(640px,calc(100vh - 48px));display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;box-shadow:0 24px 48px #0000002e;overflow:hidden;animation:slideUp .2s cubic-bezier(.4,0,.2,1)}.editor-insert-modal--wide{width:min(960px,calc(100vw - 40px));height:min(720px,calc(100vh - 40px));max-height:min(720px,calc(100vh - 40px))}.editor-insert-modal--upload{width:min(640px,calc(100vw - 40px));height:min(640px,calc(100vh - 40px));max-height:min(640px,calc(100vh - 40px))}.editor-insert-modal__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border-color);background:linear-gradient(90deg,color-mix(in srgb,var(--primary) 6%,var(--bg-card)) 0%,var(--bg-card) 100%)}.editor-insert-modal__header h2{margin:0;font-size:15px;font-weight:700;color:var(--text-main)}.editor-insert-modal__close{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-surface);color:var(--text-muted);cursor:pointer}.editor-insert-modal__close:hover{color:var(--text-main);border-color:var(--primary)}.editor-insert-modal__body{flex:1;min-height:0;overflow-y:auto;padding:0}.editor-insert-modal__body--stock{overflow:hidden;display:flex;flex-direction:column}.editor-insert-modal__body--stock .tool-panel-content--stock{flex:1;min-height:0;display:flex;flex-direction:column;padding:0}.editor-insert-modal__body--upload{overflow:hidden;display:flex;flex-direction:column}.editor-insert-modal__body--upload .upload-insert-panel{flex:1;min-height:0;overflow-y:auto}.editor-insert-modal__body .tool-panel-content,.editor-insert-modal__body .text-tool-panel,.editor-insert-modal__body .graphic-tool-panel{padding:14px 16px 18px;min-height:100%;box-sizing:border-box}.editor-insert-modal__body .media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.editor-insert-modal__body .media-upload-tile,.editor-insert-modal__body .media-item{width:100%;min-width:0;aspect-ratio:16 / 9;border-radius:8px;box-sizing:border-box}.editor-insert-modal__body .media-upload-tile{min-height:0;height:auto;padding:8px;gap:4px}.editor-insert-modal__body .media-upload-tile__icon{width:36px;height:36px}.editor-insert-modal__body .media-upload-tile__icon svg{width:22px;height:22px}.editor-insert-modal__body .media-upload-tile__label{font-size:12px}.editor-insert-modal__body .media-upload-tile__hint{font-size:9px;text-align:center;line-height:1.2}.media-upload-tile{aspect-ratio:16 / 9;width:100%;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px;border:2px dashed color-mix(in srgb,var(--primary) 35%,var(--border-color));border-radius:10px;background:color-mix(in srgb,var(--primary) 5%,var(--bg-surface));color:var(--primary);cursor:pointer;font-family:inherit;transition:border-color .15s ease,background .15s ease;box-sizing:border-box}.media-upload-tile:hover:not(:disabled){border-color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,var(--bg-surface))}.media-upload-tile:disabled{opacity:.65;cursor:wait}.media-upload-tile__icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--primary) 12%,var(--bg-card))}.media-upload-tile__label{font-size:13px;font-weight:700}.media-upload-tile__hint{font-size:10px;font-weight:500;color:var(--text-muted)}.editor-guide-overlay{position:fixed;inset:0;z-index:1100;display:flex;align-items:center;justify-content:center;padding:24px;background:#0f172a73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.editor-guide-modal{width:min(480px,100%);max-height:min(560px,calc(100vh - 48px));display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;box-shadow:0 24px 48px #0000002e;overflow:hidden}.editor-guide-modal__header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border-color)}.editor-guide-modal__title-wrap{display:flex;align-items:center;gap:8px;color:var(--primary)}.editor-guide-modal__title-wrap h2{margin:0;font-size:16px;font-weight:700;color:var(--text-main)}.editor-guide-modal__close{border:none;background:transparent;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:6px}.editor-guide-modal__body{padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.editor-guide-modal__tip h3{margin:0 0 4px;font-size:13px;font-weight:700;color:var(--text-main)}.editor-guide-modal__tip p{margin:0;font-size:13px;line-height:1.5;color:var(--text-muted)}@media(max-width:900px){.topbar-tools-strip .topbar-tool-trigger span{display:none}.topbar-tools-strip .topbar-tool-trigger{padding:6px 10px;min-width:32px;justify-content:center}}.top-left{display:flex;align-items:center;gap:4px;flex-shrink:0;min-width:0;max-width:100%;overflow:hidden;z-index:2;background:transparent;padding-right:4px}.top-center{min-width:0;display:flex;align-items:center;justify-content:center;overflow:visible;scrollbar-width:none;-ms-overflow-style:none}.top-center::-webkit-scrollbar{display:none}.topbar-tools-strip{display:flex;align-items:center;gap:3px;padding:3px 5px;background:#ffffff24;border:1px solid rgba(255,255,255,.22);border-radius:10px;overflow:visible;flex-shrink:0;max-width:100%;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.topbar-tool-group{display:flex;align-items:center;gap:2px;flex-shrink:0}.topbar-tool-group-divider{width:1px;height:22px;background:var(--border-color);margin:0 6px;flex-shrink:0}.topbar-tool-trigger-wrap{position:relative;flex-shrink:0}.topbar-tool-trigger{display:inline-flex;align-items:center;gap:3px;padding:5px 7px;border:none;background:transparent;color:#ffffffd1;font-size:12px;font-weight:600;border-radius:7px;cursor:pointer;transition:background .15s ease,color .15s ease;white-space:nowrap;font-family:var(--font-family)}.topbar-tool-trigger:hover{background:#ffffff29;color:#fff}.topbar-tool-trigger.active{background:#fffffff2;color:var(--primary);box-shadow:0 2px 10px #0000001f}.topbar-tool-chevron{opacity:.7;transition:transform .2s ease}.topbar-tool-chevron.open{transform:rotate(180deg)}.topbar-tool-trigger.active .topbar-tool-chevron{opacity:1}.topbar-dropdown{width:320px;max-height:min(520px,calc(100vh - 80px));background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 12px 40px #0000001f,0 2px 8px #0000000f;display:flex;flex-direction:column;overflow:hidden;animation:topbarDropdownIn .15s ease}.topbar-dropdown--portal{position:fixed;transform:translate(-50%);z-index:1000}.topbar-dropdown--text{width:352px;max-height:min(680px,calc(100vh - 72px))}.topbar-dropdown--text,.topbar-dropdown--shapes{max-height:min(680px,calc(100vh - 72px))}.topbar-dropdown--text .topbar-dropdown-body,.topbar-dropdown--shapes .topbar-dropdown-body{background:var(--bg-card)}.topbar-dropdown--shapes{width:400px}.text-tool-panel{padding:14px 14px 18px;display:flex;flex-direction:column;gap:14px}.text-tool-add-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;border:none;border-radius:10px;background:var(--primary);color:var(--text-inverse);font-size:14px;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;box-shadow:0 4px 14px rgba(var(--primary-rgb),.35)}.text-tool-add-btn:hover{transform:translateY(-1px);background:var(--primary-hover);box-shadow:0 6px 18px rgba(var(--primary-rgb),.45)}.text-tool-brand-hint{margin:0;font-size:11px;color:var(--text-muted);line-height:1.4}.text-tool-section{display:flex;flex-direction:column;gap:10px}.text-tool-section-title{margin:0;font-size:12px;font-weight:700;color:var(--text-main);letter-spacing:.01em}.text-tool-presets{display:flex;flex-direction:column;gap:8px}.text-tool-preset{width:100%;text-align:left;padding:10px 14px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-main);cursor:pointer;transition:border-color .15s ease,background .15s ease;min-height:44px;display:flex;align-items:center}.text-tool-preset:hover{border-color:var(--primary);background:var(--topbar-panel-hover)}.text-tool-preset--heading span{font-size:22px;font-weight:800;line-height:1.1}.text-tool-preset--subheading span{font-size:17px;font-weight:700}.text-tool-preset--body span{font-size:13px;font-weight:500;color:var(--text-muted)}.text-tool-combos-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.text-tool-combo-card{aspect-ratio:1.35;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-surface);cursor:pointer;padding:10px 8px;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:border-color .15s ease,transform .15s ease,background .15s ease}.text-tool-combo-card:hover{border-color:var(--primary);background:var(--topbar-panel-hover);transform:translateY(-1px)}.shape-tool-panel{padding:12px 14px 16px;display:flex;flex-direction:column;gap:10px;min-height:0}.shape-tool-search{display:flex;align-items:center;gap:8px;padding:0 10px;height:36px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-surface)}.shape-tool-search-icon{color:var(--text-muted);flex-shrink:0}.shape-tool-search-input{flex:1;border:none;background:transparent;font-size:13px;color:var(--text-main);outline:none;min-width:0}.shape-tool-search-input::placeholder{color:var(--text-muted)}.shape-tool-tabs{display:flex;gap:4px;overflow-x:auto;padding-bottom:2px;border-bottom:1px solid var(--border-color)}.shape-tool-tab{flex-shrink:0;padding:8px 10px;border:none;background:transparent;font-size:12px;font-weight:600;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s ease,border-color .15s ease}.shape-tool-tab:hover{color:var(--text-main)}.shape-tool-tab--active{color:var(--primary);border-bottom-color:var(--primary)}.shape-tool-results-label{margin:0;font-size:11px;font-weight:600;color:var(--text-muted)}.shape-tool-backgrounds{display:flex;flex-direction:column;gap:8px}.shape-tool-bg-row{display:flex;flex-wrap:wrap;gap:8px}.shape-tool-bg-swatch{width:36px;height:36px;border-radius:8px;border:2px solid var(--border-color);cursor:pointer;padding:0;transition:transform .15s ease,border-color .15s ease}.shape-tool-bg-swatch:hover{transform:scale(1.06);border-color:var(--primary)}.shape-tool-results-hint{margin:0;font-size:11px;line-height:1.4;color:var(--text-muted)}.shape-tool-bg-custom{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:2px dashed var(--border-color);cursor:pointer;font-size:18px;font-weight:600;color:var(--text-muted);overflow:hidden}.shape-tool-bg-custom input[type=color]{position:absolute;inset:0;opacity:0;cursor:pointer}.shape-tool-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;max-height:min(420px,50vh);overflow-y:auto;padding:2px 0}.shape-tool-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:8px;background:var(--bg-surface);cursor:pointer;padding:6px;transition:border-color .15s ease,background .15s ease,transform .15s ease}.shape-tool-cell:hover{border-color:var(--primary);background:var(--topbar-panel-hover);transform:translateY(-1px)}.shape-tool-preview{flex-shrink:0;box-shadow:none}.shape-tool-icon-preview{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0f172a1a}.shape-tool-icon-preview img{width:36px;height:36px;object-fit:contain}.shape-tool-icon-preview--doodle{border-radius:10px;background:transparent;box-shadow:none}.shape-tool-icon-preview--doodle img{width:44px;height:44px}.shape-tool-empty{grid-column:1 / -1;text-align:center;font-size:12px;color:var(--text-muted);padding:24px 8px}.graphic-tool-panel{display:flex;flex-direction:column;gap:0}.graphic-section-tabs{display:flex;gap:4px;padding:0 12px 10px;border-bottom:1px solid var(--border-color);margin-bottom:10px}.graphic-section-tab{flex:1;padding:7px 8px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-surface);color:var(--text-muted);font-size:11px;font-weight:700;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease;font-family:var(--font-family)}.graphic-section-tab:hover{color:var(--text-main);border-color:var(--primary)}.graphic-section-tab--active{background:rgba(var(--primary-rgb),.1);color:var(--primary);border-color:var(--primary)}.graphic-section-panel{display:flex;flex-direction:column;gap:8px}.graphic-section-hint{margin:0 12px 4px;font-size:11px;line-height:1.45;color:var(--text-muted)}.frame-tool-preview{flex-shrink:0;box-shadow:inset 0 0 0 1px #0f172a14}.frame-tool-cell{background:var(--bg-card)}.text-tool-combo-preview{display:block;text-align:center;line-height:1.15;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(11px,3.2vw,15px)}.text-tool-combo-preview--multiline{white-space:pre-line;font-size:clamp(8px,2.4vw,11px);line-height:1.1;letter-spacing:.02em}@keyframes topbarDropdownIn{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.topbar-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border-color);flex-shrink:0}.topbar-dropdown-header h3{margin:0;font-size:13px;font-weight:700;color:var(--text-main)}.topbar-dropdown-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:var(--bg-surface);border-radius:6px;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.topbar-dropdown-close:hover{background:var(--bg-main);color:var(--text-main)}.topbar-dropdown-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:0}.topbar-dropdown-body .tool-panel-content{padding:12px}.topbar-dropdown-empty{padding:32px 20px;text-align:center;color:var(--text-muted);font-size:13px}.top-right{display:flex;gap:8px;align-items:center;flex-shrink:0;z-index:2;background:var(--bg-card);padding-left:8px}.editor-credits-bar{display:flex;align-items:center;gap:0;height:38px;padding:4px 6px 4px 4px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-surface);flex-shrink:0}.editor-credits-bar--low{border-color:#f59e0b;background:#fffbeb}.editor-credits-bar-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;margin-right:4px;border-radius:7px;flex-shrink:0;color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border-color)}.editor-credits-bar--low .editor-credits-bar-icon{color:#b45309;background:#fef3c7;border-color:#fcd34d}.editor-credits-bar-pool{display:flex;flex-direction:column;justify-content:center;gap:1px;padding:0 10px 0 2px;min-width:64px;border-right:1px solid var(--border-color);margin-right:2px}.editor-credits-bar-pool-label{font-size:12px;font-weight:700;color:var(--text-main);line-height:1.1;white-space:nowrap}.editor-credits-bar-pool-meta{font-size:9px;font-weight:600;color:var(--text-muted);line-height:1;white-space:nowrap}.editor-credits-bar-divider{width:1px;align-self:stretch;margin:6px 0;background:var(--border-color);flex-shrink:0}.editor-credits-bar-stat{display:flex;flex-direction:column;justify-content:center;gap:1px;padding:0 10px;min-width:0}.editor-credits-bar-stat--remaining{min-width:88px}.editor-credits-bar-stat--total{min-width:52px;padding-right:6px}.editor-credits-bar-stat-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);line-height:1}.editor-credits-bar-stat-value{font-size:13px;font-weight:700;line-height:1.15;color:var(--text-main);font-variant-numeric:tabular-nums;white-space:nowrap}.editor-credits-bar-stat-value--primary{color:var(--primary, #7c3aed);font-size:12px;letter-spacing:-.01em}.editor-credits-bar--low .editor-credits-bar-stat-value--primary{color:#b45309}.topbar-divider{width:1px;height:20px;background:var(--border-color);margin:0 4px;flex-shrink:0}.topbar-icon-action{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border-radius:8px;cursor:pointer;flex-shrink:0;transition:all .15s cubic-bezier(.4,0,.2,1)}.topbar-back-btn{border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-muted)}.topbar-back-btn:hover{background:var(--bg-main);color:var(--text-main);border-color:var(--border-color)}.topbar-brand{display:flex;align-items:center;gap:10px}.topbar-logo{width:30px;height:30px;border-radius:8px;background:var(--primary);display:flex;align-items:center;justify-content:center;color:var(--text-inverse);flex-shrink:0;box-shadow:0 2px 8px rgba(var(--primary-rgb),.35)}.project-title{border:1px solid transparent;font-weight:600;font-size:14px;outline:none;background:transparent;color:var(--text-main);min-width:80px;max-width:140px;padding:5px 8px;border-radius:6px;transition:all .15s cubic-bezier(.4,0,.2,1);font-family:var(--font-family)}.project-title:hover{border-color:var(--border-color);background:var(--bg-surface)}.project-title:focus{border-color:var(--primary);background:var(--bg-surface);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.12)}.topbar-btn-group{display:flex;gap:2px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;padding:3px}.topbar-btn-group .icon-btn{border-radius:6px;min-width:32px;padding:6px;box-shadow:none;background:transparent}.topbar-btn-group .icon-btn:hover{background:var(--bg-card);transform:none;box-shadow:0 1px 4px #0000001a}.topbar-save-btn{border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-muted)}.topbar-save-btn:hover:not(:disabled){background:var(--bg-main);color:var(--text-main)}.topbar-save-btn.saved{background:#10b9811f;border-color:var(--success-green);color:var(--success-green)}.topbar-save-btn:disabled{opacity:.7;cursor:wait}.save-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top:2px solid var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.last-saved-time{font-size:11px;color:var(--text-muted);white-space:nowrap;font-weight:500;padding-left:2px}.topbar-zoom-group{display:flex;align-items:center;gap:4px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:10px;padding:4px}.topbar-zoom-group .icon-btn{border-radius:6px;min-width:30px;padding:5px;box-shadow:none;background:transparent}.topbar-zoom-group .icon-btn:hover{background:var(--bg-card);transform:none;box-shadow:0 1px 4px #0000001a}.zoom-pill{font-size:12px;font-weight:700;color:var(--text-muted);padding:4px 10px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;min-width:48px;text-align:center;transition:all .15s;-webkit-user-select:none;user-select:none}.zoom-pill:hover{color:var(--primary);border-color:var(--primary)}.topbar-preview-btn{border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-main)}.topbar-preview-btn:hover{background:var(--bg-main);border-color:var(--primary);color:var(--primary)}.topbar-export-btn{border:none;background:#fff;color:var(--primary);box-shadow:0 2px 12px #00000024}.topbar-export-btn:hover:not(:disabled){box-shadow:0 4px 18px #0003;filter:brightness(1.02);transform:translateY(-1px)}.topbar-export-btn:disabled{opacity:.65}.editor-topbar .profile-dropdown{flex-shrink:0}.editor-topbar .profile-avatar{width:32px;height:32px;font-size:13px}.editor-topbar .dropdown-menu{z-index:1100}@media(max-width:1520px){.topbar-tool-trigger span,.topbar-tool-chevron{display:none}.topbar-tool-trigger{padding:6px 7px;min-width:32px;justify-content:center}.topbar-tool-group-divider{margin:0 3px}}@media(max-width:1360px){.project-title{max-width:110px}}@media(max-width:1180px){.topbar-divider,.last-saved-time{display:none}.topbar-zoom-group .icon-btn:nth-child(1),.topbar-zoom-group .icon-btn:nth-child(3){display:none}.zoom-pill{min-width:40px;padding:4px 6px;font-size:11px}}@media(max-width:1024px){.topbar-brand .topbar-logo{display:none}.project-title{max-width:90px}}.icon-btn{border:none;background:transparent;border-radius:8px;padding:8px;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);min-width:34px;font-size:13px;color:var(--text-muted)}.icon-btn:hover{background:var(--bg-surface);color:var(--text-main);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.icon-btn.active{background:var(--bg-surface);color:var(--primary)}.icon-btn.disabled,.icon-btn:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.shortcuts-overlay{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .15s ease}.shortcuts-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:28px;width:420px;max-width:95vw;box-shadow:0 20px 60px #0000004d;animation:slideUp .2s cubic-bezier(.4,0,.2,1)}.shortcuts-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.shortcuts-header h3{font-size:17px;font-weight:700;color:var(--text-main);margin:0}.shortcuts-close{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-muted);border-radius:8px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;transition:all .15s}.shortcuts-close:hover{background:var(--bg-main);color:var(--text-main)}.shortcuts-grid{display:flex;flex-direction:column;gap:10px}.shortcut-row{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--bg-surface);border-radius:8px;border:1px solid var(--border-color)}.shortcut-action{font-size:13px;font-weight:500;color:var(--text-main)}kbd.shortcut-key{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:11px;font-weight:700;background:var(--bg-card);border:1px solid var(--border-color);border-bottom-width:2px;color:var(--text-main);padding:3px 8px;border-radius:5px;letter-spacing:.5px;white-space:nowrap}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.video-editor-shell{min-height:100vh;height:100vh;background:var(--bg-main);display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;font-family:var(--font-family)}.video-editor-shell>.editor-topbar{flex-shrink:0}.video-editor-shell>.editor-container{flex:1;min-height:0}.editor-container{display:flex;min-width:0;background:var(--bg-main);position:relative;overflow:hidden}@supports not (width: 100cqw){.preview-wrapper{width:100%;max-width:min(960px,100%);height:auto}}.left-section{display:flex;height:100%;background:var(--bg-card);border-right:1px solid var(--border-color);z-index:10}.left-sidebar{width:60px;height:100%;background:var(--bg-card);border-right:1px solid var(--border-color);flex-shrink:0;overflow:hidden;position:relative;padding:0;display:flex;flex-direction:column;align-items:center}.main-content{flex:1;min-width:0;display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--bg-main)}.main-content-row{flex:1;display:flex;flex-direction:row;overflow:hidden}.editor-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.canvas-area{flex:1;min-height:0;display:flex;flex-direction:column;overflow:visible;background:var(--bg-main)}.preview-container{container-type:size;flex:1;min-height:0;width:100%;display:flex;align-items:center;justify-content:center;padding:12px 16px;overflow:visible;background:var(--bg-main)}.canvas-playback-preparing{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#0a0a0a8c;color:#f8fafc;font-size:13px;font-weight:600;pointer-events:none}.canvas-pause-to-edit-overlay{position:absolute;inset:0;z-index:20;cursor:pointer;background:transparent}.preview-wrapper{position:relative;aspect-ratio:16 / 9;width:min(100cqw,calc(100cqh * 16 / 9));height:min(100cqh,56.25cqw);max-width:100%;max-height:100%;flex-shrink:0;overflow:visible;border-radius:12px;border:1px solid var(--border-color);box-shadow:0 8px 32px #00000014;background:#0f172a;transform:scale(var(--canvas-zoom, 1));transform-origin:center center}.tool-panel-beside{width:280px;background:var(--bg-card);border-right:1px solid var(--border-color);flex-shrink:0;overflow-y:auto;position:relative}.timeline-area{background:rgba(var(--bg-card-rgb, 255, 255, 255),.85);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;min-height:0;color:var(--text-main);overflow:hidden;margin:0 12px 12px;border-radius:12px;border:1px solid rgba(var(--border-color-rgb, 0, 0, 0),.1);flex-shrink:0;position:relative;z-index:5;box-shadow:0 8px 24px #00000014}.timeline-area>.timeline-editor-root{flex:1;min-height:0}.properties-panel-shell{position:relative}.panel-resize-handle{position:absolute;z-index:60;background:transparent;touch-action:none}.panel-resize-handle--y.panel-resize-handle--top{top:-5px;left:0;right:0;height:10px;cursor:row-resize}.panel-resize-handle--x.panel-resize-handle--start{left:-5px;top:0;bottom:0;width:10px;cursor:col-resize}.panel-resize-handle:hover,.panel-resize-handle:active{background:color-mix(in srgb,var(--primary, #7c3aed) 25%,transparent)}.panel-resize-handle--y.panel-resize-handle--top:hover,.panel-resize-handle--y.panel-resize-handle--top:active{border-top:2px solid var(--primary, #7c3aed)}.panel-resize-handle--x.panel-resize-handle--start:hover,.panel-resize-handle--x.panel-resize-handle--start:active{border-left:2px solid var(--primary, #7c3aed)}.timeline-area.timeline-shifted{height:0;opacity:0;transform:translateY(-100%);pointer-events:none}.tool-sidebar{width:72px;background:transparent;display:flex;flex-direction:column;align-items:center;padding:16px 0;gap:12px;overflow-y:auto}.tool-sidebar::-webkit-scrollbar{width:0px}.tool-sidebar-item{width:52px;height:52px;border:none;background:rgba(var(--bg-surface-rgb, 255, 255, 255),.5);border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;color:var(--text-muted);font-size:12px;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tool-sidebar-item:hover{background:var(--bg-surface);color:var(--text-main);transform:translateY(-3px) scale(1.05);box-shadow:0 8px 24px #0000001f}.tool-sidebar-item.active{background:linear-gradient(135deg,var(--primary) 0%,#4f46e5 100%);color:#fff;box-shadow:0 8px 20px rgba(var(--primary-rgb),.4);transform:scale(1.1)}.tool-sidebar-item svg{width:24px;height:24px;color:inherit;transition:transform .3s ease}.tool-sidebar-item:hover svg{transform:scale(1.1)}.tool-sidebar-item-label{font-size:13px;font-weight:600;opacity:0;transform:translate(-10px);transition:all .25s cubic-bezier(.4,0,.2,1);position:absolute;left:70px;white-space:nowrap;background:#0f172ae6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;padding:6px 12px;border-radius:8px;pointer-events:none;z-index:10;box-shadow:0 4px 15px #0003}.tool-sidebar-item:hover .tool-sidebar-item-label{opacity:1;transform:translate(0)}.tool-sidebar-add-btn{width:52px;height:52px;border:2px dashed rgba(var(--primary-rgb),.4);background:transparent;border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--primary);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);margin-top:auto}.tool-sidebar-add-btn:hover{border-style:solid;background:rgba(var(--primary-rgb),.1);transform:translateY(-2px) rotate(90deg);box-shadow:0 4px 15px rgba(var(--primary-rgb),.2)}.tools-palette{position:fixed;left:50%;bottom:220px;transform:translate(-50%);background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:8px;display:flex;gap:4px;box-shadow:0 4px 20px #00000080;z-index:100}.tools-panel{display:flex;height:100%}.tools-list{display:flex;flex-direction:column;gap:2px;padding:10px 0;align-items:center;width:100%;overflow:hidden}.tool-btn{width:44px;height:44px;border:none;background:transparent;border-radius:10px;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;flex-shrink:0}.tool-btn:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%) scaleY(0);width:3px;height:20px;border-radius:0 3px 3px 0;background:var(--primary);transition:transform .2s cubic-bezier(.4,0,.2,1)}.tool-btn:hover{background:var(--bg-surface);color:var(--text-main)}.tool-btn.active{background:rgba(var(--primary-rgb),.1);color:var(--primary)}.tool-btn.active:before{transform:translateY(-50%) scaleY(1)}.tool-btn-label,.tool-btn-active-dot{display:none}.tool-panel{flex:1;background:var(--bg-card);overflow-y:auto;display:flex;flex-direction:column}.tool-panel-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border-color);background:var(--bg-card);position:sticky;top:0;z-index:5;gap:8px}.tool-panel-header-left{display:flex;align-items:center;gap:8px;min-width:0}.tool-panel-title{color:var(--text-main);font-weight:700;font-size:14px;margin:0;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-panel-close{width:28px;height:28px;flex-shrink:0;border:1px solid var(--border-color);background:var(--bg-surface);border-radius:7px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;color:var(--text-muted);transition:all .15s cubic-bezier(.4,0,.2,1)}.tool-panel-close:hover{background:var(--bg-main);color:var(--text-main)}.tool-panel-content{padding:0 16px 16px;display:flex;flex-direction:column;gap:16px}.tool-content-panel{width:320px;background:var(--bg-card);border-right:1px solid var(--border-color);padding:16px;overflow-y:auto;display:flex;flex-direction:column}.tool-content-panel::-webkit-scrollbar{width:4px}.tool-content-panel::-webkit-scrollbar-track{background:transparent}.tool-content-panel::-webkit-scrollbar-thumb{background:transparent;border-radius:2px}.tool-content-panel::-webkit-scrollbar-thumb:hover{background:transparent}.tool-panel-content{display:flex;flex-direction:column;gap:16px;padding:16px}.tool-panel-body{flex:1;overflow-y:auto;overflow-x:hidden}.tool-panel-body .media-grid{grid-template-columns:repeat(2,1fr);gap:8px;padding:0}.tool-panel-body .media-item:not(:has(img)){aspect-ratio:1/1;padding:12px}.tool-panel-body .media-item svg{width:32px;height:32px;color:var(--primary)}.tool-panel-title{color:var(--text-main);font-weight:500;font-size:16px;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.media-library{background:var(--bg-card);border-right:1px solid var(--border-color);padding:24px;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px;max-height:400px;border-radius:12px;box-shadow:0 4px 12px #0000001a}.library-section{display:grid;gap:12px;margin-bottom:16px}.section-title{color:var(--text-main);font-weight:500;font-size:13px;text-transform:uppercase;letter-spacing:.5px;margin:0;padding:8px 0;border-bottom:1px solid var(--border-color)}.upload-area{border:2px dashed var(--border-color);border-radius:16px;padding:32px;text-align:center;color:var(--text-muted);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);background:var(--bg-surface);position:relative;overflow:hidden}.upload-area:hover{border-color:var(--primary);color:var(--primary);background:rgba(var(--primary-rgb),.05)}.upload-area p{font-size:11px;margin-top:8px;opacity:.7}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.media-item{aspect-ratio:16/9;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;display:flex;align-items:center;justify-content:center}.media-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.media-item:hover{transform:scale(1.05);border-color:var(--primary);box-shadow:0 4px 12px rgba(var(--primary-rgb),.15);z-index:10}.media-item--draggable{cursor:grab}.media-item--draggable:active{cursor:grabbing}.shape-clip--drop-target{outline:2px dashed var(--primary)!important;outline-offset:2px}.shape-clip-drop-hint{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#6366f1a6;letter-spacing:.04em;text-transform:uppercase;pointer-events:none;background:#6366f10f}.preview-controls{background:var(--bg-card);border-top:1px solid var(--border-color);padding:16px 20px;display:flex;align-items:center;gap:16px;border-radius:0 0 16px 16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.playback-controls{display:flex;align-items:center;gap:8px}.time-display{color:var(--text-main);font-weight:500;font-size:13px;min-width:100px}.zoom-controls{display:flex;align-items:center;gap:4px;margin-left:auto}.properties-panel{background:var(--bg-card);border-left:1px solid var(--border-color);padding:16px;overflow-y:auto;display:grid;gap:16px}.properties-panel::-webkit-scrollbar{width:4px}.properties-panel::-webkit-scrollbar-track{background:transparent}.properties-panel::-webkit-scrollbar-thumb{background:transparent;border-radius:2px}.properties-panel::-webkit-scrollbar-thumb:hover{background:transparent}.property-group{display:grid;gap:12px}.property-title{color:var(--text-main);font-weight:500;font-size:15px;text-transform:uppercase;letter-spacing:.5px}.property-row{display:grid;gap:8px;align-items:center}.property-label{color:var(--text-muted);font-size:15px;font-weight:500}.property-input{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:8px 12px;color:var(--text-main);font-size:16px;transition:all .15s cubic-bezier(.4,0,.2,1)}.property-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.1)}.modal-overlay{position:fixed;inset:0;background:#0006;display:grid;place-items:center;z-index:1000;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.modal-content{background:var(--bg-card);border-radius:16px;padding:24px;max-width:500px;width:90%;border:1px solid var(--border-color);box-shadow:0 2px 4px #0000004d,0 4px 12px 4px #00000026}.preview-modal{background:var(--bg-card);border-radius:12px;padding:24px;max-width:90vw;width:1200px;max-height:90vh;border:1px solid var(--border-color);display:flex;flex-direction:column;gap:16px;box-shadow:0 8px 24px #0000004d,0 4px 8px #00000026}.preview-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.preview-modal-title{color:var(--text-main);font-size:20px;font-weight:500;margin:0}.preview-modal-close{background:transparent;border:none;color:#5f6368;cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .15s cubic-bezier(.4,0,.2,1)}.preview-modal-close:hover{background:var(--bg-surface);color:var(--text-main)}.preview-modal-content{background:var(--bg-surface);border-radius:8px;overflow:hidden;border:1px solid var(--border-color)}.modal-title{color:var(--text-main);font-size:20px;font-weight:500;margin:0 0 16px}.modal-body{color:var(--text-muted);margin-bottom:20px}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.export-modal{max-width:520px}.export-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:4px}.export-modal-header .modal-title{margin-bottom:0}.export-modal-close{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.export-modal-close:hover{background:var(--bg-surface);color:var(--text-main)}.export-modal-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px;padding:14px;background:var(--bg-surface);border-radius:10px;border:1px solid var(--border-color)}.export-modal-summary-item{display:flex;flex-direction:column;gap:4px;text-align:center}.export-modal-summary-item span{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.export-modal-summary-item strong{font-size:15px;color:var(--text-main);font-weight:600}.export-modal-hint{margin:16px 0 0;font-size:12px;line-height:1.5;color:var(--text-muted)}.export-modal-submit{display:inline-flex;align-items:center;gap:8px}.export-modal-loading{display:flex;flex-direction:column;align-items:center;padding:12px 0 8px;text-align:center;width:100%}.export-modal-status{margin:0 0 8px;font-size:15px;font-weight:600;color:var(--text-main)}.export-modal-loading-hint{margin:0 0 20px;font-size:12px;color:var(--text-muted);max-width:340px;line-height:1.5}.process-timeline-container{width:100%;margin:24px 0 32px;position:relative;padding:0 16px;box-sizing:border-box}.timeline-connectors{position:absolute;top:46px;left:10%;right:10%;display:flex;z-index:1;height:3px}.timeline-connector{flex:1;height:3px;background:var(--border-color, #e2e8f0);transition:background-color .3s ease}.timeline-connector.completed{background:#475569}.timeline-connector.active{background:#10b981}.timeline-steps{display:flex;justify-content:space-between;width:100%;position:relative;z-index:2}.timeline-step{display:flex;flex-direction:column;align-items:center;width:72px;text-align:center}.step-icon{height:24px;display:flex;align-items:center;justify-content:center;margin-bottom:8px;transition:color .3s ease}.timeline-step.completed .step-icon{color:#475569}.timeline-step.active .step-icon{color:#10b981}.timeline-step.pending .step-icon{color:#cbd5e1}.step-node{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg-card, #ffffff);transition:all .3s ease;z-index:2;box-sizing:border-box}.timeline-step.completed .step-node{background:#475569;border:2px solid #475569;color:#fff;font-size:13px;font-weight:700}.timeline-step.active .step-node{border:2px solid #10b981;position:relative;background:var(--bg-card, #ffffff)}.timeline-step.active .step-node:after{content:"";width:16px;height:16px;border:2px solid #10b981;border-top-color:transparent;border-radius:50%;animation:timeline-step-spin 1s linear infinite;box-sizing:border-box}@keyframes timeline-step-spin{to{transform:rotate(360deg)}}.timeline-step.pending .step-node{border:2px solid #cbd5e1}.timeline-step.pending .step-node:after{content:"";width:8px;height:8px;background:#cbd5e1;border-radius:50%;box-sizing:border-box}.step-label{font-size:12px;margin-top:8px;text-align:center;transition:color .3s ease,font-weight .3s ease;white-space:nowrap}.timeline-step.completed .step-label{color:#475569;font-weight:500}.timeline-step.active .step-label{color:#10b981;font-weight:600}.timeline-step.pending .step-label{color:#94a3b8;font-weight:400}.step-percentage{font-size:11px;font-weight:700;display:block;margin-top:2px}.export-modal-result{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 0 8px;text-align:center}.export-modal-result p{margin:0;font-size:14px;line-height:1.5;color:var(--text-muted);max-width:340px}.export-modal-result--success svg{color:#22c55e}.export-modal-result--error svg{color:#ef4444}.export-modal-result .modal-actions{width:100%;margin-top:8px}.btn-secondary{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:10px 24px;color:var(--text-main);cursor:pointer;font-weight:500;transition:all .15s cubic-bezier(.4,0,.2,1)}.btn-secondary:hover{background:var(--bg-surface)}.btn-primary{background:var(--primary);border:none;border-radius:8px;padding:10px 24px;color:#fff;cursor:pointer;font-weight:500;transition:all .15s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 1px 3px #3c40434d,0 4px 8px 3px #3c404326}.avatar-selection{display:flex;flex-direction:column;gap:12px}.avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:8px;padding:8px 0}.avatar-item{display:flex;flex-direction:column;align-items:center;justify-content:center;width:60px;height:60px;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);background:var(--bg-surface);position:relative;overflow:hidden}.avatar-item:hover{border-color:var(--primary);background:var(--bg-surface);transform:scale(1.05);box-shadow:0 2px 8px #00000026}.avatar-item.selected{border-color:var(--primary);background:var(--bg-surface);box-shadow:0 0 0 2px #3b82f633}.avatar-item img{width:100%;height:100%;object-fit:cover;border-radius:8px}.upload-avatar-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;color:var(--text-main);cursor:pointer;font-size:13px;font-weight:500;transition:all .15s cubic-bezier(.4,0,.2,1)}.upload-avatar-btn:hover{background:var(--bg-surface);border-color:var(--primary);color:var(--primary)}.script-container{display:flex;flex-direction:column;gap:12px}.script-input{width:100%;min-height:120px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:12px;color:var(--text-main);font-size:14px;font-family:inherit;resize:vertical;transition:all .15s cubic-bezier(.4,0,.2,1)}.script-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.1)}.script-input::placeholder{color:var(--text-muted)}.script-actions{display:flex;gap:8px}.script-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;color:var(--text-main);cursor:pointer;font-size:13px;font-weight:500;transition:all .15s cubic-bezier(.4,0,.2,1)}.script-btn:hover{background:var(--bg-surface);border-color:var(--primary);color:var(--primary)}.timeline-clip{position:absolute;top:4px;height:32px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;display:flex;align-items:center;padding:0 8px;color:var(--text-main);font-size:11px;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.layer-item{height:32px;display:flex;align-items:center;padding:0 16px;border-radius:6px;border:1px solid #2a2a2a;font-size:13px;font-weight:600;color:#888;flex-shrink:0}.timeline-clip.active{background:var(--bg-surface);border-color:var(--primary);color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.1)}.trim-handle{position:absolute;top:0;width:6px;height:100%;background:#ffffff4d;cursor:ew-resize;opacity:0;transition:opacity .2s}.timeline-clip:hover .trim-handle{opacity:1}.trim-handle.left{left:0;border-radius:4px 0 0 4px}.trim-handle.right{right:0;border-radius:0 4px 4px 0}.layer-item-preview{display:flex;align-items:center;justify-content:space-between;background:var(--bg-surface);padding:8px 12px;border-radius:8px;margin-bottom:8px;border:1px solid var(--border-color)}.layer-item-preview span{font-size:13px;color:var(--text-main);text-transform:capitalize}.layer-item-preview button{background:none;border:none;color:#ea4335;cursor:pointer;padding:4px;border-radius:4px;transition:all .15s cubic-bezier(.4,0,.2,1)}.layer-item-preview button:hover{background:#ea43351a;color:#c5221f}.timeline-track.layers{background:#ffffff05;height:40px;margin-top:4px}.layer-clip{position:absolute;height:24px;top:8px;background:#e8f5e9;border:1px solid #81c784;border-radius:6px;font-size:10px;padding:0 6px;display:flex;align-items:center;color:#2e7d32;font-weight:500}.template-modal{background:var(--bg-card);border-radius:16px;padding:32px;max-width:900px;width:95%;max-height:85vh;border:1px solid var(--border-color);display:flex;flex-direction:column;gap:24px;box-shadow:0 8px 24px #0000004d,0 4px 8px #00000026}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;overflow-y:auto;padding:10px;margin:0 -10px}.template-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:12px;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:12px}.template-card:hover{border-color:var(--primary);background:var(--bg-surface);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d,0 2px 4px #00000026}.template-info{padding:4px}.template-info h4{margin:0 0 4px;color:var(--text-main);font-size:15px;font-weight:500}.template-info p{margin:0;color:var(--text-muted);font-size:12px;line-height:1.5}.media-badge{position:absolute;bottom:8px;right:8px;background:#000c;color:#fff;font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px;letter-spacing:.5px}.audio-list{display:flex;flex-direction:column;gap:12px;padding:16px 0}.audio-item{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.audio-item:hover{background:var(--bg-surface);border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.audio-info{display:flex;align-items:center;gap:12px;color:var(--text-main)}.audio-info span{font-size:14px;font-weight:500}.audio-duration{font-size:12px;color:var(--text-muted);font-variant-numeric:tabular-nums}.shape-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:12px;padding:16px 0}.shape-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 8px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.shape-item:hover{border-color:var(--primary);background:var(--bg-surface);transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.shape-preview{margin-bottom:8px;box-shadow:0 2px 4px #0000001a}.shape-item span{font-size:11px;color:var(--text-muted);font-weight:500}.voice-tabs{display:flex;gap:8px;margin-bottom:16px;background:var(--bg-surface);padding:4px;border-radius:8px}.voice-tab{flex:1;padding:6px 12px;border:none;background:transparent;color:var(--text-muted);font-size:11px;font-weight:700;cursor:pointer;border-radius:6px;transition:all .2s}.voice-tab.active{background:var(--bg-card);color:var(--primary);box-shadow:0 2px 4px #0000000d}.voice-avatar{width:32px;height:32px;background:var(--bg-surface);color:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.voice-name{font-size:14px;font-weight:600;color:var(--text-main)}.play-preview-btn{width:28px;height:28px;border-radius:50%;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:10px;transition:all .2s}.play-preview-btn:hover{background:var(--primary);color:var(--text-inverse);border-color:var(--primary)}.search-box{margin-bottom:16px;position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:12px;color:var(--text-muted);pointer-events:none}.search-input{width:100%;padding:10px 16px 10px 38px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:10px;font-size:13px;color:var(--text-main);transition:all .2s cubic-bezier(.4,0,.2,1)}.search-input:focus{outline:none;background:var(--bg-card);border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.12)}.template-grid-mini{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:8px 0}.template-card-mini{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;overflow:hidden;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.template-card-mini:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.template-preview-wrapper{width:100%;aspect-ratio:16/9;background:var(--bg-surface);border-bottom:1px solid var(--border-color);pointer-events:none;transform:scale(1);transform-origin:top left}.template-preview-wrapper>div{transform:scale(1)}.template-name-hint{padding:6px 8px;font-size:11px;font-weight:500;color:var(--text-muted);background:var(--bg-card);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-panel-body::-webkit-scrollbar{width:6px}.tool-panel-body::-webkit-scrollbar-track{background:transparent}.tool-panel-body::-webkit-scrollbar-thumb{background:#dadce0;border-radius:10px}.tool-panel-body::-webkit-scrollbar-thumb:hover{background:#bdc1c6}.tool-panel-body{scrollbar-width:thin;scrollbar-color:#dadce0 transparent}.tool-section{margin-bottom:24px}.tool-section-title{color:var(--text-main);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;opacity:.8}.empty-state-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px 20px;background:var(--bg-surface);border:1px dashed var(--border-color);border-radius:12px;gap:12px;color:var(--text-muted);transition:all .3s ease}.empty-state-panel:hover{border-color:var(--primary-light);background:rgba(var(--primary-rgb),.02)}.empty-state-icon{color:var(--border-color);opacity:.6;margin-bottom:4px}.empty-state-panel:hover .empty-state-icon{color:var(--primary);opacity:1}.empty-state-panel h4{margin:0;font-size:15px;font-weight:600;color:var(--text-main)}.empty-state-panel p{margin:0;font-size:13px;line-height:1.5}.text-properties-wrapper{display:flex;flex-direction:column;gap:16px;padding-bottom:24px}.premium-property-row{display:flex;flex-direction:column;gap:8px}.premium-property-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.premium-property-input{background:var(--bg-main);border:1px solid var(--border-color);border-radius:8px;padding:10px 12px;color:var(--text-main);font-size:14px;transition:all .2s ease;font-family:inherit;width:100%;box-sizing:border-box}.premium-property-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.15)}.premium-divider{height:1px;background:var(--border-color);margin:8px 0}.slider-input-group{display:flex;align-items:center;gap:12px;background:var(--bg-main);border:1px solid var(--border-color);border-radius:8px;padding:8px 12px;height:40px}.premium-slider{flex:1;height:4px;background:var(--border-color);border-radius:2px;-webkit-appearance:none;appearance:none;outline:none}.premium-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--primary);cursor:pointer;box-shadow:0 2px 4px #0003;transition:transform .1s}.premium-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.slider-value{font-size:13px;font-weight:600;color:var(--text-main);min-width:36px;text-align:right}.color-picker-wrapper{display:flex;align-items:center;gap:12px;background:var(--bg-main);border:1px solid var(--border-color);border-radius:8px;padding:4px 12px 4px 4px;height:40px}.premium-color-input{width:30px;height:30px;border:none;border-radius:6px;padding:0;cursor:pointer;background:transparent;overflow:hidden}.premium-color-input::-webkit-color-swatch-wrapper{padding:0}.premium-color-input::-webkit-color-swatch{border:none;border-radius:4px;box-shadow:inset 0 0 0 1px #0000001a}.color-value{font-size:13px;font-weight:600;color:var(--text-main);font-family:monospace}.alignment-toggle-group{display:flex;background:var(--bg-main);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;padding:2px}.align-btn{flex:1;display:flex;align-items:center;justify-content:center;padding:8px 0;background:transparent;border:none;color:var(--text-muted);cursor:pointer;border-radius:6px;transition:all .2s cubic-bezier(.4,0,.2,1)}.align-btn:hover{color:var(--text-main);background:var(--bg-surface)}.align-btn.active{background:var(--primary);color:#fff;box-shadow:0 2px 8px rgba(var(--primary-rgb),.3)}.media-item{transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,border-color .3s ease}.media-item:hover{transform:translateY(-4px) scale(1.03);border-color:var(--primary);box-shadow:0 12px 24px -6px rgba(var(--primary-rgb),.25);z-index:10}.avatar-item{transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,border-color .3s ease}.avatar-item:hover{transform:translateY(-4px) scale(1.1);box-shadow:0 10px 20px -5px rgba(var(--primary-rgb),.3);z-index:10}.magic-icon{color:var(--secondary);filter:drop-shadow(0 0 8px rgba(var(--secondary-rgb),.5))}.magic-subtitle{font-size:13px;color:var(--text-muted);margin-bottom:20px;line-height:1.4}.magic-card{background:rgba(var(--primary-rgb),.03);border:1px solid var(--border-color);border-radius:12px;padding:16px;margin-bottom:16px;transition:all .3s ease;position:relative;overflow:hidden}.magic-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--secondary),transparent);opacity:0;transition:opacity .3s ease}.magic-card:hover{border-color:var(--secondary);background:rgba(var(--secondary-rgb),.05);transform:translateY(-2px);box-shadow:0 8px 24px -8px rgba(var(--secondary-rgb),.2)}.magic-card:hover:before{opacity:1}.magic-card-header{display:flex;align-items:center;gap:10px;margin-bottom:12px;color:var(--text-main)}.magic-card-header h5{margin:0;font-size:14px;font-weight:600}.magic-desc{font-size:12px;color:var(--text-muted);margin-bottom:12px;line-height:1.5}.magic-btn{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:600;padding:10px;border-radius:8px;cursor:pointer;transition:all .2s ease}.magic-btn:hover{transform:scale(1.02);filter:brightness(1.1)}.w-100{width:100%}.voice-tabs{display:flex;background:var(--bg-surface);padding:2px;border-radius:8px;border:1px solid var(--border-color);margin-bottom:16px}.voice-tab{flex:1;padding:6px;border:none;background:transparent;color:var(--text-muted);font-size:11px;font-weight:700;cursor:pointer;border-radius:6px;transition:all .2s ease}.voice-tab.active{background:var(--bg-card);color:var(--primary);box-shadow:0 1px 3px #0000001a}.voice-avatar{width:32px;height:32px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px;flex-shrink:0}.voice-details{display:flex;flex-direction:column;gap:2px}.voice-name{font-size:13px;font-weight:600;color:var(--text-main)}.voice-meta{font-size:11px;color:var(--text-muted)}.play-preview-btn{width:24px;height:24px;border-radius:50%;border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:10px;transition:all .2s ease;padding-left:2px}.play-preview-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.audio-icon{color:var(--primary);background:rgba(var(--primary-rgb),.1);padding:6px;border-radius:8px;width:32px;height:32px}.audio-item.active{background:rgba(var(--primary-rgb),.05);border-color:var(--primary)}.audio-item.active .audio-name{color:var(--primary)}.active-dot{width:8px;height:8px;background:var(--primary);border-radius:50%;box-shadow:0 0 8px var(--primary)}.filter-chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:12px;margin-bottom:4px;scrollbar-width:none}.filter-chips::-webkit-scrollbar{display:none}.filter-chip{padding:6px 14px;border-radius:20px;background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-muted);font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s ease}.filter-chip:hover{border-color:var(--primary-light);color:var(--text-main)}.filter-chip.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 10px rgba(var(--primary-rgb),.2)}.stock-browser{display:flex;flex-direction:column;min-height:0}.stock-browser--split{flex:1;min-height:420px}.stock-browser__layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;height:100%;min-height:420px}.stock-browser__gallery{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--bg-card);border-right:1px solid var(--border-color)}.stock-browser__gallery-bar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px 12px;border-bottom:1px solid var(--border-color);background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 4%,var(--bg-card)) 0%,var(--bg-card) 100%)}.stock-browser__gallery-sub{margin:4px 0 0;font-size:12px;color:var(--text-muted)}.stock-browser__gallery-scroll{flex:1;min-height:0;overflow-y:auto;padding:16px}.stock-browser__sidebar{display:flex;flex-direction:column;gap:10px;padding:14px;background:var(--bg-surface);overflow:hidden;flex-shrink:0;min-height:0}.stock-browser__sidebar-head{display:flex;flex-direction:column;gap:2px;flex-shrink:0}.stock-browser__sidebar-title{margin:0;font-size:14px;font-weight:700;color:var(--text-main);letter-spacing:-.01em;line-height:1.25}.stock-browser__sidebar-meta{margin:0;font-size:11px;color:var(--text-muted);line-height:1.35}.stock-browser__sidebar-panel{display:flex;flex-direction:column;gap:0;flex:1;min-height:0;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-card);overflow:hidden}.stock-browser__filter-section{display:flex;flex-direction:column;gap:7px;padding:10px 10px 9px;border-bottom:1px solid var(--border-color)}.stock-browser__filter-section--last{border-bottom:none}.stock-browser__section-title{margin:0;font-size:11px;font-weight:700;color:var(--text-main);letter-spacing:.01em;line-height:1.2}.stock-browser__chip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.stock-browser__chip-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.stock-browser__chip{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:30px;padding:5px 8px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-muted);font-size:11px;font-weight:600;line-height:1.2;text-align:center;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease,box-shadow .15s ease}.stock-browser__chip:hover{border-color:rgba(var(--primary-rgb),.35);color:var(--text-main)}.stock-browser__chip.is-active{border-color:var(--primary);background:rgba(var(--primary-rgb),.1);color:var(--primary);box-shadow:inset 0 0 0 1px rgba(var(--primary-rgb),.14)}.stock-browser__chip--provider,.stock-browser__chip--format{justify-content:flex-start;padding-left:7px;text-align:left}.stock-browser__chip--format .stock-browser__format-icon{flex-shrink:0;opacity:.9}.stock-browser__chip--format.is-active .stock-browser__format-icon{color:var(--primary)}.stock-browser__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.stock-browser__heading{display:flex;flex-direction:column;gap:4px}.stock-browser__title{margin:0;font-size:15px;font-weight:700;color:var(--text-main);letter-spacing:-.01em}.stock-browser__provider{display:inline-flex;align-items:center;width:fit-content;padding:2px 8px;border-radius:999px;background:rgba(var(--primary-rgb),.1);color:var(--primary);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.stock-browser__meta{flex-shrink:0;padding:4px 10px;border-radius:999px;background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-muted);font-size:11px;font-weight:600}.stock-browser__controls{display:flex;flex-direction:column;gap:14px;padding:14px;border-radius:14px;background:var(--bg-surface);border:1px solid var(--border-color)}.stock-browser__search{position:relative;display:flex;align-items:center;flex-shrink:0}.stock-browser__search svg{position:absolute;left:10px;color:var(--text-muted);pointer-events:none}.stock-browser__search input{width:100%;padding:8px 10px 8px 34px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-main);font-size:12px;transition:border-color .2s ease,box-shadow .2s ease}.stock-browser__search input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.12)}.stock-browser__filter-block{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.stock-browser__filter-label{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.stock-browser__topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stock-browser__topic{padding:8px 10px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-muted);font-size:12px;font-weight:600;text-align:left;cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease}.stock-browser__topic:hover{border-color:rgba(var(--primary-rgb),.35);color:var(--text-main)}.stock-browser__topic.is-active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 6px 16px rgba(var(--primary-rgb),.22)}.stock-browser__format-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stock-browser__format-stack{display:flex;flex-direction:column;gap:8px}.stock-browser__format{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-main);cursor:pointer;text-align:left;width:100%;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.stock-browser__format:hover{border-color:rgba(var(--primary-rgb),.35)}.stock-browser__format.is-active{border-color:var(--primary);background:rgba(var(--primary-rgb),.08);box-shadow:inset 0 0 0 1px rgba(var(--primary-rgb),.18)}.stock-browser__provider-dot{flex-shrink:0;width:10px;height:10px;border-radius:50%;background:var(--text-muted)}.stock-browser__provider-dot--all{background:linear-gradient(135deg,#05a081 0 33%,#111 33% 66%,#2ec66d 66%)}.stock-browser__provider-dot--pexels{background:#05a081}.stock-browser__provider-dot--unsplash{background:#111}.stock-browser__provider-dot--pixabay{background:#2ec66d}.stock-browser__format--provider .stock-browser__format-icon{display:none}.stock-browser__format-icon{flex-shrink:0;border:2px solid currentColor;border-radius:3px;opacity:.85}.stock-browser__format-icon--all{width:14px;height:9px}.stock-browser__format-icon--landscape{width:16px;height:7px}.stock-browser__format-icon--portrait{width:7px;height:16px}.stock-browser__format-icon--square{width:11px;height:11px}.stock-browser__format-text{display:flex;flex-direction:column;gap:1px;min-width:0}.stock-browser__format-text span{font-size:12px;font-weight:700;line-height:1.2}.stock-browser__format-text small{font-size:10px;color:var(--text-muted);line-height:1.2}.stock-browser__notice,.stock-browser__error{margin:0;padding:8px 10px;border-radius:8px;font-size:11px;line-height:1.4;flex-shrink:0}.stock-browser__notice{color:var(--text-muted);background:var(--bg-card);border:1px dashed var(--border-color)}.stock-browser__error{color:#b91c1c;background:#ef444414;border:1px solid rgba(239,68,68,.18)}.stock-browser__grid{column-count:3;column-gap:10px}.stock-browser__grid>*{break-inside:avoid;margin-bottom:10px}.stock-browser__upload-cell,.stock-browser__upload-cell .media-upload-tile{width:100%;min-width:0}.stock-browser__upload-cell .media-upload-tile{aspect-ratio:4 / 3;min-height:0;height:auto;padding:10px;border-radius:12px}.stock-browser__card{position:relative;display:block;width:100%;padding:0;border:2px solid var(--border-color);border-radius:12px;overflow:hidden;background:var(--bg-surface);cursor:pointer;text-align:left;transition:border-color .2s ease,box-shadow .2s ease;outline:none;line-height:0}.stock-browser__card img{width:100%;height:auto;display:block;transition:opacity .2s ease}.stock-browser__card-media{position:relative;display:block;overflow:hidden;background:var(--bg-surface);line-height:0}.stock-browser__card-source{position:absolute;top:8px;right:8px;z-index:2;display:inline-flex;align-items:center;justify-content:center;min-width:26px;min-height:26px;padding:4px 6px;border-radius:7px;background:#0f172ad1;color:#fff;font-size:10px;font-weight:800;letter-spacing:-.02em;line-height:1;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 2px 8px #0f172a38}.stock-browser__card-poster{width:100%;height:auto;display:block}.stock-browser__card-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .2s ease;pointer-events:none}.stock-browser__card.is-previewing .stock-browser__card-video{opacity:1}.stock-browser__card.is-previewing .stock-browser__card-poster{opacity:0}.stock-browser__card-use{position:absolute;right:8px;bottom:8px;z-index:2;pointer-events:none}.stock-browser__card-use-btn{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;border:none;border-radius:999px;background:var(--primary);color:#fff;font-size:11px;font-weight:700;letter-spacing:.01em;cursor:pointer;white-space:nowrap;box-shadow:0 6px 18px rgba(var(--primary-rgb),.45);animation:stock-browser-use-in .32s cubic-bezier(.34,1.4,.64,1) both,stock-browser-use-pulse 2s ease-in-out .32s infinite;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.stock-browser__card-use-btn:hover:not(:disabled){transform:translateY(-1px) scale(1.03);box-shadow:0 8px 22px rgba(var(--primary-rgb),.55)}.stock-browser__card-use-btn:disabled{opacity:.85;cursor:wait;animation:none}@keyframes stock-browser-use-in{0%{opacity:0;transform:translateY(8px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes stock-browser-use-pulse{0%,to{box-shadow:0 6px 18px rgba(var(--primary-rgb),.45)}50%{box-shadow:0 6px 22px rgba(var(--primary-rgb),.65)}}.stock-browser__card:hover:not([aria-disabled=true]){border-color:rgba(var(--primary-rgb),.45)}.stock-browser__card.is-selected{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.22)}.stock-browser__card.is-selected:hover:not([aria-disabled=true]){border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.28)}.stock-browser__card.is-importing,.stock-browser__card[aria-disabled=true]{cursor:wait;opacity:.88;pointer-events:none}.stock-browser__card.is-importing .stock-browser__card-use-btn{pointer-events:auto}.stock-browser__card--skeleton{background:linear-gradient(90deg,var(--bg-surface) 0%,var(--bg-card) 50%,var(--bg-surface) 100%);background-size:200% 100%;animation:stock-browser-shimmer 1.2s ease-in-out infinite;border-color:transparent;pointer-events:none}@keyframes stock-browser-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.stock-browser__empty{column-span:all;margin-bottom:10px;padding:28px 16px;border-radius:12px;border:1px dashed var(--border-color);background:var(--bg-surface);text-align:center}.stock-browser__empty p{margin:0 0 4px;font-size:13px;font-weight:700;color:var(--text-main)}.stock-browser__empty span{font-size:12px;color:var(--text-muted)}.stock-browser__load-more{width:100%;margin-top:12px;padding:11px 14px;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-main);font-size:12px;font-weight:700;cursor:pointer;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.stock-browser__load-more:hover:not(:disabled){border-color:var(--primary);background:rgba(var(--primary-rgb),.06);box-shadow:0 6px 16px rgba(var(--primary-rgb),.12)}.stock-browser__load-more:disabled{opacity:.65;cursor:not-allowed}.stock-browser__footer{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:auto;padding-top:8px;color:var(--text-muted);font-size:10px;flex-shrink:0}.editor-insert-modal--wide .stock-browser__layout{grid-template-columns:minmax(0,1fr) 300px}.editor-insert-modal--wide .stock-browser__grid{column-count:3;column-gap:10px}.upload-insert-panel{display:flex;flex-direction:column;gap:20px;padding:20px;min-height:100%;box-sizing:border-box}.upload-insert-panel__dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;min-height:200px;padding:28px 24px;border:2px dashed var(--border-color);border-radius:16px;background:var(--bg-surface);color:var(--text-main);cursor:pointer;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.upload-insert-panel__dropzone:hover:not(:disabled){border-color:var(--primary);background:rgba(var(--primary-rgb),.04);box-shadow:0 8px 24px rgba(var(--primary-rgb),.1)}.upload-insert-panel__dropzone:disabled{opacity:.7;cursor:wait}.upload-insert-panel__icon{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:rgba(var(--primary-rgb),.1);color:var(--primary)}.upload-insert-panel__title{font-size:16px;font-weight:700}.upload-insert-panel__hint{font-size:12px;color:var(--text-muted);text-align:center;max-width:360px;line-height:1.5}.upload-insert-panel__notice,.upload-insert-panel__status{margin:0;font-size:12px;color:var(--text-muted);line-height:1.5}.upload-insert-panel__notice{padding:12px 14px;border-radius:10px;border:1px dashed var(--border-color);background:var(--bg-surface)}.upload-insert-panel__library-title{margin:0;font-size:13px;font-weight:700;color:var(--text-main)}.upload-insert-panel__library-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}.upload-insert-panel__source-tabs{display:inline-flex;gap:4px;padding:3px;border-radius:999px;background:var(--bg-surface);border:1px solid var(--border-color)}.upload-insert-panel__source-tab{border:none;background:transparent;color:var(--text-muted);font-size:11px;font-weight:700;padding:5px 10px;border-radius:999px;cursor:pointer}.upload-insert-panel__source-tab.is-active{background:var(--bg-card);color:var(--text-main);box-shadow:0 1px 4px #0f172a14}.upload-insert-panel__badge{position:absolute;top:6px;left:6px;padding:2px 6px;border-radius:999px;background:#0f172ab8;color:#fff;font-size:9px;font-weight:800;letter-spacing:.03em;text-transform:uppercase}.upload-insert-panel__rename,.upload-insert-panel__delete{position:absolute;top:6px;width:26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#0f172ab8;color:#fff;opacity:0;transition:opacity .15s ease}.upload-insert-panel__rename{right:36px}.upload-insert-panel__delete{right:6px}.upload-insert-panel__asset:hover .upload-insert-panel__rename,.upload-insert-panel__asset:hover .upload-insert-panel__delete{opacity:1}.upload-insert-panel__grid--skeleton{pointer-events:none}.upload-insert-panel__asset-skeleton{aspect-ratio:16 / 10;border-radius:10px;background:linear-gradient(90deg,var(--bg-surface) 0%,var(--bg-card) 50%,var(--bg-surface) 100%);background-size:200% 100%;animation:upload-asset-shimmer 1.2s ease-in-out infinite}@keyframes upload-asset-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.upload-insert-panel__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:280px;overflow-y:auto}.upload-insert-panel__asset{position:relative;aspect-ratio:16 / 10;padding:0;border:1px solid var(--border-color);border-radius:10px;overflow:hidden;background:var(--bg-surface);cursor:pointer;text-align:left;transition:border-color .2s ease,transform .2s ease}.upload-insert-panel__asset img,.upload-insert-panel__asset video{width:100%;height:100%;object-fit:cover;display:block}.upload-insert-panel__asset:hover{border-color:var(--primary);transform:translateY(-1px)}.upload-insert-panel__audio{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--text-muted)}.upload-insert-panel__asset-label{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:4px;padding:6px 8px;background:linear-gradient(transparent,#0f172ac7);color:#fff;font-size:10px;font-weight:600}.upload-insert-panel__asset-label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:760px){.editor-insert-modal--wide{width:calc(100vw - 24px);height:calc(100vh - 24px);max-height:calc(100vh - 24px)}.stock-browser__grid,.editor-insert-modal--wide .stock-browser__grid{column-count:2}.stock-browser__layout{grid-template-columns:1fr;grid-template-rows:minmax(280px,1fr) auto}.stock-browser__gallery{border-right:none;border-bottom:1px solid var(--border-color)}.stock-browser__sidebar{max-height:none;overflow:visible}}.avatar-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:12px 6px 4px;color:#fff;font-size:9px;font-weight:600;opacity:0;transition:opacity .3s ease;text-align:center;pointer-events:none}.avatar-item:hover .avatar-overlay{opacity:1}.premium-scrollbar::-webkit-scrollbar{width:4px}.premium-scrollbar::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}.premium-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.premium-upload-zone{background:rgba(var(--primary-rgb),.05);border:2px dashed rgba(var(--primary-rgb),.2);border-radius:16px;padding:24px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:all .2s ease}.premium-upload-zone:hover{background:rgba(var(--primary-rgb),.08);border-color:var(--primary);transform:translateY(-2px)}.upload-icon-circle{width:44px;height:44px;background:var(--bg-card);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary);box-shadow:0 4px 12px #00000014}.upload-text{flex:1}.upload-text h5{margin:0;font-size:14px;font-weight:600;color:var(--text-main)}.upload-text p{margin:0;font-size:11px;color:var(--text-muted)}.template-selector-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0006}.premium-template-modal{width:90vw!important;max-width:1200px!important;height:85vh!important;max-height:900px!important;border-radius:24px!important;padding:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.1)!important}.template-modal-header{padding:24px 32px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:flex-start;background:var(--bg-card)}.template-modal-title{margin:0;font-size:24px;font-weight:800;color:var(--text-main);display:flex;align-items:center}.template-modal-subtitle{margin:4px 0 0;color:var(--text-muted);font-size:14px}.template-modal-close{width:40px;height:40px;border-radius:50%;border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.template-modal-close:hover{background:var(--bg-main);color:var(--text-main);transform:rotate(90deg)}.template-filters-bar{padding:16px 32px;background:var(--bg-surface);border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:24px}.template-search{position:relative;width:300px}.template-search .search-icon{position:absolute!important;left:12px!important;top:50%!important;transform:translateY(-50%)!important;color:var(--text-muted)!important}.template-search input{width:100%!important;padding:10px 12px 10px 40px!important;background:var(--bg-card)!important;border:1px solid var(--border-color)!important;border-radius:12px!important;color:var(--text-main)!important;font-size:14px!important;outline:none!important;transition:all .2s ease!important}.template-search input:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)!important}.category-scroll{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.category-pill{padding:8px 16px;border-radius:20px;background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-muted);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s ease}.category-pill:hover{border-color:var(--primary-light);color:var(--text-main)}.category-pill.active{background:var(--primary);color:#fff;border-color:var(--primary)}.template-grid-container{flex:1;overflow-y:auto;padding:32px;background:var(--bg-main)}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.template-card.premium-card{background:var(--bg-card);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--border-color);display:flex;flex-direction:column;animation:templateEntrance .5s ease backwards;animation-delay:calc(var(--index) * .05s)}@keyframes templateEntrance{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.template-card.premium-card:hover{transform:translateY(-8px);box-shadow:0 12px 32px #00000026;border-color:var(--primary)}.template-preview-container{position:relative;width:100%;aspect-ratio:16/9;background:#000;overflow:hidden}.template-preview-content{width:100%;height:100%;transition:transform .6s ease}.template-card:hover .template-preview-content{transform:scale(1.05)}.template-card-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#0000 20%,#0006,rgba(var(--primary-rgb),.7));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;opacity:0;transition:all .35s cubic-bezier(.4,0,.2,1);z-index:10}.template-card.premium-card:hover .template-card-overlay{opacity:1}.btn-add-scene{background:#fff;color:var(--primary);border:none;padding:14px 28px;border-radius:50px;font-weight:700;font-size:15px;display:flex;align-items:center;gap:10px;box-shadow:0 8px 24px #00000040;transform:translateY(20px) scale(.9);transition:all .4s cubic-bezier(.19,1,.22,1);letter-spacing:.3px}.template-card.premium-card:hover .btn-add-scene{transform:translateY(0) scale(1)}.btn-add-scene svg{font-size:18px}.template-badge{position:absolute;top:12px;right:12px;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;padding:4px 10px;border-radius:6px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.template-card-footer{padding:16px;display:flex;gap:12px}.template-icon-box{width:36px;height:36px;border-radius:10px;background:var(--bg-surface);display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:18px;flex-shrink:0}.template-text h4{margin:0;font-size:15px;font-weight:700;color:var(--text-main)}.template-text p{margin:4px 0 0;font-size:12px;color:var(--text-muted);line-height:1.4;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.template-modal-footer{padding:16px 32px;border-top:1px solid var(--border-color);background:var(--bg-card);display:flex;justify-content:space-between;align-items:center}.footer-info{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:12px}.no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted);text-align:center;padding:60px 0}.no-results h4{margin:16px 0 8px;color:var(--text-main)}.no-results p{margin:0;font-size:14px}.premium-properties-panel{padding:24px;height:100%;display:flex;flex-direction:column;gap:24px;background:var(--bg-card);color:var(--text-main);font-family:Inter,sans-serif}.panel-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.panel-header h3{margin:0;font-size:18px;font-weight:800;letter-spacing:-.5px}.header-icon{font-size:20px;color:var(--primary)}.property-section{display:flex;flex-direction:column;gap:12px}.section-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.section-label svg{font-size:16px;color:#999}.premium-row{display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:100%}.premium-row.column{flex-direction:column;align-items:flex-start}.row-label{font-size:13px;font-weight:500;color:#444}.slider-group{display:flex;align-items:center;gap:12px;width:100%}.premium-slider{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:#e1e4e8;border-radius:2px;outline:none}.premium-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:#1a73e8;border-radius:50%;border:2px solid #fff;box-shadow:0 1px 3px #0003;cursor:pointer;margin-top:-5px}.slider-value{font-size:12px;font-weight:700;color:#1a73e8;background:#e8f0fe;padding:2px 8px;border-radius:4px;min-width:44px;text-align:center}.premium-select,.premium-input,.premium-textarea{width:100%;padding:10px 12px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:10px;font-size:13px;font-family:inherit;color:var(--text-main);transition:all .2s}.premium-textarea{resize:none;line-height:1.5}.premium-input:focus,.premium-textarea:focus{outline:none;border-color:var(--primary);background:var(--bg-card);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.alignment-group{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border-color);padding:1px;border-radius:10px;overflow:hidden}.align-btn{padding:10px;background:var(--bg-card);border:none;color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.align-btn:hover{background:var(--bg-surface);color:var(--primary)}.align-btn.active{background:rgba(var(--primary-rgb),.1);color:var(--primary)}.text-hint{font-size:11px;color:#999;margin-top:-4px}.premium-scrollbar::-webkit-scrollbar{width:5px}.premium-scrollbar::-webkit-scrollbar-track{background:transparent}.premium-scrollbar::-webkit-scrollbar-thumb{background:#0000001a;border-radius:10px}.premium-scrollbar::-webkit-scrollbar-thumb:hover{background:#0003}.premium-properties-panel{overflow-x:hidden!important}.scene-config-panel-scroll,.scenes-sidebar,.tool-panel-beside{font-size:15px}.scene-config-panel,.scene-config-panel-scroll{width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.scene-config-panel *{box-sizing:border-box}.scene-config-panel .scp-card input,.scene-config-panel .scp-card select,.scene-config-panel .scp-card textarea{max-width:100%}.scene-config-panel .scp-slider-row input[type=range]{min-width:0}.scene-config-panel .scp-action-row button{flex:1 1 auto;min-width:0}.scene-config-panel .scp-row__control>div[style*=flex]{max-width:100%}.scp-panel-header{display:flex;align-items:center;gap:10px;padding:14px 0 10px}.scp-panel-header__icon{width:32px;height:32px;border-radius:8px;background:var(--bg-surface);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--text-muted);flex-shrink:0}.scp-panel-header__title{font-size:15px;font-weight:600;color:var(--text-main);letter-spacing:-.2px}.scp-panel-header__subtitle{font-size:12px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.scp-section-header{display:flex;align-items:center;gap:8px;padding:12px 0 6px}.scp-section-header__icon{width:26px;height:26px;border-radius:6px;background:var(--bg-surface);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--text-muted);flex-shrink:0}.scp-section-header__label{font-size:14px;font-weight:600;color:var(--text-main);letter-spacing:-.15px}.scp-btn{padding:5px 10px;font-size:13px;font-weight:600;border-radius:6px;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-main);font-family:inherit;white-space:nowrap}.scp-btn:hover:not(:disabled){background:var(--bg-surface);border-color:var(--text-muted)}.scp-btn--primary{background:var(--primary);border-color:var(--primary);color:#fff}.scp-btn--primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.scp-btn--ghost{background:transparent;border-color:transparent;color:var(--text-muted)}.scp-btn--ghost:hover:not(:disabled){background:var(--bg-surface);border-color:var(--border-color);color:var(--text-main)}.scp-btn--block{width:100%;padding:9px 12px;display:inline-flex;align-items:center;justify-content:center;gap:7px}.scp-btn:disabled{opacity:.45;cursor:not-allowed}.scp-btn--primary:disabled{background:var(--bg-surface);border-color:var(--border-color);color:var(--text-muted);opacity:1}.scp-status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;flex-shrink:0}.scp-status-dot--on{background:#16a34a}.scp-status-dot--off{background:#cbd5e1}.scp-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:4px;width:100%;min-width:0;box-sizing:border-box}.scp-value-badge{font-size:13px;font-weight:600;color:var(--text-muted);flex-shrink:0;background:var(--bg-surface);padding:2px 8px;border-radius:4px;border:1px solid var(--border-color)}.scp-align-group{display:flex;gap:0;width:100%;border:1px solid var(--border-color);border-radius:6px;overflow:hidden;background:var(--bg-surface)}.scp-align-btn{flex:1;padding:6px 0;border:none;cursor:pointer;background:transparent;color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease}.scp-align-btn.active{background:var(--primary);color:#fff}.scp-banner{width:100%;padding:9px 12px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-main);font-size:14px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;font-family:inherit;transition:background .15s ease,border-color .15s ease}.scp-banner:hover:not(:disabled){background:var(--bg-card);border-color:var(--text-muted)}.scp-banner:disabled{opacity:.45;cursor:not-allowed}.scp-banner--active{border-color:var(--primary);background:rgba(var(--primary-rgb),.06);color:var(--primary)}.scp-effect-block{display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-surface, #f8fafc)}.scp-effect-block+.scp-effect-block{margin-top:8px}.scp-effect-block__head{display:flex;align-items:center;justify-content:space-between;gap:8px}.scp-effect-block__label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.scp-effect-block__hint{margin:0;font-size:11px;line-height:1.4;color:var(--text-muted);font-weight:500}.scp-border-control{display:flex;align-items:center;gap:10px;width:100%;min-width:0}.scp-border-control__stepper{display:flex;align-items:center;gap:4px;flex:1;min-width:0;padding:4px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-card, #fff)}.scp-border-control__step-btn{width:28px;height:28px;border:none;border-radius:6px;background:transparent;color:var(--text-main);font-size:16px;font-weight:700;line-height:1;cursor:pointer;transition:background .15s ease,color .15s ease}.scp-border-control__step-btn:hover:not(:disabled){background:color-mix(in srgb,var(--primary) 10%,var(--bg-surface));color:var(--primary)}.scp-border-control__step-btn:disabled{opacity:.35;cursor:not-allowed}.scp-border-control__value{flex:1;text-align:center;font-size:13px;font-weight:700;color:var(--text-main);font-variant-numeric:tabular-nums}.scp-border-control__color{position:relative;width:44px;height:36px;flex-shrink:0;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-card, #fff);cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:border-color .15s ease,box-shadow .15s ease}.scp-border-control__color:hover{border-color:color-mix(in srgb,var(--primary) 40%,var(--border-color));box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 12%,transparent)}.scp-border-control__preview{width:22px;height:22px;border-radius:6px;box-sizing:border-box;pointer-events:none}.scp-border-control__color-input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer;border:none;padding:0}.scp-shadow-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%}.scp-shadow-preset{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 6px;border-radius:10px;border:1.5px solid var(--border-color);background:var(--bg-card, #fff);cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease,transform .15s ease}.scp-shadow-preset:hover{border-color:color-mix(in srgb,var(--primary) 35%,var(--border-color));transform:translateY(-1px)}.scp-shadow-preset--active{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,var(--bg-card));box-shadow:0 0 0 1px color-mix(in srgb,var(--primary) 18%,transparent)}.scp-shadow-preset__thumb{width:100%;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:linear-gradient(45deg,#e2e8f0 25%,transparent 25%),linear-gradient(-45deg,#e2e8f0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e2e8f0 75%),linear-gradient(-45deg,transparent 75%,#e2e8f0 75%);background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0;background-color:#f8fafc}.scp-shadow-preset__box{width:22px;height:14px;border-radius:4px;background:#fff;border:1px solid rgba(15,23,42,.08)}.scp-shadow-preset__label{font-size:10px;font-weight:700;color:var(--text-muted);text-align:center;line-height:1.2}.scp-shadow-preset--active .scp-shadow-preset__label{color:var(--primary)}.scp-shadow-color-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:4px}.scp-shadow-color-picker{width:52px;height:40px}.scp-shadow-color-swatch{width:24px;height:24px;border-radius:6px;background:#fff;border:1px solid rgba(15,23,42,.08);pointer-events:none}.scp-property-bar{position:relative;height:28px;border-radius:8px;border:1px solid var(--border-color);overflow:hidden}.scp-property-bar__track{position:absolute;inset:0;pointer-events:none}.scp-property-bar__fill{position:absolute;top:0;left:0;bottom:0;background:color-mix(in srgb,var(--primary) 55%,#64748b);opacity:.85;pointer-events:none;transition:width .1s ease,background .15s ease}.scp-property-bar__input{position:relative;z-index:1;width:100%;height:28px;margin:0;cursor:pointer;appearance:none;background:transparent}.scp-property-bar__input::-webkit-slider-runnable-track{height:28px;background:transparent}.scp-property-bar__input::-webkit-slider-thumb{appearance:none;width:14px;height:24px;margin-top:2px;border-radius:4px;border:1px solid var(--border-color);background:#fff;box-shadow:0 1px 4px #0f172a2e}.scp-property-bar__input::-moz-range-track{height:28px;background:transparent;border:none}.scp-property-bar__input::-moz-range-thumb{width:14px;height:24px;border-radius:4px;border:1px solid var(--border-color);background:#fff;box-shadow:0 1px 4px #0f172a2e}.scp-property-bar--transparency .scp-property-bar__track{background-color:#fff;background-image:linear-gradient(45deg,#e2e8f0 25%,transparent 25%),linear-gradient(-45deg,#e2e8f0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e2e8f0 75%),linear-gradient(-45deg,transparent 75%,#e2e8f0 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0}.scp-property-bar--sides .scp-property-bar__track{background-color:#f1f5f9;background-image:repeating-linear-gradient(to right,transparent 0,transparent calc(14.2857% - 1px),color-mix(in srgb,var(--border-color) 80%,transparent) calc(14.2857% - 1px),color-mix(in srgb,var(--border-color) 80%,transparent) 14.2857%)}.scp-property-bar--sides .scp-property-bar__fill{background:color-mix(in srgb,var(--primary) 45%,#94a3b8)}.scp-property-bar--border .scp-property-bar__track{background:#fff;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--border-color) 70%,transparent)}.scp-property-bar--border .scp-property-bar__fill{opacity:.92}.scp-property-bar--radius .scp-property-bar__track{background-color:#fff;background-image:linear-gradient(135deg,transparent 42%,color-mix(in srgb,var(--border-color) 55%,transparent) 42%,color-mix(in srgb,var(--border-color) 55%,transparent) 58%,transparent 58%);background-size:16px 16px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--border-color) 70%,transparent)}.scp-property-bar--radius .scp-property-bar__fill{background:color-mix(in srgb,var(--primary) 40%,#cbd5e1);border-radius:0 6px 6px 0}.scp-property-bar--disabled{opacity:.55}.scp-property-bar--disabled .scp-property-bar__input{cursor:not-allowed}.scp-property-bar__meta{display:flex;align-items:center;gap:8px;flex-shrink:0}.scp-property-bar__color-swatch{position:relative;width:32px;height:26px;flex-shrink:0;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-card, #fff);cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:border-color .15s ease,box-shadow .15s ease}.scp-property-bar__color-swatch:hover{border-color:color-mix(in srgb,var(--primary) 40%,var(--border-color));box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 12%,transparent)}.scp-property-bar__color-preview{width:18px;height:18px;border-radius:4px;box-sizing:border-box;pointer-events:none}.scp-property-bar__color-input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer;border:none;padding:0}.scp-transparency-bar{position:relative;height:28px;border-radius:8px;border:1px solid var(--border-color);overflow:hidden}.scp-voiceover-row{display:flex;align-items:center;gap:8px}.scp-voiceover-row__meta{min-width:0;flex:1}.scp-voiceover-row__label{font-size:13px;font-weight:600;color:var(--text-main)}.scp-voiceover-row__value{font-size:12px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scene-config-panel input[type=range]{accent-color:var(--primary)}.scp-voiceover-summary{display:flex;flex-direction:column;gap:0;margin-bottom:4px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-card);overflow:hidden}.scp-voiceover-summary__head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px 4px;border-bottom:1px solid var(--border-color)}.scp-voiceover-summary__head .scp-section-header{padding:0;flex:1;min-width:0}.scp-voiceover-summary__edit{flex-shrink:0;display:inline-flex;align-items:center;gap:4px;padding:4px 8px!important;font-size:13px!important}.scp-voiceover-empty{padding:16px 12px;text-align:center}.scp-voiceover-empty p{margin:0 0 12px;font-size:14px;color:var(--text-muted);line-height:1.5}.scp-summary-field{padding:10px 12px;border-bottom:1px solid var(--border-color)}.scp-summary-field--row{display:flex;align-items:center;justify-content:space-between;gap:10px}.scp-summary-field__main{min-width:0;flex:1}.scp-summary-field__action{flex-shrink:0;font-size:12px!important;padding:4px 8px!important;white-space:nowrap}.scp-summary-field:last-of-type{border-bottom:none}.scp-summary-field__label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.scp-summary-field__value{font-size:14px;font-weight:500;color:var(--text-main);word-break:break-all;line-height:1.4}.scp-summary-field--script .scp-summary-field__script{margin:0;font-size:14px;font-weight:400;color:var(--text-main);line-height:1.55}.scp-summary-field__script--full{white-space:pre-wrap;word-break:break-word}.scp-summary-field__meta{display:block;margin-top:6px;font-size:12px;color:var(--text-muted)}.tools-panel-new{display:flex;height:100%;background:var(--bg-card);border-right:1px solid var(--border-color)}.sidebar-nav{width:72px;background:var(--bg-card);border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:12px 0;gap:4px}.nav-item{width:100%;padding:10px 0;background:transparent;border:none;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;color:var(--text-muted);transition:all .2s}.nav-icon-box{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:22px;border-radius:8px;transition:all .2s}.nav-item:hover .nav-icon-box{background:var(--bg-surface);color:var(--text-main)}.nav-item.active{color:var(--primary)}.nav-item.active .nav-icon-box{background:rgba(var(--primary-rgb),.1);color:var(--primary);box-shadow:0 1px 2px #0000001a}.nav-label{font-size:12px;font-weight:600}.content-side-panel{width:320px;background:var(--bg-card);display:flex;flex-direction:column;border-right:1px solid var(--border-color);box-shadow:10px 0 30px #0000001a;z-index:50}.panel-header-new{padding:20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color)}.panel-title-new{color:var(--text-main);font-size:18px;font-weight:700;margin:0}.panel-close-new{background:var(--bg-surface);border:none;color:var(--text-muted);cursor:pointer;font-size:16px;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center}.panel-body-new{flex:1;overflow-y:auto;padding:20px}.elements-search-bar{background:var(--bg-surface);border-radius:12px;display:flex;align-items:center;padding:0 12px;height:48px;border:1px solid transparent;transition:all .2s}.elements-search-bar:focus-within{background:var(--bg-card);border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.1)}.elements-search-bar input{flex:1;background:transparent;border:none;color:var(--text-main);padding:0 12px;font-size:16px;outline:none}.search-plus,.search-mic{color:var(--text-muted);font-size:22px}.elements-section-title{color:var(--text-main);font-size:15px;font-weight:700;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.elements-chip{padding:8px 16px;background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-main);border-radius:20px;font-size:14px;font-weight:600;white-space:nowrap;cursor:pointer}.elements-chip:hover{background:var(--bg-card);border-color:var(--primary)}.category-image-stack{width:100%;aspect-ratio:1/1;background:var(--bg-surface);border-radius:12px;position:relative;overflow:hidden;border:1px solid var(--border-color)}.elements-category-item span{color:var(--text-muted);font-size:13px;font-weight:600}.text-presets-stack{display:flex;flex-direction:column;gap:12px}.text-preset-btn{width:100%;text-align:left;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s;color:var(--text-main);padding:12px 16px;display:flex;align-items:center}.text-preset-btn:hover{background:var(--bg-card);border-color:var(--primary);transform:translateY(-1px)}.text-preset-btn.heading{font-size:26px;font-weight:900;height:64px}.text-preset-btn.subheading{font-size:20px;font-weight:700;height:54px}.text-preset-btn.body{font-size:16px;font-weight:500;height:48px}.property-section{padding:24px 20px;margin-bottom:0;border-bottom:1px solid var(--border-color)}.property-section.accent-cyan{background:rgba(var(--primary-rgb),.03)}.property-section.accent-indigo{background:rgba(var(--secondary-rgb),.03)}.property-section.accent-pink{background:rgba(var(--primary-rgb),.03)}.property-section.accent-blue,.property-section.accent-purple,.property-section.accent-orange{background:var(--bg-card)}.property-section[class*=accent-] .section-label span{color:var(--text-main)!important;font-weight:700}.property-section[class*=accent-] .row-label{color:var(--text-muted)!important;font-size:14px;font-weight:600}.property-section[class*=accent-] .text-hint{color:var(--text-muted)!important;opacity:.8}.property-section[class*=accent-] .premium-textarea,.property-section[class*=accent-] .premium-input,.property-section[class*=accent-] .premium-select{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-main)}.property-section[class*=accent-] .premium-textarea:focus,.property-section[class*=accent-] .premium-input:focus,.property-section[class*=accent-] .premium-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.1)}.sidebar-scene-thumb{position:absolute;inset:0;overflow:hidden;border-radius:inherit}.sidebar-scene-thumb--static{background-repeat:no-repeat}.sidebar-scene-thumb__ring{position:absolute;inset:0;border:2px solid var(--primary);border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px #fff3}.sidebar-scene-thumb__media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.sidebar-scene-thumb__media--contain{object-fit:contain;background:#0000002e}.sidebar-scene-thumb__shade{position:absolute;inset:0;background:linear-gradient(180deg,#00000014,#00000047);pointer-events:none}.sidebar-scene-thumb__text{position:absolute;left:6px;right:6px;bottom:6px;z-index:2;padding:4px 6px;border-radius:6px;background:#0000008c;color:#ffffffeb;font-size:11px;font-weight:700;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scene-list-card{position:relative;background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;overflow:hidden;cursor:pointer;transition:all .2s ease;margin-bottom:2px;flex-shrink:0}.scene-list-card--active{background:var(--bg-surface);border:2px solid var(--primary);box-shadow:0 4px 12px rgba(var(--primary-rgb),.15)}.scene-list-card__thumb{position:relative;height:76px;background:#e2e8f0}.scene-list-card__badge{position:absolute;top:6px;left:6px;z-index:3;background:#0009;color:#fff;font-size:12px;font-weight:700;padding:2px 6px;border-radius:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.scene-list-card__duration{position:absolute;bottom:6px;right:6px;z-index:3;background:#0009;color:#fff;font-size:12px;font-weight:600;padding:2px 6px;border-radius:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.scene-list-card__active-overlay{position:absolute;inset:0;z-index:2;background:rgba(var(--primary-rgb),.12);display:flex;align-items:center;justify-content:center;pointer-events:none}.scene-list-card__play{background:var(--primary);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 8px #0000004d}.scene-list-card__footer{padding:8px 10px;display:flex;align-items:center;justify-content:space-between;gap:6px}.scene-list-card__title{font-size:13px;font-weight:700;color:var(--text-main);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.scene-list-card__actions{display:flex;align-items:center;gap:4px}.scene-list-card__action-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:2px;border-radius:4px;display:flex;align-items:center;justify-content:center}.property-section[class*=accent-] .premium-textarea::placeholder,.property-section[class*=accent-] .premium-input::placeholder{color:var(--text-muted)}.property-section[class*=accent-] .slider-value{color:var(--primary);background:rgba(var(--primary-rgb),.1);font-weight:700}.premium-slider::-webkit-slider-runnable-track{background:var(--border-color);height:4px;border-radius:2px}.audio-layer-panel{padding:0}.audio-props-preview-card{display:flex;flex-direction:column;gap:10px;padding:12px}.audio-props-preview-card__wave{height:48px;border-radius:10px;padding:6px 8px;background:color-mix(in srgb,var(--primary) 8%,var(--bg-surface));border:1px solid var(--border-color);color:color-mix(in srgb,var(--primary) 65%,var(--text-muted));overflow:hidden}.audio-props-preview-card__wave .audio-waveform{width:100%;height:100%;display:block}.audio-props-preview-card__player{width:100%;height:32px}.audio-props-preview-card__missing{margin:0;font-size:11px;line-height:1.45;color:var(--text-muted)}.audio-props-sidebar-hint{margin:4px 0 0;font-size:11px;line-height:1.45;color:var(--text-muted)}.audio-props-sidebar-remove{width:100%;justify-content:center;gap:8px;color:#ef4444!important;border-color:color-mix(in srgb,#ef4444 28%,var(--border-color))!important}.audio-fade-section{margin-top:8px}.audio-fade-section .layer-animate-section__head{margin-bottom:6px}.audio-fade-grid{margin-bottom:4px}.audio-fade-card__preview{width:34px;height:34px;border-radius:10px;background:color-mix(in srgb,var(--primary) 14%,#fff);border:1px solid color-mix(in srgb,var(--primary) 22%,var(--border-color));display:block}.audio-fade-card__preview--in{background:linear-gradient(90deg,color-mix(in srgb,var(--primary) 8%,#fff),color-mix(in srgb,var(--primary) 55%,#c4b5fd))}.audio-fade-card__preview--out{background:linear-gradient(270deg,color-mix(in srgb,var(--primary) 8%,#fff),color-mix(in srgb,var(--primary) 55%,#c4b5fd))}.audio-fade-card__preview--none{background:color-mix(in srgb,var(--primary) 12%,var(--bg-surface));opacity:.65}.audio-fade-card.layer-animate-card--active .audio-fade-card__preview{border-color:var(--primary);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 35%,transparent)}.scene-transition-picker{flex:1;min-height:0;display:flex;flex-direction:column;padding:10px 10px 12px;background:var(--bg-panel, var(--bg-card))}.scene-transition-picker__grid{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:7px;align-content:start}.scene-transition-picker__card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:78px;padding:8px 5px 7px;border:1.5px solid var(--border-color);border-radius:12px;background:var(--bg-card);color:var(--primary);cursor:pointer;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .15s ease}.scene-transition-picker__card:hover{border-color:color-mix(in srgb,var(--primary) 45%,var(--border-color));background:color-mix(in srgb,var(--primary) 6%,var(--bg-card))}.scene-transition-picker__card--active{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 14%,var(--bg-card));box-shadow:0 0 0 1px color-mix(in srgb,var(--primary) 25%,transparent),inset 0 0 24px color-mix(in srgb,var(--primary) 12%,transparent)}.scene-transition-picker__card-label{font-size:9px;font-weight:700;line-height:1.25;text-align:center;color:var(--text-main);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.scene-transition-picker__card--active .scene-transition-picker__card-label{color:var(--primary)}.transition-icon{display:flex;align-items:center;justify-content:center;width:40px;height:32px;color:var(--primary);flex-shrink:0}.transition-icon svg{width:100%;height:100%}.transition-icon__shape{fill:var(--primary)}.transition-icon__shape--muted{fill:color-mix(in srgb,var(--primary) 35%,var(--bg-surface))}.transition-icon__bar--1{fill:color-mix(in srgb,var(--primary) 30%,var(--bg-surface))}.transition-icon__bar--2{fill:color-mix(in srgb,var(--primary) 55%,var(--bg-surface))}.transition-icon__bar--3{fill:color-mix(in srgb,var(--primary) 75%,var(--bg-surface))}.transition-icon__bar--4{fill:var(--primary)}.transition-icon__ring{fill:none;stroke:var(--primary);stroke-width:2.5}.transition-icon__ring--outer{stroke:color-mix(in srgb,var(--primary) 35%,var(--bg-surface))}.transition-icon__ring--mid{stroke:color-mix(in srgb,var(--primary) 65%,var(--bg-surface))}.transition-icon__zigzag{stroke:color-mix(in srgb,var(--primary) 50%,var(--bg-surface))}.transition-icon__dot{fill:var(--primary)}.all-sequences-panel{flex:1;overflow-y:auto;padding:12px;min-height:0}.all-sequences-panel__hint{margin:0 0 12px;font-size:13px;color:var(--text-muted);line-height:1.45}.all-sequences-panel__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.all-sequences-panel__card{display:flex;flex-direction:column;gap:6px;padding:0;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-card);cursor:pointer;text-align:left;font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;overflow:hidden}.all-sequences-panel__card:hover{border-color:color-mix(in srgb,var(--primary) 40%,var(--border-color));box-shadow:0 4px 12px #0000000f}.all-sequences-panel__card--active{border:2px solid var(--primary);background:var(--bg-surface);box-shadow:0 4px 12px rgba(var(--primary-rgb),.15)}.all-sequences-panel__thumb{position:relative;height:68px;background:#e2e8f0}.all-sequences-panel__thumb .sidebar-scene-thumb{width:100%;height:100%;border-radius:0}.all-sequences-panel__badge{position:absolute;top:5px;left:5px;z-index:3;background:#0009;color:#fff;font-size:11px;font-weight:700;padding:2px 5px;border-radius:4px}.all-sequences-panel__duration{position:absolute;bottom:5px;right:5px;z-index:3;background:#0009;color:#fff;font-size:11px;font-weight:600;padding:2px 5px;border-radius:4px}.all-sequences-panel__active-overlay{position:absolute;inset:0;z-index:2;background:rgba(var(--primary-rgb),.12);display:flex;align-items:center;justify-content:center;pointer-events:none}.all-sequences-panel__play{background:var(--primary);border-radius:50%;width:26px;height:26px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 8px #0000004d}.all-sequences-panel__title{padding:0 8px 8px;font-size:12px;font-weight:700;color:var(--text-main);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scenes-sidebar{width:252px;background:var(--bg-panel);border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:100%;flex-shrink:0}.scenes-sidebar__header{padding:12px 14px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;background:var(--bg-card)}.scenes-sidebar__title{font-size:15px;font-weight:800;color:var(--text-main);display:flex;align-items:center;gap:8px;letter-spacing:-.02em}.scenes-sidebar__add-btn{background:var(--primary);border:none;border-radius:8px;color:#fff;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px rgba(var(--primary-rgb),.35);transition:transform .15s ease,box-shadow .15s ease}.scenes-sidebar__add-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(var(--primary-rgb),.4)}.scenes-sidebar__close-btn{width:28px;height:28px;border:1px solid var(--border-color);border-radius:8px;background:transparent;color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.scenes-sidebar__close-btn:hover{border-color:var(--primary);color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,transparent)}.scenes-sidebar__viewport{flex:1;overflow:hidden;min-height:0}.scenes-sidebar__track{display:flex;width:300%;height:100%;transition:transform .28s cubic-bezier(.4,0,.2,1)}.scenes-sidebar__track--sequences{transform:translate(-33.333%)}.scenes-sidebar__track--picker{transform:translate(-66.666%)}.scenes-sidebar__pane{width:33.333%;flex-shrink:0;height:100%;min-height:0;display:flex;flex-direction:column}.scenes-sidebar__list{flex:1;overflow-y:auto;overflow-x:hidden;padding:10px 10px 14px;display:flex;flex-direction:column;gap:0;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--primary) 72%,transparent) transparent;min-height:0;overscroll-behavior:contain}.scenes-sidebar__list::-webkit-scrollbar{width:6px}.scenes-sidebar--scroll-active .scenes-sidebar__list,.scenes-sidebar__list--scroll-active{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--primary) 82%,transparent) transparent}.scenes-sidebar--scroll-active .scenes-sidebar__list::-webkit-scrollbar,.scenes-sidebar__list--scroll-active::-webkit-scrollbar{width:6px}.scenes-sidebar--scroll-active .scenes-sidebar__list::-webkit-scrollbar-thumb,.scenes-sidebar__list--scroll-active::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--primary) 82%,transparent);border-radius:999px}.scenes-sidebar__list::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--primary) 72%,transparent);border-radius:999px}.scenes-sidebar__footer{padding:10px 12px 12px;border-top:1px solid var(--border-color);background:var(--bg-card)}.scenes-sidebar__sequence-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s ease}.scenes-sidebar__sequence-btn--active{border:2px solid var(--primary);background:rgba(var(--primary-rgb),.08);color:var(--primary)}.scenes-sidebar__sequence-btn--idle{border:1px solid color-mix(in srgb,var(--primary) 35%,var(--border-color));background:color-mix(in srgb,var(--primary) 6%,transparent);color:var(--primary)}.scenes-sidebar__sequence-btn--idle:hover{background:color-mix(in srgb,var(--primary) 12%,transparent);border-color:var(--primary);box-shadow:0 2px 10px rgba(var(--primary-rgb),.15)}.scene-connector{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px;margin:8px 0;padding:0 2px;flex-shrink:0}.scene-connector__line{height:1px;background:linear-gradient(90deg,transparent,var(--border-color) 20%,var(--border-color) 80%,transparent)}.scene-connector__center{display:flex;align-items:center;gap:4px;position:relative}.scene-connector__transition{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--primary) 30%,var(--border-color));background:color-mix(in srgb,var(--primary) 10%,var(--bg-card));color:var(--primary);font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap;transition:border-color .15s,box-shadow .15s,background .15s}.scene-connector__transition:hover{border-color:var(--primary);box-shadow:0 2px 8px color-mix(in srgb,var(--primary) 20%,transparent);background:color-mix(in srgb,var(--primary) 14%,var(--bg-card))}.scene-connector__transition--none{border-color:var(--border-color);background:var(--bg-surface);color:var(--text-muted);font-weight:600}.scene-connector__add{width:26px;height:26px;border-radius:8px;border:1px dashed var(--border-color);background:var(--bg-card);color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.scene-connector__add:hover{border-color:var(--primary);color:var(--primary);background:rgba(var(--primary-rgb),.06);border-style:solid}.anim-scope-controls{margin:8px 0 12px;padding:10px 12px;border-radius:10px;background:var(--bg-card, #fff);border:1px solid var(--primary, #7c3aed);box-shadow:0 0 0 1px #7c3aed1f}.anim-scope-controls--inline{margin:0 0 4px}.anim-scope-controls__label{font-size:13px;color:var(--text-muted, #64748b);margin-bottom:8px}.anim-scope-controls__label strong{color:var(--text-main, #1a1b1c);font-weight:700}.anim-scope-controls__chips{display:flex;gap:6px;margin-bottom:10px}.anim-scope-controls__chip{flex:1;padding:8px 6px;border-radius:8px;border:1px solid var(--border-subtle, rgba(0, 0, 0, .12));background:var(--bg-surface, #f8fafc);color:var(--text-main, #1a1b1c);font-size:13px;font-weight:700;cursor:pointer;transition:border-color .15s,background .15s,color .15s}.anim-scope-controls__chip--active{border-color:var(--primary, #7c3aed);background:#7c3aed14;color:var(--primary, #7c3aed);box-shadow:0 0 0 1px var(--primary, #7c3aed)}.anim-scope-controls__timing{padding-top:4px}.anim-scope-slider{padding:6px 0;width:100%}.anim-scope-slider__head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.anim-scope-slider__label{font-size:13px;color:var(--text-muted, #64748b);font-weight:600}.anim-scope-slider__value{font-size:13px;font-weight:700;color:var(--text-main, #1a1b1c)}.anim-scope-slider__input{width:100%;height:4px;cursor:pointer}.anim-scope-controls__clear{margin-top:8px;width:100%;padding:8px;border:none;border-radius:8px;background:transparent;color:var(--text-muted, #64748b);font-size:13px;font-weight:600;cursor:pointer}.anim-scope-controls__clear:hover{color:var(--text-main, #1a1b1c);background:var(--bg-surface, #f1f5f9)}.layer-transform-bar{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 10px;padding:0;border:none;background:transparent}.layer-transform-bar__field{display:flex;flex-direction:column;align-items:stretch;gap:4px;min-width:0}.layer-transform-bar__label{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted, #64748b)}.layer-transform-bar__field input{width:100%;min-width:0;height:28px;box-sizing:border-box;background:var(--bg-card, #fff);border:1px solid var(--border-color, rgba(0, 0, 0, .12));border-radius:6px;color:var(--text-main, #0f172a);font-size:14px;font-weight:600;text-align:center;outline:none;padding:0 4px}.layer-transform-bar__field input:focus{border-color:var(--primary, #4338ca);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary, #4338ca) 18%,transparent)}.scp-accordion{display:flex;flex-direction:column;gap:4px;width:100%}.scp-accordion__group-label{margin:10px 2px 4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted, #64748b)}.scp-accordion__group-label:first-child{margin-top:2px}.scp-accordion__item{border:1px solid var(--border-color);border-radius:10px;background:var(--bg-card);overflow:hidden}.scp-accordion__item--open{box-shadow:0 2px 10px rgba(var(--primary-rgb),.1);border-color:color-mix(in srgb,var(--primary) 28%,var(--border-color))}.scp-accordion__trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border:none;background:transparent;cursor:pointer;font-family:inherit;text-align:left;transition:background .15s ease}.scp-accordion__trigger:hover{background:color-mix(in srgb,var(--primary) 6%,var(--bg-surface))}.scp-accordion__item--open .scp-accordion__trigger{background:color-mix(in srgb,var(--primary) 8%,var(--bg-card))}.scp-accordion__trigger-main{display:flex;align-items:center;gap:8px;min-width:0}.scp-accordion__icon{width:26px;height:26px;border-radius:6px;background:color-mix(in srgb,var(--primary) 10%,var(--bg-surface));border:1px solid color-mix(in srgb,var(--primary) 22%,var(--border-color));display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0}.scp-accordion__title{font-size:14px;font-weight:600;color:var(--text-main);letter-spacing:-.15px}.scp-accordion__item--open .scp-accordion__title{color:var(--primary)}.scp-accordion__chevron{color:var(--text-muted);flex-shrink:0}.scp-accordion__item--open .scp-accordion__chevron{color:var(--primary)}.scp-accordion__body{padding:0 12px 12px;border-top:1px solid var(--border-color);background:var(--bg-panel, var(--bg-card))}.scp-accordion__body>.scp-card,.scp-accordion__body>.layer-transform-bar,.scp-accordion__body>.layer-animate-panel{margin-top:10px}.scp-accordion__body .scp-card{border:none;padding:0;background:transparent}.scp-subsection+.scp-subsection{margin-top:14px;padding-top:14px;border-top:1px dashed var(--border-color, #e2e8f0)}.scp-subsection__title{margin:0 0 8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted, #64748b)}.scp-shape-style{display:flex;flex-direction:column;margin:0 -2px}.scp-shape-style__section{display:flex;flex-direction:column;gap:8px;padding:12px 2px;border-top:1px solid var(--border-color, #e2e8f0)}.scp-shape-style__section:first-child{border-top:none;padding-top:4px}.scp-shape-style__section--last{padding-bottom:2px}.scp-shape-style__label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted, #64748b)}.scp-shape-style__head{display:flex;align-items:center;justify-content:space-between;gap:8px}.scp-shape-style__head .scp-shape-style__label,.scp-shape-style__chips{margin:0}.scp-mask-shape-chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.scp-mask-shape-chip{display:flex;align-items:center;justify-content:center;min-height:42px;padding:6px;border-radius:10px;border:1.5px solid var(--border-color, #e2e8f0);background:var(--bg-card, #fff);color:var(--text-muted, #64748b);cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease}.scp-mask-shape-chip:hover{border-color:color-mix(in srgb,var(--primary) 35%,var(--border-color));color:var(--primary);transform:translateY(-1px)}.scp-mask-shape-chip--active{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,var(--bg-card));color:var(--primary);box-shadow:0 0 0 1px color-mix(in srgb,var(--primary) 18%,transparent)}.scp-mask-shape-graphic{width:28px;height:28px;display:block;flex-shrink:0}.scp-mask-shape-graphic__fill{fill:currentColor}.scp-shape-style__inline-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.scp-shape-style__inline-row .scp-shape-style__label{margin:0}.scp-shape-style__hint{margin:0;font-size:11px;line-height:1.4;color:var(--text-muted, #64748b);font-weight:500}.scp-shape-style .scp-shadow-presets--compact{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.scp-shape-style .scp-shadow-presets--compact .scp-shadow-preset{padding:6px 4px;border-radius:8px}.scp-shape-style .scp-shadow-presets--compact .scp-shadow-preset__thumb{height:28px}.scp-shape-style .scp-shadow-presets--compact .scp-shadow-preset__label{font-size:9px}.layer-animate-panel{margin:8px 0 12px;padding:12px;border-radius:12px;background:var(--bg-surface, #f8fafc);border:1px solid var(--border-subtle, rgba(0, 0, 0, .08))}.layer-animate-panel--embedded{margin:0;padding:0;border:none;background:transparent}.layer-animate-panel__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.layer-animate-panel__title{display:flex;align-items:center;gap:6px;font-size:15px;font-weight:800;color:var(--text-main, #1a1b1c)}.layer-animate-panel__close{border:none;background:transparent;color:var(--text-muted, #64748b);cursor:pointer;padding:4px;border-radius:6px}.layer-animate-section{margin-bottom:12px}.layer-animate-section__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.layer-animate-section__title{font-size:13px;font-weight:700;color:var(--text-muted, #64748b);text-transform:uppercase;letter-spacing:.04em}.layer-animate-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.layer-animate-apply-inline{grid-column:1 / -1}.layer-animate-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px 6px;border:1px solid var(--border-subtle, rgba(0, 0, 0, .08));border-radius:10px;background:#fff;cursor:pointer}.layer-animate-card--active{border-color:var(--primary, #7c3aed);background:#7c3aed0f}.layer-animate-card--expanded{border-color:var(--primary, #7c3aed);box-shadow:0 0 0 2px #7c3aed59;background:#7c3aed14}.layer-animate-card__label{font-size:11px;font-weight:700;color:var(--text-main, #1a1b1c);text-align:center;line-height:1.2}.layer-animate-preview{width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,#7c3aed40,#a855f773);display:block;position:relative}.layer-animate-preview--pop{transform:scale(.85)}.layer-animate-preview--wipe:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 40%,rgba(124,58,237,.5));border-radius:inherit}.layer-animate-preview--blur{filter:blur(3px)}.layer-animate-preview--rotate{border-radius:50%;border:2px dashed rgba(124,58,237,.6);background:transparent}.layer-animate-preview--flicker{opacity:.65}.layer-animate-preview--pulse{animation:layer-pulse 1.2s ease-in-out infinite}.layer-animate-preview--wiggle{animation:layer-wiggle .6s ease-in-out infinite}@keyframes layer-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes layer-wiggle{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.layer-animate-clear{width:100%;margin-top:4px;padding:8px;border:1px dashed var(--border-subtle, rgba(0, 0, 0, .15));border-radius:8px;background:transparent;font-size:12px;font-weight:700;color:var(--text-muted, #64748b);cursor:pointer}.adj-compact{display:flex;flex-direction:column;gap:12px}.adj-compact-hint{margin:0;font-size:12px;font-weight:600;color:var(--text-muted, #94a3b8);line-height:1.4}.adj-compact-block{display:flex;flex-direction:column;gap:8px}.adj-compact-block--tight{gap:6px}.adj-compact-block__title{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted, #64748b)}.adj-compact-chips{display:flex;gap:6px;flex-wrap:wrap}.adj-compact-chip{flex:1;min-width:52px;padding:7px 4px;border-radius:8px;border:1px solid var(--border-subtle, rgba(0, 0, 0, .1));background:#fff;font-size:12px;font-weight:700;color:var(--text-main, #1a1b1c);cursor:pointer}.adj-compact-chip--active{border-color:var(--primary, #7c3aed);background:#7c3aed14;color:var(--primary, #7c3aed)}.adj-compact-look-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.adj-compact-look{display:flex;flex-direction:column;align-items:center;gap:5px;padding:6px 4px 5px;border-radius:10px;border:1px solid var(--border-subtle, rgba(0, 0, 0, .1));background:#fff;cursor:pointer;color:var(--text-main, #1a1b1c)}.adj-compact-look--active{border-color:var(--primary, #7c3aed);box-shadow:0 0 0 1px var(--primary, #7c3aed)}.adj-compact-look__thumb{width:100%;aspect-ratio:1;border-radius:6px;overflow:hidden;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);display:flex;align-items:center;justify-content:center}.adj-compact-look__thumb img{width:100%;height:100%;display:block}.adj-compact-look__placeholder-icon{color:var(--text-muted, #94a3b8)}.adj-compact-look__label{font-size:11px;font-weight:700;line-height:1.2;text-align:center}.adj-compact-look--active .adj-compact-look__label{color:var(--primary, #7c3aed)}.adj-compact-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.adj-compact-row__label{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--text-muted, #64748b);min-width:72px}.adj-compact-stepper{display:flex;align-items:center;gap:4px;flex:1;justify-content:flex-end}.adj-compact-stepper__btn{width:28px;height:28px;border-radius:8px;border:1px solid var(--border-subtle, rgba(0, 0, 0, .1));background:#fff;font-size:16px;font-weight:700;color:var(--text-main, #1a1b1c);cursor:pointer;line-height:1}.adj-compact-stepper__value{min-width:48px;text-align:center;font-size:13px;font-weight:700;color:var(--text-main, #1a1b1c)}.lm-fit-adj{display:flex;flex-direction:column;gap:14px}.lm-preview{display:flex;flex-direction:column;align-items:center;gap:8px}.lm-preview__frame{width:100%;max-width:100%;height:140px;overflow:hidden;background:linear-gradient(145deg,#f1f5f9,#e2e8f0);display:flex;align-items:center;justify-content:center;transition:filter .15s ease,opacity .15s ease,transform .15s ease}.lm-preview__frame--circle{width:120px;height:120px;max-width:120px;flex-shrink:0}.lm-preview__media{width:100%;height:100%;display:block;pointer-events:none}.lm-preview__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--text-muted, #94a3b8)}.lm-preview__caption{font-size:12px;font-weight:600;color:var(--text-muted, #64748b);text-align:center}.lm-fit-adj__section{display:flex;flex-direction:column;gap:6px}.lm-fit-adj__label{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted, #64748b)}.lm-fit-adj__fit-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.lm-fit-adj__fit-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border-radius:8px;border:1px solid var(--border-subtle, rgba(0, 0, 0, .1));background:#fff;color:var(--text-muted, #64748b);font-size:12px;font-weight:700;cursor:pointer;transition:border-color .15s,background .15s,color .15s}.lm-fit-adj__fit-btn--active{border-color:var(--primary, #1a73e8);background:#1a73e814;color:var(--primary, #1a73e8)}.lm-fit-adj__flip-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.lm-fit-adj__flip-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 8px;border-radius:8px;border:1px solid var(--border-subtle, rgba(0, 0, 0, .1));background:#fff;color:var(--text-muted, #64748b);font-size:12px;font-weight:700;cursor:pointer;min-height:40px}.lm-fit-adj__flip-btn--active{border-color:var(--primary, #1a73e8);background:#1a73e814;color:var(--primary, #1a73e8)}.lm-fit-adj__flip-icon-v{display:inline-flex;transform:rotate(90deg)}.lm-fit-adj__divider{height:1px;background:var(--border-subtle, rgba(0, 0, 0, .08));margin:2px 0}.lm-fit-adj__extras{display:flex;flex-direction:column;gap:6px;padding-top:4px}.scene-settings{display:flex;flex-direction:column;gap:12px;padding:0 14px 20px}.scene-settings__header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:4px}.scene-settings__title-block{display:flex;align-items:center;gap:10px}.scene-settings__icon{width:36px;height:36px;border-radius:10px;background:rgba(var(--primary-rgb),.08);border:1px solid rgba(var(--primary-rgb),.15);color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.scene-settings__title{font-size:16px;font-weight:800;color:var(--text-main);letter-spacing:-.02em}.scene-settings__subtitle{font-size:12px;font-weight:600;color:var(--text-muted);margin-top:1px}.scene-settings__dup-btn{border:1px solid var(--border-subtle, rgba(0, 0, 0, .1));background:var(--bg-card);border-radius:8px;padding:6px 10px;font-size:12px;font-weight:700;color:var(--text-muted);cursor:pointer;display:inline-flex;align-items:center;gap:4px}.scene-settings__dup-btn:hover{border-color:var(--primary);color:var(--primary)}.scene-settings__block{border-radius:12px;border:1px solid var(--border-subtle, rgba(0, 0, 0, .08));background:var(--bg-card);overflow:hidden}.scene-settings__block-head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--border-subtle, rgba(0, 0, 0, .06));background:var(--bg-surface, #f8fafc)}.scene-settings__block-title{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--text-main)}.scene-settings__block-body{padding:10px 12px 12px;display:flex;flex-direction:column;gap:10px}.scene-settings__voice-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:1px solid var(--border-subtle, rgba(0, 0, 0, .06))}.scene-settings__voice-row:last-child{border-bottom:none}.scene-settings__voice-label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.scene-settings__voice-value{font-size:14px;font-weight:600;color:var(--text-main);margin-top:4px}.scene-settings__dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.scene-settings__dot--on{background:#16a34a}.scene-settings__dot--off{background:#cbd5e1}.scene-settings__script{font-size:13px;line-height:1.45;color:var(--text-main);margin:6px 0 4px;max-height:72px;overflow-y:auto}.scene-settings__meta{font-size:12px;color:var(--text-muted);font-weight:600}.scene-settings__empty{text-align:center;padding:8px 4px}.scene-settings__empty p{margin:0 0 10px;font-size:13px;color:var(--text-muted)}.scene-settings__cta{width:100%;padding:11px 14px;border:none;border-radius:10px;background:var(--primary);color:#fff;font-size:14px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 2px 10px rgba(var(--primary-rgb),.25)}.scene-settings__cta:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.scene-settings__cta--secondary{background:color-mix(in srgb,var(--primary) 8%,var(--bg-surface));color:var(--primary);border:1px solid color-mix(in srgb,var(--primary) 35%,var(--border-color));box-shadow:none;margin-top:6px}.scene-settings__cta--secondary:hover:not(:disabled){background:color-mix(in srgb,var(--primary) 14%,var(--bg-surface));border-color:var(--primary)}.scene-settings__status{text-align:center;font-size:13px;color:var(--text-muted);margin-top:8px}.scene-settings__status--ok{color:#10b981;display:flex;align-items:center;justify-content:center;gap:5px;font-weight:600}.scene-settings__status--err{color:#ef4444;display:flex;align-items:center;justify-content:center;gap:5px;font-weight:600}.scene-settings__field-label{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:6px}.scene-settings__chips{display:flex;flex-wrap:wrap;gap:6px}.scene-settings__chip{padding:7px 12px;border-radius:8px;border:1px solid var(--border-subtle, rgba(0, 0, 0, .1));background:#fff;font-size:12px;font-weight:700;color:var(--text-main);cursor:pointer;transition:border-color .15s,background .15s,color .15s}.scene-settings__chip--active{border-color:var(--primary);background:rgba(var(--primary-rgb),.08);color:var(--primary)}.scene-settings__stepper{display:flex;align-items:center;justify-content:flex-end;gap:6px}.scene-settings__stepper-btn{width:30px;height:30px;border-radius:8px;border:1px solid var(--border-subtle, rgba(0, 0, 0, .1));background:#fff;font-size:16px;font-weight:700;cursor:pointer;line-height:1;color:var(--text-main)}.scene-settings__stepper-val{min-width:52px;text-align:center;font-size:14px;font-weight:700;color:var(--text-main)}.scene-settings__row{display:flex;align-items:center;justify-content:space-between;gap:10px}.scene-settings__select{width:100%;box-sizing:border-box;border:1px solid var(--border-subtle, rgba(0, 0, 0, .1));border-radius:8px;padding:8px 10px;font-size:13px;font-weight:600;background:#fff;color:var(--text-main);cursor:pointer;outline:none}.scene-settings__hint{margin:0;font-size:12px;line-height:1.4;color:var(--text-muted);font-weight:600}.scene-settings__spin{width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:scene-settings-spin .8s linear infinite}@keyframes scene-settings-spin{to{transform:rotate(360deg)}}.scene-settings__ghost-btn{border:none;background:transparent;font-size:12px;font-weight:700;color:var(--primary);cursor:pointer;display:inline-flex;align-items:center;gap:4px;padding:4px 6px;border-radius:6px}.scene-settings__ghost-btn:hover{background:rgba(var(--primary-rgb),.08)}.scene-settings__apply-btn{border:1px solid var(--border-subtle, rgba(0, 0, 0, .1));background:#fff;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:700;color:var(--text-muted);cursor:pointer;flex-shrink:0}.scene-settings__apply-btn:hover{color:var(--primary);border-color:var(--primary)}.scene-settings__summary-grid{display:grid;grid-template-columns:1fr;gap:8px}.scene-settings__summary-card{border:1px solid var(--border-subtle, rgba(0, 0, 0, .08));border-radius:10px;background:var(--bg-card);padding:8px 10px;min-width:0}.scene-settings__apply-btn--inline{margin-top:7px;width:100%}.scene-settings__script-wrap{border:1px solid var(--border-subtle, rgba(0, 0, 0, .08));border-radius:10px;background:var(--bg-card);padding:10px}.video-preview{position:fixed;inset:0;z-index:2000;display:flex;flex-direction:column;width:100%;height:100%;height:100dvh;max-height:100dvh;font-family:var(--font-family, inherit);background:var(--bg-main);color:var(--text-main);overflow:hidden;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0);box-sizing:border-box}.video-preview__topbar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 16px;min-height:52px;background:linear-gradient(90deg,var(--primary) 0%,#6366f1 100%);box-shadow:0 8px 24px rgba(var(--primary-rgb),.2);color:#fff}.video-preview__brand{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.video-preview__logo{width:34px;height:34px;border-radius:9px;background:#fffffff2;color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 10px #0000001f}.video-preview__brand-text{min-width:0;flex:1}.video-preview__title{margin:0;font-family:var(--font-family, inherit);font-size:clamp(1rem,3.5vw,1.35rem);font-weight:800;letter-spacing:-.03em;line-height:1.15;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-preview__meta{margin:2px 0 0;font-size:clamp(10px,2.5vw,12px);font-weight:500;color:#ffffffc7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-preview__exit{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.28);background:#ffffff1f;color:#fffffff2;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease;flex-shrink:0}.video-preview__exit:hover{background:#ffffff38;border-color:#ffffff73;color:#fff}.video-preview__body{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:16px;overflow:hidden;background:radial-gradient(circle at 50% 0%,rgba(var(--primary-rgb),.08) 0%,transparent 55%),var(--bg-surface);container-type:size}.video-preview__player-wrap{--preview-controls-h: 56px;position:relative;flex-shrink:0;width:min(100cqw,1200px,calc((100cqh - var(--preview-controls-h)) * 16 / 9));height:min(100cqh,calc(100cqw * 9 / 16 + var(--preview-controls-h)),calc(1200px * 9 / 16 + var(--preview-controls-h)));max-width:100%;border-radius:12px;overflow:hidden;background:#0a0a0a;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--border-color));box-shadow:0 8px 24px #0000001f,0 24px 56px rgba(var(--primary-rgb),.14)}@supports not (width: 100cqw){.video-preview__player-wrap{width:min(100%,1200px);height:min(calc(56.25vw + 56px),calc(100vh - 80px))}}.video-preview__player{width:100%;height:100%;display:block}.video-preview__player *:focus,.video-preview__player *:focus-visible{outline:none!important}.video-preview__overlay{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px;text-align:center;background:#0a0a0ae6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.video-preview__spinner{width:40px;height:40px;border-radius:50%;border:3px solid rgba(255,255,255,.12);border-top-color:var(--primary-light);animation:videoPreviewSpin .75s linear infinite}@keyframes videoPreviewSpin{to{transform:rotate(360deg)}}.video-preview__load-title{margin:0;font-size:clamp(14px,3.5vw,15px);font-weight:600;color:#f8fafc}.video-preview__load-sub{margin:0;font-size:clamp(12px,3vw,13px);font-weight:500;color:#94a3b8;max-width:360px;line-height:1.5}.video-preview__progress{width:min(280px,90%);height:6px;margin-top:4px;border-radius:999px;background:#ffffff1a;overflow:hidden}.video-preview__progress-bar{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--primary),var(--primary-light));transition:width .25s ease}[data-mode=light] .video-preview__overlay{background:color-mix(in srgb,var(--bg-card) 96%,transparent)}[data-mode=light] .video-preview__load-title{color:var(--text-main)}[data-mode=light] .video-preview__load-sub{color:var(--text-muted)}[data-mode=light] .video-preview__progress{background:var(--border-color)}@media(max-width:900px){.video-preview__body{padding:12px}.video-preview__player-wrap{width:min(100cqw,calc((100cqh - 56px) * 16 / 9));border-radius:10px}}@media(max-width:600px){.video-preview__topbar{padding:8px 12px;min-height:48px}.video-preview__logo{width:30px;height:30px}.video-preview__exit span{display:none}.video-preview__body{padding:8px}.video-preview__player-wrap{width:min(100cqw,calc((100cqh - 56px) * 16 / 9));height:min(100cqh,calc(56.25cqw + 56px));border-radius:8px}}@media(max-width:380px){.video-preview__meta{display:none}}@media(max-height:500px)and (orientation:landscape){.video-preview__topbar{min-height:44px;padding:6px 12px}.video-preview__meta{display:none}.video-preview__body{padding:6px}}.qc-overlay{position:fixed;inset:0;background:#0f172a73;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:24px;animation:fadeIn .25s ease}.qc-modal{background:var(--bg-card, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:18px;width:100%;max-width:760px;height:min(88vh,680px);display:flex;flex-direction:column;position:relative;box-shadow:0 24px 48px -12px #0f172a47;overflow:hidden;animation:slideUp .32s cubic-bezier(.34,1.2,.64,1)}.qc-header{background:var(--bg-card, #ffffff);display:flex;flex-direction:column;flex-shrink:0}.qc-header-top{display:flex;justify-content:space-between;align-items:center;padding:18px 22px 12px}.qc-brand{display:flex;flex-direction:column;gap:2px}.qc-brand-title{display:block;font-size:15px;font-weight:700;color:var(--text-main, #0f172a);line-height:1.2}.qc-brand-step{display:block;font-size:12px;color:var(--text-muted, #64748b);margin-top:2px}.qc-step-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:0 16px 14px;border-bottom:1px solid var(--border-color, #eef2f6)}.qc-step-pill{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:8px;background:var(--bg-surface, #f8fafc);border:1px solid transparent;min-width:0}.qc-step-pill.active{background:var(--primary, #5b3a7a);border-color:var(--primary, #5b3a7a);box-shadow:0 2px 10px color-mix(in srgb,var(--primary) 32%,transparent)}.qc-step-pill.done .qc-step-pill-num{background:color-mix(in srgb,var(--primary) 18%,var(--bg-surface, #f8fafc));color:var(--primary, #5b3a7a)}.qc-step-pill-num{width:20px;height:20px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;background:#e2e8f0;color:#64748b;flex-shrink:0}.qc-step-pill.active .qc-step-pill-num{background:color-mix(in srgb,var(--primary-contrast, #fff) 22%,var(--primary, #5b3a7a));color:var(--primary-contrast, #fff)}.qc-step-pill-label{font-size:10px;font-weight:600;color:var(--text-muted, #64748b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qc-step-pill.active .qc-step-pill-label{color:var(--primary-contrast, #fff)}.qc-engine-filters{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.qc-engine-chip{padding:6px 12px;border-radius:999px;border:1px solid var(--border-color, #e2e8f0);background:#fff;font-size:11px;font-weight:700;color:var(--text-muted, #64748b);cursor:pointer;transition:all .15s ease}.qc-engine-chip.active{background:#5b3a7a14;border-color:var(--primary, #5b3a7a);color:var(--primary, #5b3a7a)}.qc-load-more-tile{border:none;background:transparent;padding:0;text-align:inherit;font:inherit}.qc-load-more-tile:disabled{opacity:.75;cursor:wait}.qc-load-more-tile-body{width:100%;aspect-ratio:3/4;border-radius:8px;border:1px dashed var(--border-color, #cbd5e1);background:var(--bg-surface, #f8fafc);display:flex;align-items:center;justify-content:center;transition:all .2s ease}.qc-load-more-tile:hover:not(:disabled) .qc-load-more-tile-body{border-color:var(--primary, #5b3a7a);background:color-mix(in srgb,var(--primary) 8%,var(--bg-surface, #f8fafc));transform:translateY(-2px);box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 14%,transparent)}.qc-load-more-plus{font-size:28px;font-weight:300;line-height:1;color:var(--primary, #5b3a7a)}.qc-load-more-spinner{margin-bottom:0;color:var(--primary, #5b3a7a)}.qc-skip-voice-card{width:100%;display:flex;align-items:flex-start;gap:12px;padding:14px 16px;margin-bottom:14px;border-radius:12px;border:1px solid var(--border-color, #e2e8f0);background:var(--bg-surface, #f8fafc);cursor:pointer;text-align:left;transition:all .15s ease}.qc-skip-voice-card:hover,.qc-skip-voice-card.active{border-color:var(--primary, #5b3a7a);background:#5b3a7a0f}.qc-skip-voice-icon{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#fff;border:1px solid var(--border-color, #e2e8f0);color:var(--primary, #5b3a7a)}.qc-skip-voice-copy strong{display:block;font-size:14px;color:var(--text-main, #0f172a)}.qc-skip-voice-copy p{margin:4px 0 0;font-size:12px;color:var(--text-muted, #64748b);line-height:1.4}.qc-voice-toolbar{margin-bottom:12px}.qc-avatar-toolbar{margin-bottom:12px;flex-shrink:0}.qc-ownership-tabs{display:flex;gap:8px;margin-bottom:12px}.qc-ownership-tab{flex:1;padding:8px 12px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-muted);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease}.qc-ownership-tab.active{border-color:var(--primary);background:#1a73e81a;color:var(--primary)}.qc-avatar-step-wrap{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.qc-voice-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding-bottom:8px}.qc-voice-card{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px 8px 8px;border-radius:11px;border:1px solid var(--border-color, #e2e8f0);background:#fff;transition:all .15s ease}.qc-voice-card-main{flex:1;min-width:0;display:flex;align-items:center;gap:12px;padding:4px 6px;border:none;background:transparent;cursor:pointer;text-align:left}.qc-voice-card:hover{border-color:#cbd5e1;background:var(--bg-surface, #f8fafc)}.qc-voice-card.selected{border-color:var(--primary, #5b3a7a);background:var(--primary, #5b3a7a);box-shadow:0 4px 14px color-mix(in srgb,var(--primary) 32%,transparent)}.qc-voice-card-icon{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--bg-surface, #f8fafc);border:1px solid var(--border-color, #e2e8f0);color:var(--text-muted, #64748b)}.qc-voice-card.selected .qc-voice-card-icon{background:color-mix(in srgb,var(--primary-contrast, #fff) 16%,var(--primary, #5b3a7a));border-color:color-mix(in srgb,var(--primary-contrast, #fff) 24%,var(--primary, #5b3a7a));color:var(--primary-contrast, #fff)}.qc-voice-card.selected .qc-voice-card-copy strong,.qc-voice-card.selected .qc-voice-card-copy span{color:var(--primary-contrast, #fff)}.qc-voice-card.selected .qc-voice-card-check{color:color-mix(in srgb,var(--primary-contrast, #fff) 88%,transparent)}.qc-voice-card.selected .qc-play-btn{background:color-mix(in srgb,var(--primary-contrast, #fff) 14%,var(--primary, #5b3a7a));border-color:color-mix(in srgb,var(--primary-contrast, #fff) 28%,var(--primary, #5b3a7a));color:var(--primary-contrast, #fff)}.qc-voice-card.selected .qc-play-btn.playing{background:var(--primary-contrast, #fff);color:var(--primary, #5b3a7a);border-color:var(--primary-contrast, #fff)}.qc-voice-card-copy{flex:1;min-width:0}.qc-voice-card-copy strong{display:block;font-size:14px;color:var(--text-main, #0f172a)}.qc-voice-card-copy span{display:block;margin-top:2px;font-size:12px;color:var(--text-muted, #64748b)}.qc-voice-card-check{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--primary, #5b3a7a);flex-shrink:0}.qc-close-btn{background:transparent;border:none;color:var(--text-muted, #64748b);cursor:pointer;display:flex;padding:4px;transition:all .2s;border-radius:50%}.qc-close-btn:hover{background:var(--bg-hover, #f1f5f9);color:var(--text-main, #0f172a)}.qc-title-area{padding:18px 22px 10px}.qc-title{margin:0 0 4px;font-size:22px;font-weight:700;color:var(--text-main, #0f172a)}.qc-subtitle{margin:0;font-size:14px;color:var(--text-muted, #64748b)}.qc-breadcrumb-back{display:inline-flex;align-items:center;gap:2px;margin:0 0 8px;padding:0;border:none;background:none;font-size:13px;font-weight:600;color:var(--primary, #4338ca);cursor:pointer}.qc-breadcrumb-back:hover{text-decoration:underline}.qc-avatar-type-badge{position:absolute;top:8px;left:8px;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:#000000a6;color:#fff}.qc-looks-error{color:#dc2626;font-size:14px;text-align:center;max-width:360px}.qc-content{flex:1;min-height:0;min-width:0;overflow:hidden;display:flex;flex-direction:column}.qc-step-pane{flex:1;min-height:0;min-width:0;display:flex;flex-direction:column;padding:14px 22px;overflow:hidden;animation:fadeIn .3s ease}.qc-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;color:var(--text-muted, #64748b)}.qc-spinner{animation:spin 1s linear infinite;margin-bottom:12px;color:var(--primary, #4338ca)}.qc-avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-auto-rows:max-content;gap:20px;overflow-y:auto;padding-bottom:24px}.qc-avatar-card{display:flex;flex-direction:column;gap:12px;cursor:pointer;group:avatar}.qc-avatar-img-wrap{width:100%;aspect-ratio:3/4;border-radius:8px;overflow:hidden;position:relative;border:2px solid transparent;transition:all .2s}.qc-avatar-card:hover .qc-avatar-img-wrap{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.qc-avatar-card.selected .qc-avatar-img-wrap{border-color:var(--primary, #4338ca);box-shadow:0 0 0 2px var(--primary, #4338ca) inset}.qc-avatar-img-wrap img{width:100%;height:100%;object-fit:cover}.qc-avatar-check{position:absolute;top:8px;right:8px;width:24px;height:24px;background:var(--primary, #4338ca);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.qc-avatar-info{text-align:center}.qc-avatar-info h4{margin:0 0 4px;font-size:14px;font-weight:700;color:var(--text-main, #0f172a)}.qc-avatar-info h4.text-primary{color:var(--primary, #4338ca)}.qc-avatar-info p{margin:0;font-size:12px;color:var(--text-muted, #64748b)}.upload-card{justify-content:flex-start}.upload-card .qc-upload-content{width:100%;aspect-ratio:3/4;border:1px dashed var(--border-color, #cbd5e1);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-hover, #f8fafc);color:var(--text-muted, #64748b);gap:12px;text-align:center;font-size:13px;transition:all .2s}.upload-card:hover .qc-upload-content{background:var(--bg-active, #f1f5f9);color:var(--text-main, #0f172a);border-color:var(--text-muted, #94a3b8)}.qc-voice-filters{display:flex;gap:12px;margin-bottom:16px}.qc-search-box{flex:1;display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--border-color, #e2e8f0);border-radius:8px;background:var(--bg-card, #ffffff);color:var(--text-muted, #64748b)}.qc-search-box input{flex:1;border:none;background:transparent;outline:none;font-size:14px;color:var(--text-main, #0f172a)}.qc-select{padding:8px 16px;border:1px solid var(--border-color, #e2e8f0);border-radius:20px;background:var(--bg-card, #ffffff);color:var(--text-main, #0f172a);font-size:14px;outline:none}.qc-voice-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.qc-chip{padding:4px 12px;border-radius:16px;font-size:12px;font-weight:500;background:var(--bg-hover, #f1f5f9);color:var(--text-main, #334155);display:flex;align-items:center;gap:4px;cursor:pointer}.qc-chip.active{background:var(--primary, #4338ca);color:#fff}.qc-chip.clear-all{background:transparent;color:var(--primary, #4338ca);cursor:pointer}.qc-voice-table{flex:1;overflow-y:auto;border-top:1px solid var(--border-color, #e2e8f0)}.qc-vt-header{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr 80px;padding:12px 16px;font-size:11px;font-weight:700;color:var(--text-muted, #64748b);letter-spacing:.5px;border-bottom:1px solid var(--border-color, #e2e8f0);position:sticky;top:0;background:var(--bg-card, #ffffff);z-index:10}.qc-vt-row{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr 80px;padding:16px;align-items:center;border-bottom:1px solid var(--border-color, #f1f5f9);cursor:pointer;transition:all .2s;font-size:13px;color:var(--text-main, #334155)}.qc-vt-row:hover{background:var(--bg-hover, #f8fafc)}.qc-vt-row.selected{background:var(--bg-active, #eff6ff);border-left:3px solid var(--primary, #4338ca)}.qc-vt-col.center{display:flex;justify-content:center}.voice-name-col{display:flex;align-items:center;gap:12px}.qc-voice-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.voice-name-col strong{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--text-main, #0f172a)}.qc-badge{font-size:9px;background:var(--primary, #4338ca);color:#fff;padding:2px 6px;border-radius:4px;font-weight:800}.qc-voice-sub{display:block;font-size:11px;color:var(--text-muted, #64748b);margin-top:2px}.tags-col{display:flex;gap:4px;flex-wrap:wrap}.qc-attr-tag{font-size:10px;padding:2px 8px;background:var(--bg-hover, #f1f5f9);color:var(--text-muted, #64748b);border:1px solid var(--border-color, #e2e8f0);border-radius:4px}.qc-play-btn{width:32px;height:32px;border-radius:50%;border:1px solid var(--border-color, #cbd5e1);background:var(--bg-card, #ffffff);display:flex;align-items:center;justify-content:center;color:var(--text-main, #334155);cursor:pointer;transition:all .2s}.qc-play-btn:hover{background:var(--bg-hover, #f1f5f9)}.qc-play-btn.playing{background:var(--primary, #5b3a7a);color:#fff;border-color:var(--primary, #5b3a7a)}.qc-play-btn:disabled{opacity:.7;cursor:wait}.qc-script-container{border:1px solid var(--border-color, #e2e8f0);border-radius:8px;padding:20px;display:flex;flex-direction:column;flex:1;background:var(--bg-card, #ffffff)}.qc-script-header{display:flex;justify-content:space-between;margin-bottom:12px}.qc-label{font-size:11px;font-weight:700;color:var(--text-muted, #64748b);letter-spacing:.5px}.qc-char-count{font-size:12px;color:var(--text-muted, #94a3b8)}.qc-textarea-wrapper{flex:1;position:relative;background:var(--bg-hover, #f8fafc);border:1px solid var(--border-color, #e2e8f0);border-radius:8px;display:flex}.qc-script-textarea{flex:1;background:transparent;border:none;padding:16px;font-size:14px;line-height:1.6;color:var(--text-main, #0f172a);resize:none;outline:none}.qc-ai-fab{position:absolute;bottom:16px;right:16px;width:36px;height:36px;border-radius:50%;background:var(--primary, #4338ca);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #4338ca4d}.qc-script-actions{display:flex;gap:12px;margin-top:16px;border-top:1px dashed var(--border-color, #e2e8f0);padding-top:16px}.qc-action-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--bg-hover, #eff6ff);color:var(--primary, #4338ca);border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.qc-action-btn:hover{background:var(--primary, #4338ca);color:#fff}.qc-pro-tip{margin-top:16px;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;padding:16px;display:flex;gap:12px;align-items:flex-start;color:#9a3412}.qc-tip-icon{color:#ea580c;flex-shrink:0}.qc-tip-content strong{display:block;font-size:13px;margin-bottom:4px}.qc-tip-content p{margin:0;font-size:12px;line-height:1.5}.qc-tip-close{background:transparent;border:none;color:#ea580c;cursor:pointer}.qc-settings-pane{flex:1;min-height:0;min-width:0;overflow:hidden;display:flex;flex-direction:column;gap:14px}.qc-settings-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-radius:14px;border:1px solid color-mix(in srgb,var(--primary) 22%,var(--border-color, #e2e8f0));background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 10%,#fff),color-mix(in srgb,var(--primary) 4%,var(--bg-surface, #f8fafc)));flex-shrink:0;min-width:0;box-shadow:0 1px 2px #0f172a0a}.qc-settings-hero-main{display:flex;align-items:center;gap:12px;min-width:0}.qc-settings-hero-avatar{width:52px;height:52px;border-radius:12px;object-fit:cover;flex-shrink:0;border:2px solid #fff;box-shadow:0 2px 8px #0f172a1a}.qc-settings-hero-avatar--placeholder{background:linear-gradient(135deg,#e2e8f0,#cbd5e1)}.qc-settings-hero-copy{min-width:0}.qc-settings-hero-eyebrow{display:block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--primary, #5b3a7a);margin-bottom:2px}.qc-settings-hero-copy strong{display:block;font-size:15px;color:var(--text-main, #0f172a);line-height:1.25}.qc-settings-hero-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:4px;font-size:12px;color:var(--text-muted, #64748b)}.qc-settings-hero-meta span{display:inline-flex;align-items:center;gap:4px}.qc-settings-hero-meta-muted{font-style:italic}.qc-settings-hero-meta-sep{opacity:.5}.qc-settings-hero-chips{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;flex-shrink:0}.qc-settings-chip{padding:5px 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--border-color, #e2e8f0));background:#ffffffd9;font-size:11px;font-weight:600;color:var(--text-main, #334155);white-space:nowrap}.qc-settings-chip--capitalize{text-transform:capitalize}.qc-settings-scroll{flex:1;min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.qc-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-content:start;padding-bottom:12px;min-width:0}.qc-settings-card--express{grid-column:1 / -1}.qc-settings-stack{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding-bottom:4px}.qc-settings-card{padding:0;border-radius:14px;border:1px solid var(--border-color, #e2e8f0);background:#fff;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;box-shadow:0 1px 3px #0f172a0a}.qc-settings-card-head{display:flex;align-items:flex-start;gap:10px;padding:14px 16px 12px;border-bottom:1px solid var(--border-color, #eef2f6);background:linear-gradient(180deg,#fafbfc,#fff);min-width:0}.qc-settings-card-head>div{min-width:0}.qc-settings-card-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:12px;min-width:0}.qc-settings-card-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--border-color, #e2e8f0);color:var(--primary, #5b3a7a)}.qc-settings-card-icon--layers{background:color-mix(in srgb,#3b82f6 10%,#fff);border-color:color-mix(in srgb,#3b82f6 18%,#e2e8f0);color:#2563eb}.qc-settings-card-icon--format{background:color-mix(in srgb,var(--primary) 10%,#fff);border-color:color-mix(in srgb,var(--primary) 18%,#e2e8f0)}.qc-settings-card-icon--express{background:color-mix(in srgb,#f59e0b 12%,#fff);border-color:color-mix(in srgb,#f59e0b 22%,#e2e8f0);color:#d97706}.qc-settings-card-head h3{margin:0;font-size:14px;font-weight:700;color:var(--text-main, #0f172a);line-height:1.25}.qc-settings-card-head p{margin:3px 0 0;font-size:12px;color:var(--text-muted, #64748b);line-height:1.45}.qc-settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:10px;border:1px solid var(--border-color, #eef2f6);background:var(--bg-surface, #f8fafc)}.qc-settings-row-copy strong{display:block;font-size:13px;color:var(--text-main, #0f172a)}.qc-settings-row-copy span{display:block;margin-top:2px;font-size:11px;color:var(--text-muted, #64748b)}.qc-settings-subsection{display:flex;flex-direction:column;gap:10px;padding-top:4px;border-top:1px dashed var(--border-color, #e2e8f0)}.qc-settings-subtitle{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted, #64748b)}.qc-option-card{display:flex;flex-direction:column;align-items:flex-start;gap:5px;width:100%;min-width:0;max-width:100%;padding:12px 14px;border-radius:12px;border:1.5px solid var(--border-color, #e2e8f0);background:var(--bg-surface, #f8fafc);text-align:left;cursor:pointer;box-sizing:border-box;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease,transform .15s ease}.qc-option-card strong{font-size:13px;font-weight:700;color:var(--text-main, #0f172a);max-width:100%}.qc-option-card>span:last-child{font-size:11px;color:var(--text-muted, #64748b);line-height:1.4;max-width:100%}.qc-option-card:hover:not(:disabled){border-color:#cbd5e1;background:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #0f172a0f}.qc-option-card.active{border-color:var(--primary, #5b3a7a);background:color-mix(in srgb,var(--primary) 7%,#fff);box-shadow:0 0 0 1px color-mix(in srgb,var(--primary) 20%,transparent)}.qc-option-card.active strong{color:var(--primary, #5b3a7a)}.qc-option-card:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.qc-option-card-top{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.qc-option-card-icon{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--border-color, #e2e8f0);color:var(--text-muted, #64748b)}.qc-option-card.active .qc-option-card-icon{background:color-mix(in srgb,var(--primary) 12%,#fff);border-color:color-mix(in srgb,var(--primary) 24%,#e2e8f0);color:var(--primary, #5b3a7a)}.qc-option-card-check{width:22px;height:22px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:var(--primary, #5b3a7a);color:var(--primary-contrast, #fff);flex-shrink:0}.qc-background-mode{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;min-width:0}.qc-settings-callout{display:flex;align-items:flex-start;gap:8px;margin:0;padding:10px 12px;border-radius:10px;border:1px solid color-mix(in srgb,#64748b 18%,#e2e8f0);background:color-mix(in srgb,#64748b 6%,#f8fafc);font-size:12px;color:var(--text-muted, #64748b);line-height:1.45}.qc-settings-callout svg{flex-shrink:0;margin-top:1px}.qc-settings-callout--success{border-color:color-mix(in srgb,#10b981 22%,#e2e8f0);background:color-mix(in srgb,#10b981 8%,#f0fdf4);color:#047857}.qc-switch{position:relative;display:inline-block;width:40px;height:20px}.qc-switch input{opacity:0;width:0;height:0}.qc-slider{position:absolute;cursor:pointer;inset:0;background-color:#cbd5e1;transition:.4s;border-radius:20px}.qc-slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;transition:.4s;border-radius:50%}.qc-switch input:checked+.qc-slider{background-color:var(--primary, #5b3a7a)}.qc-switch input:checked+.qc-slider:before{transform:translate(20px)}.qc-color-categories{display:flex;flex-wrap:wrap;gap:6px}.qc-color-category-chip{padding:5px 10px;border-radius:999px;border:1px solid var(--border-color, #e2e8f0);background:#fff;font-size:11px;font-weight:700;color:var(--text-muted, #64748b);cursor:pointer;transition:all .15s ease}.qc-color-category-chip:hover{border-color:#cbd5e1;color:var(--text-main, #0f172a)}.qc-color-category-chip.active{background:#5b3a7a14;border-color:var(--primary, #5b3a7a);color:var(--primary, #5b3a7a)}.qc-color-swatches{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;width:100%;min-width:0}.qc-swatch-btn{width:100%;aspect-ratio:1;max-width:100%;border-radius:10px;cursor:pointer;border:2px solid transparent;padding:0;box-shadow:inset 0 0 0 1px #0f172a14;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.qc-swatch-btn:hover{transform:scale(1.08);box-shadow:0 2px 8px #0f172a1f}.qc-swatch-btn.active{border-color:var(--primary, #5b3a7a);box-shadow:0 0 0 2px #fff inset,0 0 0 3px var(--primary, #5b3a7a)}.qc-color-input-wrapper{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--border-color, #e2e8f0);border-radius:10px;background:var(--bg-surface, #f8fafc)}.qc-color-preview{width:24px;height:24px;border-radius:6px;border:1px solid rgba(15,23,42,.1);flex-shrink:0}.qc-color-input-wrapper input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-size:13px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:var(--text-main, #334155)}.qc-color-input-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted, #94a3b8);flex-shrink:0}.qc-format-options{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;width:100%;min-width:0}.qc-option-card--format{gap:4px}.qc-format-frame{display:flex;align-items:center;justify-content:center;border-radius:8px;background:#fff;border:1px solid var(--border-color, #e2e8f0);color:var(--text-muted, #64748b)}.qc-format-frame--landscape{width:44px;height:28px}.qc-format-frame--portrait{width:28px;height:44px}.qc-option-card.active .qc-format-frame{background:color-mix(in srgb,var(--primary) 12%,#fff);border-color:color-mix(in srgb,var(--primary) 24%,#e2e8f0);color:var(--primary, #5b3a7a)}.qc-express-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;min-width:0}.qc-option-card--express{align-items:center;text-align:center;padding:14px 12px}.qc-option-card--express strong,.qc-option-card--express>span:last-child{width:100%;text-align:center}.qc-express-bars{display:flex;align-items:flex-end;justify-content:center;gap:4px;height:28px;margin-bottom:4px}.qc-express-bars span{width:5px;border-radius:999px;background:#cbd5e1;transition:background .15s ease,height .15s ease}.qc-express-bars span:nth-child(1){height:10px}.qc-express-bars span:nth-child(2){height:16px}.qc-express-bars span:nth-child(3){height:22px}.qc-express-bars span.on,.qc-option-card.active .qc-express-bars span.on{background:var(--primary, #5b3a7a)}@media(max-width:720px){.qc-settings-hero{flex-direction:column;align-items:stretch}.qc-settings-hero-chips{justify-content:flex-start}.qc-settings-grid{grid-template-columns:1fr}.qc-background-mode{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.qc-background-mode,.qc-express-options{grid-template-columns:1fr}.qc-color-swatches{grid-template-columns:repeat(4,minmax(0,1fr))}}.qc-footer{padding:16px 24px;border-top:1px solid var(--border-color, #e2e8f0);display:flex;justify-content:space-between;align-items:center;background:var(--bg-hover, #f8fafc);flex-shrink:0}.qc-footer-right{display:flex;align-items:center;gap:16px}.qc-selected-info{display:flex;flex-direction:column;align-items:flex-end}.qc-selected-info span{font-size:10px;font-weight:700;color:var(--text-muted, #64748b)}.qc-selected-info strong{font-size:13px;color:var(--primary, #4338ca)}.qc-btn-secondary{background:var(--bg-card, #ffffff);border:1px solid var(--border-color, #cbd5e1);min-height:42px;height:42px;padding:0 16px;border-radius:8px;font-size:14px;font-weight:600;color:var(--text-main, #334155);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:4px;box-sizing:border-box;transition:all .2s}.qc-btn-secondary:hover{background:var(--bg-hover, #f1f5f9)}.qc-btn-primary{background:var(--primary, #5b3a7a);border:none;min-height:42px;height:42px;padding:0 20px;border-radius:8px;font-size:14px;font-weight:600;color:var(--primary-contrast, #fff);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:4px;box-sizing:border-box;transition:all .2s}.qc-btn-primary:hover:not(:disabled){background:var(--primary-hover, var(--primary, #5b3a7a));transform:translateY(-1px)}.qc-btn-primary:disabled{background:var(--border-color, #cbd5e1);color:color-mix(in srgb,var(--text-muted, #64748b) 70%,#fff);cursor:not-allowed;transform:none}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.pm-overlay{position:fixed;inset:0;z-index:9999;background:#0206179e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:18px}.pm-modal{width:min(900px,96vw);border-radius:18px;border:1px solid var(--border-color);background:var(--bg-card);box-shadow:0 28px 90px #00000073;overflow:hidden}.pm-head{padding:16px;border-bottom:1px solid var(--border-color);display:flex;align-items:flex-start;justify-content:space-between;gap:12px;background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 7%,var(--bg-card)) 0%,var(--bg-card) 100%)}.pm-title{font-weight:900;font-size:16px;color:var(--text-main)}.pm-subtitle{font-size:12px;color:var(--text-muted);margin-top:4px;line-height:1.35}.pm-close{width:32px;height:32px;border-radius:12px;background:color-mix(in srgb,var(--text-main) 6%,transparent);border:1px solid var(--border-color);color:var(--text-main);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .15s ease,border-color .15s ease,transform .15s ease}.pm-close:hover{background:color-mix(in srgb,var(--primary) 10%,var(--bg-card));border-color:color-mix(in srgb,var(--primary) 35%,var(--border-color));transform:translateY(-1px)}.pm-body{padding:16px;display:flex;flex-direction:column;gap:10px}.pm-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pm-card{width:100%;padding:16px;border-radius:18px;border:1px solid var(--border-color);background:color-mix(in srgb,var(--bg-surface) 92%,var(--bg-card));color:var(--text-main);text-align:left;display:flex;flex-direction:column;gap:14px;transition:transform .15s ease,background .15s ease,border-color .15s ease}.pm-card:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--primary) 35%,var(--border-color));background:color-mix(in srgb,var(--primary) 7%,var(--bg-surface))}.pm-card--primary{border-color:color-mix(in srgb,var(--primary) 35%,var(--border-color));background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 10%,var(--bg-surface)),color-mix(in srgb,var(--bg-surface) 92%,var(--bg-card)))}.pm-card-top{display:flex;gap:12px;align-items:flex-start}.pm-bestfor{display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:16px;border:1px solid var(--border-color);background:color-mix(in srgb,var(--bg-card) 88%,var(--bg-surface))}.pm-bestfor--voice{border-color:color-mix(in srgb,rgba(16,185,129,.6) 18%,var(--border-color));background:color-mix(in srgb,rgba(16,185,129,.22) 16%,var(--bg-card))}.pm-bestfor-label{font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.pm-bestfor-value{font-size:13px;font-weight:900;color:var(--text-main)}.pm-option{width:100%;padding:14px;border-radius:16px;border:1px solid var(--border-color);background:color-mix(in srgb,var(--bg-surface) 92%,var(--bg-card));color:var(--text-main);cursor:pointer;text-align:left;display:flex;gap:12px;align-items:flex-start;transition:transform .15s ease,background .15s ease,border-color .15s ease}.pm-option:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--primary) 35%,var(--border-color));background:color-mix(in srgb,var(--primary) 7%,var(--bg-surface))}.pm-icon{width:40px;height:40px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid color-mix(in srgb,var(--border-color) 70%,transparent);background:color-mix(in srgb,var(--primary) 10%,var(--bg-card));color:var(--primary)}.pm-icon--voice{background:color-mix(in srgb,rgba(16,185,129,.35) 30%,var(--bg-card));color:#10b981}.pm-option-title{font-weight:900;font-size:13px;color:var(--text-main)}.pm-option-desc{font-size:12px;color:var(--text-muted);margin-top:4px;line-height:1.4}.pm-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:900;margin-left:8px;border:1px solid var(--border-color);background:color-mix(in srgb,var(--bg-surface) 92%,var(--bg-card));color:var(--text-muted);vertical-align:middle}.pm-badge--primary{border-color:color-mix(in srgb,var(--primary) 35%,var(--border-color));background:color-mix(in srgb,var(--primary) 10%,var(--bg-card));color:var(--primary)}.pm-bullets{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;font-size:11px;color:var(--text-muted);font-weight:700}.pm-card .pm-bullets{margin-top:0;gap:10px}.pm-card .pm-bullets span{padding:7px 10px;border-radius:999px;border:1px solid var(--border-color);background:color-mix(in srgb,var(--bg-card) 88%,var(--bg-surface));font-size:11px;line-height:1}.pm-cta{width:100%;padding:10px 12px;border-radius:14px;border:1px solid var(--border-color);background:transparent;color:var(--text-main);font-size:12px;font-weight:900;cursor:pointer;transition:transform .12s ease,background .12s ease,border-color .12s ease}.pm-cta:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--primary) 7%,transparent);border-color:color-mix(in srgb,var(--primary) 35%,var(--border-color))}.pm-cta--primary{border:none;background:var(--primary);color:#fff;box-shadow:0 4px 14px rgba(var(--primary-rgb),.28)}.pm-cta--primary:hover{background:var(--primary-hover);box-shadow:0 6px 18px rgba(var(--primary-rgb),.38)}.pm-card:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(var(--primary-rgb),.35)}@media(max-width:760px){.pm-grid{grid-template-columns:1fr}}.pm-option:focus-visible,.pm-close:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(var(--primary-rgb),.35)}.vos-overlay{position:fixed;inset:0;z-index:10000;background:#0206179e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:18px}.vos-modal{width:min(980px,96vw);max-height:min(78vh,760px);border-radius:18px;border:1px solid var(--border-color);background:var(--bg-card);box-shadow:0 28px 90px #00000073;overflow:hidden;display:flex;flex-direction:column}.vos-head{padding:16px;border-bottom:1px solid var(--border-color);display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.vos-title{font-weight:900;font-size:16px;color:var(--text-main);display:flex;align-items:center;gap:8px}.vos-subtitle{font-size:12px;color:var(--text-muted);margin-top:4px;line-height:1.35}.vos-close{width:32px;height:32px;border-radius:12px;background:color-mix(in srgb,var(--text-main) 6%,transparent);border:1px solid var(--border-color);color:var(--text-main);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .15s ease,border-color .15s ease,transform .15s ease}.vos-close:hover{background:color-mix(in srgb,var(--primary) 10%,var(--bg-card));border-color:color-mix(in srgb,var(--primary) 35%,var(--border-color));transform:translateY(-1px)}.vos-content{padding:16px;display:flex;flex-direction:column;gap:12px;overflow:hidden}.vos-stepbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:16px;border:1px solid var(--border-color);background:color-mix(in srgb,var(--bg-surface) 92%,var(--bg-card))}.vos-stepbar-title{font-size:12px;font-weight:900;color:var(--text-main)}.vos-stepbar-subtitle{font-size:11px;color:var(--text-muted);margin-top:2px}.vos-step-pills{display:inline-flex;gap:8px;padding:6px;border-radius:14px;border:1px solid var(--border-color);background:color-mix(in srgb,var(--bg-card) 88%,var(--bg-surface));flex-shrink:0}.vos-step1-grid{display:grid;grid-template-columns:1fr .68fr;gap:14px;overflow:hidden;min-height:0}.vos-list-pane{min-width:0;min-height:0;border-radius:16px;border:1px solid var(--border-color);background:color-mix(in srgb,var(--bg-surface) 92%,var(--bg-card));padding:12px;overflow:hidden;display:flex;flex-direction:column;gap:10px}.vos-list-scroll{overflow:auto;padding-right:6px}.vos-side-pane{min-width:0;min-height:0;border-radius:16px;border:1px solid var(--border-color);background:color-mix(in srgb,var(--bg-surface) 92%,var(--bg-card));padding:12px;display:flex;flex-direction:column;gap:12px}.vos-filters{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:0;align-items:center}.vos-filters select.vos-input{padding-right:34px}.vos-left,.vos-right{min-height:0;min-width:0;display:flex;flex-direction:column}.vos-input{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--border-color);background:color-mix(in srgb,var(--bg-surface) 92%,var(--bg-card));color:var(--text-main);outline:none;font-size:12px;font-weight:700}.vos-input:focus{border-color:color-mix(in srgb,var(--primary) 45%,var(--border-color));box-shadow:0 0 0 3px rgba(var(--primary-rgb),.25)}.vos-voice-list{overflow:visible;padding-right:0}.vos-empty{padding:12px 10px;border-radius:14px;border:1px dashed color-mix(in srgb,var(--primary) 35%,var(--border-color));background:color-mix(in srgb,var(--primary) 6%,var(--bg-surface));color:var(--text-muted);font-size:12px;font-weight:700}.vos-steps{display:none}.vos-step{padding:8px 10px;border-radius:12px;border:1px solid transparent;background:transparent;color:var(--text-muted);font-size:12px;font-weight:900;cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease,transform .12s ease}.vos-step:hover:not(:disabled){transform:translateY(-1px);background:color-mix(in srgb,var(--primary) 7%,transparent);color:var(--text-main)}.vos-step.active{background:color-mix(in srgb,var(--primary) 10%,var(--bg-card));border-color:color-mix(in srgb,var(--primary) 35%,var(--border-color));color:var(--primary)}.vos-step.disabled,.vos-step:disabled{opacity:.55;cursor:not-allowed}.vos-right-card{border-radius:16px;border:1px solid var(--border-color);background:color-mix(in srgb,var(--bg-surface) 92%,var(--bg-card));padding:14px}.vos-hint{font-size:12px;color:var(--text-muted);margin-top:6px;line-height:1.35}.vos-voice-row{display:flex;gap:8px;align-items:center;padding:10px;border-radius:14px;border:1px solid var(--border-color);background:color-mix(in srgb,var(--bg-surface) 92%,var(--bg-card));margin-bottom:8px;transition:transform .12s ease,border-color .12s ease,background .12s ease}.vos-voice-row:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--primary) 30%,var(--border-color))}.vos-voice-row--selected{border-color:color-mix(in srgb,var(--primary) 55%,var(--border-color));background:color-mix(in srgb,var(--primary) 8%,var(--bg-surface))}.vos-voice-pick{flex:1;text-align:left;background:transparent;border:none;color:var(--text-main);cursor:pointer;padding:0}.vos-voice-name{font-size:12px;font-weight:900}.vos-voice-meta{font-size:11px;color:var(--text-muted);margin-top:2px}.vos-preview-btn{width:34px;height:34px;border-radius:12px;border:1px solid var(--border-color);background:color-mix(in srgb,var(--text-main) 5%,transparent);color:var(--text-main);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .12s ease,border-color .12s ease,transform .12s ease}.vos-preview-btn:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--primary) 10%,var(--bg-card));border-color:color-mix(in srgb,var(--primary) 35%,var(--border-color))}.vos-preview-btn--playing{background:color-mix(in srgb,rgba(16,185,129,.25) 35%,var(--bg-card));border-color:color-mix(in srgb,rgba(16,185,129,.6) 40%,var(--border-color));color:#10b981}.vos-fields{display:flex;gap:10px;flex-wrap:wrap}.vos-field{flex:1 1 220px}.vos-field--tight{flex:0 0 130px}.vos-label{font-size:11px;color:var(--text-muted);font-weight:800;margin-bottom:6px}.vos-value{font-size:13px;font-weight:900;color:var(--text-main)}.vos-textarea{flex:1;min-height:240px;resize:none;padding:12px;border-radius:14px;border:1px solid var(--border-color);background:color-mix(in srgb,var(--bg-surface) 92%,var(--bg-card));color:var(--text-main);outline:none;font-size:13px;font-weight:600;line-height:1.45}.vos-textarea:focus{border-color:color-mix(in srgb,var(--primary) 45%,var(--border-color));box-shadow:0 0 0 3px rgba(var(--primary-rgb),.25)}.vos-error{font-size:12px;color:color-mix(in srgb,#fecaca 85%,var(--text-main));background:#dc26261f;border:1px solid rgba(220,38,38,.25);padding:10px 12px;border-radius:12px}.vos-footer{display:flex;justify-content:flex-end;gap:10px;padding-top:6px}.vos-btn{padding:10px 14px;border-radius:12px;font-size:12px;font-weight:900;cursor:pointer;transition:transform .12s ease,background .12s ease,border-color .12s ease,opacity .12s ease}.vos-btn:hover:not(:disabled){transform:translateY(-1px)}.vos-btn--ghost{border:1px solid var(--border-color);background:transparent;color:var(--text-main)}.vos-btn--primary{border:none;background:var(--primary);color:#fff;box-shadow:0 4px 14px rgba(var(--primary-rgb),.28)}.vos-btn--primary:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 6px 18px rgba(var(--primary-rgb),.38)}.vos-btn:disabled{opacity:.7;cursor:not-allowed}.vos-modal :focus-visible{outline:none;box-shadow:0 0 0 3px rgba(var(--primary-rgb),.35)}@media(max-width:900px){.vos-step1-grid{grid-template-columns:1fr}}.nf-page{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg-main);overflow:hidden;font-family:var(--font-family);transition:background .3s ease}.nf-dot-grid{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(var(--primary-rgb),.12) 1px,transparent 1px);background-size:30px 30px;pointer-events:none;z-index:0;animation:grid-drift 28s linear infinite}@keyframes grid-drift{0%{background-position:0 0}to{background-position:30px 30px}}.nf-orb{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none;z-index:0}.nf-orb-1{width:600px;height:600px;background:radial-gradient(circle,rgba(var(--primary-rgb),.18) 0%,transparent 70%);top:-180px;left:-160px;animation:orb-float 12s ease-in-out infinite alternate}.nf-orb-2{width:480px;height:480px;background:radial-gradient(circle,rgba(var(--primary-rgb),.13) 0%,transparent 70%);bottom:-120px;right:-100px;animation:orb-float 16s ease-in-out infinite alternate-reverse}@keyframes orb-float{0%{transform:translateY(0) scale(1);opacity:.8}to{transform:translateY(-50px) scale(1.12);opacity:1}}.nf-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:80px;width:100%;max-width:1080px;padding:0 48px;animation:page-entrance .7s cubic-bezier(.34,1.56,.64,1) both}@keyframes page-entrance{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.nf-illustration{flex:0 0 280px;display:flex;align-items:center;justify-content:center}.nf-owl-scene{position:relative;width:280px;height:340px}.nf-owl-svg{width:100%;height:100%;overflow:visible}.owl-float{animation:owl-bob 3.5s ease-in-out infinite;transform-origin:140px 230px}@keyframes owl-bob{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-8px) rotate(-1.5deg)}75%{transform:translateY(-4px) rotate(1.5deg)}}.wing-left{animation:wing-flap-left 3.5s ease-in-out infinite;transform-origin:90px 220px}.wing-right{animation:wing-flap-right 3.5s ease-in-out infinite;transform-origin:190px 220px}@keyframes wing-flap-left{0%,to{transform:rotate(-18deg)}40%{transform:rotate(-28deg) scaleY(1.05)}60%{transform:rotate(-14deg)}}@keyframes wing-flap-right{0%,to{transform:rotate(18deg)}40%{transform:rotate(28deg) scaleY(1.05)}60%{transform:rotate(14deg)}}.owl-shadow{animation:shadow-pulse 3.5s ease-in-out infinite}@keyframes shadow-pulse{0%,to{rx:58;opacity:.12}50%{rx:48;opacity:.07}}.star{animation:star-float 4s ease-in-out infinite alternate}.star-1{animation-duration:4.2s;animation-delay:0s}.star-2{animation-duration:5.1s;animation-delay:-1s}.star-3{animation-duration:3.8s;animation-delay:-2s}.star-4{animation-duration:4.7s;animation-delay:-.5s}.star-5{animation-duration:5.5s;animation-delay:-1.5s}.star-6{animation-duration:3.5s;animation-delay:-3s}@keyframes star-float{0%{transform:translateY(0) scale(1);opacity:.35}to{transform:translateY(-8px) scale(1.3);opacity:.7}}.question{animation:q-float 4s ease-in-out infinite alternate}.q-1{animation-duration:4.5s;animation-delay:0s}.q-2{animation-duration:5.2s;animation-delay:-1.2s}.q-3{animation-duration:3.9s;animation-delay:-2.5s}@keyframes q-float{0%{transform:translateY(0) rotate(-5deg);opacity:.3}to{transform:translateY(-10px) rotate(5deg);opacity:.55}}.nf-text{flex:1;max-width:480px;display:flex;flex-direction:column;align-items:flex-start}.nf-error-code{position:relative;font-size:120px;font-weight:900;line-height:1;letter-spacing:-6px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:16px;-webkit-user-select:none;user-select:none;animation:slide-up .6s .15s cubic-bezier(.34,1.56,.64,1) both}.nf-error-code:before,.nf-error-code:after{content:attr(data-text);position:absolute;top:0;left:0;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;opacity:0}.nf-error-code.glitch:before{animation:glitch-a .3s steps(2) both}.nf-error-code.glitch:after{animation:glitch-b .3s steps(2) both}@keyframes glitch-a{0%{opacity:.8;clip-path:polygon(0 15%,100% 15%,100% 40%,0 40%);transform:translate(-5px,2px)}50%{opacity:.6;clip-path:polygon(0 55%,100% 55%,100% 75%,0 75%);transform:translate(5px,-2px)}to{opacity:0;clip-path:polygon(0 0%,100% 0%,100% 0%,0 0%);transform:translate(0)}}@keyframes glitch-b{0%{opacity:.7;clip-path:polygon(0 45%,100% 45%,100% 65%,0 65%);transform:translate(4px,-3px);-webkit-text-fill-color:#f43f5e}50%{opacity:.5;clip-path:polygon(0 5%,100% 5%,100% 25%,0 25%);transform:translate(-4px,3px)}to{opacity:0;clip-path:polygon(0 0%,100% 0%,100% 0%,0 0%);transform:translate(0)}}.nf-badge{display:inline-flex;align-items:center;gap:8px;padding:5px 14px;background:rgba(var(--primary-rgb),.08);border:1px solid rgba(var(--primary-rgb),.25);border-radius:30px;font-size:12px;font-weight:600;color:var(--primary);margin-bottom:16px;animation:slide-up .6s .3s cubic-bezier(.34,1.56,.64,1) both}.nf-badge-dot{width:7px;height:7px;background:var(--primary);border-radius:50%;animation:dot-ping 1.6s ease-in-out infinite}@keyframes dot-ping{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.65);opacity:.4}}.nf-heading{font-size:36px;font-weight:700;color:var(--text-main);margin:0 0 12px;letter-spacing:-.5px;animation:slide-up .6s .42s cubic-bezier(.34,1.56,.64,1) both}.nf-sub{font-size:15px;line-height:1.75;color:var(--text-muted);margin:0 0 32px;animation:slide-up .6s .52s cubic-bezier(.34,1.56,.64,1) both}.nf-actions{display:flex;gap:14px;margin-bottom:22px;animation:slide-up .6s .62s cubic-bezier(.34,1.56,.64,1) both}.nf-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 26px;font-size:14px;font-weight:600;border-radius:40px;border:none;cursor:pointer;font-family:inherit;transition:all .22s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.nf-btn:after{content:"";position:absolute;inset:0;background:#fff;opacity:0;transition:opacity .2s}.nf-btn:hover:after{opacity:.08}.nf-btn:active:after{opacity:.15}.nf-btn.primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;box-shadow:0 4px 16px rgba(var(--primary-rgb),.35);animation:pulse-ring 2.8s 2s ease-out infinite}.nf-btn.primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 24px rgba(var(--primary-rgb),.45)}@keyframes pulse-ring{0%{box-shadow:0 4px 16px rgba(var(--primary-rgb),.35),0 0 rgba(var(--primary-rgb),.38)}70%{box-shadow:0 4px 16px rgba(var(--primary-rgb),.35),0 0 0 14px rgba(var(--primary-rgb),0)}to{box-shadow:0 4px 16px rgba(var(--primary-rgb),.35),0 0 rgba(var(--primary-rgb),0)}}.nf-btn.secondary{background:transparent;color:var(--text-main);border:1.5px solid var(--border-color)}.nf-btn.secondary:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px);background:rgba(var(--primary-rgb),.04)}.nf-hint{font-size:13px;color:var(--text-muted);animation:slide-up .6s .72s cubic-bezier(.34,1.56,.64,1) both}.nf-link{color:var(--primary);font-weight:500;cursor:pointer;text-decoration:underline;text-underline-offset:3px;transition:opacity .15s}.nf-link:hover{opacity:.7}@keyframes slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.nf-content{flex-direction:column;gap:32px;padding:32px 24px;text-align:center}.nf-illustration{flex:none;width:100%;height:260px}.nf-owl-scene{height:100%;width:auto;margin:0 auto}.nf-text{align-items:center}.nf-error-code{font-size:80px}.nf-heading{font-size:26px}.nf-actions{flex-direction:column;width:100%}.nf-btn{justify-content:center}}