:root{--brand-primary: #5e6ad2;--brand-hover: #6c79e6;--brand-light: rgba(94, 106, 210, .15);--bg-cream: #0c0c0e;--bg-cream-dark: #161618;--bg-cream-deeper: #222326;--bg-hover: #2c2d33;--text-primary: #ecebed;--text-secondary: #8a8f98;--text-tertiary: #60646c;--border-color: #27282b;--border-light: #313338;--radius-xl: 20px;--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px;--radius-xs: 6px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .08);--transition-fast: .15s ease;--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html,body{overscroll-behavior:none;touch-action:pan-x pan-y}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-cream);color:var(--text-primary)}code{font-family:SF Mono,Monaco,Menlo,Consolas,monospace}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.logo-idle-spin{animation:logoIdleSpin 22s linear infinite}@keyframes logoIdleSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.logo-spin{animation:logoSpin 1.2s linear infinite;color:var(--brand-primary)}@keyframes logoSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bar-icon-circle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;border-radius:50%;border:1px solid var(--border-color);background:transparent;color:var(--text-tertiary);flex-shrink:0;transition:border-color .15s,color .15s,background .15s}.bar-action .bar-icon-circle{border-color:#ffffff40;color:#fff;background:#ffffff1a}@keyframes theme-circle-reveal{0%{clip-path:circle(0% at var(--wipe-x, 50%) var(--wipe-y, 50%))}to{clip-path:circle(150% at var(--wipe-x, 50%) var(--wipe-y, 50%))}}@keyframes theme-old-fade{0%{opacity:1}to{opacity:0}}::view-transition{z-index:99999}::view-transition-group(root){overflow:visible}::view-transition-image-pair(root){overflow:visible;isolation:isolate}::view-transition-old(root){animation:theme-old-fade .9s cubic-bezier(.4,0,.2,1) forwards;z-index:1}::view-transition-new(root){animation:theme-circle-reveal .9s cubic-bezier(.76,0,.24,1) forwards;z-index:2}@media (max-width: 768px){::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}}.dock-wrapper{display:flex;align-items:stretch;justify-content:center;gap:16px;padding:0 16px;pointer-events:none}.dock-section{height:64px;background:var(--bg-cream-dark);border:1px solid var(--border-color);border-radius:20px;display:flex;align-items:center;padding:0 10px;pointer-events:auto}.dock-left{width:320px;min-width:320px;justify-content:flex-start;gap:8px}.dock-center{flex:1;justify-content:space-between;transition:justify-content .3s ease;position:relative;overflow:visible}.dock-center.editor-active{justify-content:space-between}.dock-editor-actions{display:flex;align-items:center;gap:8px}@keyframes dockContentFade{0%{opacity:0}to{opacity:1}}.dock-prompt-wrapper{display:flex;align-items:center;gap:8px;position:absolute;left:50%;transform:translate(-50%);width:400px;max-width:calc(100% - 260px);height:44px;padding:0 14px;border:none;border-radius:12px;background:color-mix(in srgb,var(--bg-cream) 60%,transparent);color:var(--text-tertiary);transition:border-color .2s ease,background .2s ease;animation:fadeIn .3s ease forwards;pointer-events:auto;z-index:1}.dock-prompt-wrapper:focus-within{border-color:var(--brand-primary);background:color-mix(in srgb,var(--brand-primary) 12%,transparent);color:var(--brand-primary)}.dock-prompt-wrapper:focus-within .dock-prompt-input{color:var(--brand-primary)}.dock-prompt-wrapper:focus-within .dock-prompt-input::placeholder{color:color-mix(in srgb,var(--brand-primary) 60%,transparent)}.dock-prompt-input{flex:1;min-width:0;border:none;background:transparent;color:var(--text-primary);font-size:13px;font-weight:500;font-family:inherit;outline:none;caret-color:var(--brand-primary)}.dock-prompt-input::placeholder{color:var(--text-tertiary);font-weight:400}.dock-prompt-input:disabled{opacity:.5}.dock-prompt-wrapper.error{border-color:#ef444480!important;background:color-mix(in srgb,#ef4444 8%,transparent)!important;color:#ef4444!important;animation:promptShake .4s cubic-bezier(.36,.07,.19,.97) both}.dock-prompt-wrapper.error .dock-prompt-input{color:#ef4444!important}.dock-prompt-input--error::placeholder{color:#ef4444!important;font-weight:500;font-style:normal}.dock-prompt-wrapper.error .dock-prompt-input::placeholder{color:#ef444499}.dock-prompt-wrapper.error svg{color:#ef4444!important}@keyframes promptShake{0%,to{transform:translate(-50%)}10%,90%{transform:translate(calc(-50% - 1px))}20%,80%{transform:translate(calc(-50% + 2px))}30%,50%,70%{transform:translate(calc(-50% - 4px))}40%,60%{transform:translate(calc(-50% + 4px))}}.dock-prompt-send{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:7px;border:none;background:var(--brand-primary);color:#fff;cursor:pointer;flex-shrink:0;transition:opacity .15s ease,transform .1s ease}.dock-prompt-send:disabled{opacity:0;pointer-events:none}.dock-prompt-send:not(:disabled):hover{transform:scale(1.1)}.dock-prompt-field{flex:1;min-width:0;position:relative;display:flex;align-items:center}.dock-prompt-rotating-ph{position:absolute;left:0;right:0;pointer-events:none;font-size:13px;font-weight:400;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:phFadeSlide .4s ease forwards}@keyframes phFadeSlide{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.dock-prompt-error-inline{position:absolute;left:0;right:0;pointer-events:none;font-size:12px;font-weight:500;color:#ef4444;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dock-prompt-inner{flex:1;min-width:0;display:flex;align-items:center}.dock-prompt-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.dock-prompt-chips{position:absolute;bottom:calc(100% + 6px);left:0;right:0;display:flex;flex-wrap:nowrap;gap:5px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:6px 10px;background:var(--bg-cream-deeper);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 4px 20px #00000017;z-index:20;pointer-events:auto;animation:fadeIn .18s ease}.dock-prompt-chips::-webkit-scrollbar{display:none}.dock-prompt-chip{flex-shrink:0;padding:3px 10px;border-radius:100px;border:1px solid var(--border-color);background:var(--bg-cream);color:var(--text-secondary);font-size:11px;font-weight:500;font-family:inherit;cursor:pointer;white-space:nowrap;transition:background .15s ease,border-color .15s ease,color .15s ease}.dock-prompt-chip:hover{background:color-mix(in srgb,var(--brand-primary) 10%,var(--bg-cream));border-color:var(--brand-primary);color:var(--brand-primary)}.dock-prompt-undo{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:7px;border:1px solid var(--border-color);background:transparent;color:var(--text-tertiary);cursor:pointer;flex-shrink:0;transition:background .15s ease,color .15s ease,border-color .15s ease;animation:fadeIn .2s ease}.dock-prompt-undo:hover{background:color-mix(in srgb,var(--brand-primary) 12%,transparent);color:var(--brand-primary);border-color:var(--brand-primary)}.dock-prompt-error-msg{position:absolute;bottom:calc(100% + 6px);left:0;right:0;text-align:center;font-size:11.5px;font-weight:500;color:#ef4444;background:color-mix(in srgb,#ef4444 8%,var(--bg-cream-deeper));border:1px solid rgba(239,68,68,.25);border-radius:8px;padding:5px 10px;pointer-events:none;animation:fadeIn .2s ease;z-index:20;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dock-m-prompt .dock-prompt-chips{position:static;flex-wrap:nowrap;overflow-x:auto;padding:4px 12px;background:none;border:none;box-shadow:none;border-radius:0;animation:none}.dock-m-prompt .dock-prompt-error-msg{position:static;margin:0 12px 4px;border-radius:8px;text-align:left;white-space:normal}.dock-center-right{display:flex;align-items:center;gap:8px;margin-left:auto}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.dock-version{font-size:11px;font-weight:600;letter-spacing:.6px;color:var(--text-tertiary);white-space:nowrap;flex-shrink:0;margin-right:8px}.dock-right{width:320px;min-width:320px;justify-content:space-between;gap:8px;transition:background .3s ease,border-color .3s ease;position:relative;overflow:hidden}.dock-right.export-mode{background:var(--brand-primary);border-color:var(--brand-primary);padding:0}.dock-export-full-btn{width:100%;height:100%;background:transparent;border:none;color:#fff;font-size:15px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;border-radius:20px;transition:all .2s ease;animation:fadeIn .3s ease forwards}.dock-export-full-btn:hover{background:#ffffff1a}.dock-export-full-btn:active{background:#fff3;transform:scale(.98)}.dock-divider{width:1px;height:24px;background:var(--border-color);margin:0 8px}.dock-center .dock-divider{display:none}.dock-nav-group{display:flex;align-items:center;gap:6px}.dock-btn{display:flex;align-items:center;justify-content:center;height:44px;padding:0 16px;background:transparent;border:none;color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;border-radius:12px;transition:color .2s ease,background .2s ease;white-space:nowrap;position:relative}.dock-btn span{display:inline-block;max-width:0;opacity:0;margin-left:0;overflow:hidden;white-space:nowrap;pointer-events:none;transition:opacity .25s cubic-bezier(.4,0,.2,1),max-width .3s cubic-bezier(.4,0,.2,1),margin .3s cubic-bezier(.4,0,.2,1);transition-delay:0s}.dock-btn:hover{background:color-mix(in srgb,var(--brand-primary) 10%,transparent);color:var(--brand-primary)}.dock-btn:hover span{max-width:80px;opacity:1;margin-left:7px;transition-delay:.22s}.dock-btn.active{background:color-mix(in srgb,var(--brand-primary) 12%,transparent);color:var(--brand-primary)}.dock-btn.active span{max-width:80px;opacity:1;margin-left:7px}.dock-left:has(.dock-btn:not(.active):hover) .dock-btn.active:not(:hover) span,.dock-right:has(.dock-btn:not(.active):hover) .dock-btn.active:not(:hover) span{max-width:0;opacity:0;margin-left:0;transition-delay:.25s}.dock-btn.primary{background:var(--brand-primary);color:#fff}.dock-btn.primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.dock-btn.primary.active{color:#fff}.dock-btn:disabled,.dock-btn.disabled{opacity:.4;cursor:default;pointer-events:none;color:var(--text-secondary)!important;background:transparent!important}.dock-actions{display:flex;align-items:center;gap:6px}.dock-search-bar{display:flex;align-items:center;gap:12px;background:transparent;border-radius:12px;flex:1}.dock-search-bar .search-icon{color:var(--text-tertiary)}.dock-search-bar input{flex:1;min-width:0;border:none;background:transparent;color:var(--text-primary);font-size:14px;outline:none}.dock-search-bar input::placeholder{color:var(--text-tertiary)}.dock-position-btn{width:32px;height:32px;border-radius:50%;border:1px solid transparent}.dock-position-btn:hover{border-color:var(--border-color)}.spinning{animation:spinSmooth 2s cubic-bezier(.4,0,.2,1) infinite}@keyframes spinSmooth{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}.dock-mobile{position:fixed;bottom:0;left:0;right:0;z-index:200;display:flex;flex-direction:column;background:var(--bg-cream-dark);border-top:none;padding-bottom:env(safe-area-inset-bottom,0px)}.dock-m-context{display:flex;align-items:center;gap:6px;padding:8px 16px 6px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;border-bottom:1px solid var(--border-color)}.dock-m-scroll-actions{display:flex;align-items:center;gap:8px;padding:10px 16px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;border-bottom:none}.dock-m-scroll-actions::-webkit-scrollbar{display:none}.dock-m-dot{width:4px;height:4px;border-radius:50%;background:var(--text-tertiary);opacity:.3;flex-shrink:0;margin:0 2px}.dock-m-pill{display:flex;align-items:center;gap:6px;padding:0 14px;height:36px;border:1px solid var(--border-color);border-radius:12px;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:600;font-family:inherit;white-space:nowrap;cursor:pointer;flex-shrink:0;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.dock-m-pill.active{background:color-mix(in srgb,var(--brand-primary) 12%,transparent);color:var(--brand-primary);border-color:color-mix(in srgb,var(--brand-primary) 20%,transparent)}.dock-m-pill.primary{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}.dock-m-btn.active{color:var(--brand-primary)}.dock-m-btn.active span{opacity:1}.dock-m-btn:active{transform:scale(.92);transition:transform .08s ease}.dock-m-pill.disabled{opacity:.45;pointer-events:none}.dock-m-pill:active:not(.disabled){transform:scale(.94);transition:transform .08s ease}.dock-m-prompt{padding:10px 16px 2px;display:flex;justify-content:center;transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .22s ease,max-height .28s cubic-bezier(.2,.8,.2,1),padding .28s cubic-bezier(.2,.8,.2,1);max-height:80px;overflow:hidden;transform:translateY(0);opacity:1;pointer-events:auto}.dock-m-prompt--hidden{transform:translateY(20px);opacity:0;max-height:0;padding-top:0;padding-bottom:0;pointer-events:none}.dock-m-nav{display:flex;align-items:center;justify-content:space-between;padding:8px 16px 10px}.dock-m-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex:1;padding:6px 4px 5px;border:none;border-radius:12px;background:transparent;color:var(--text-tertiary);font-family:inherit;cursor:pointer;transition:all .18s ease;-webkit-tap-highlight-color:transparent}.dock-m-btn span{display:none}.market-panel{display:flex;flex-direction:column;min-width:280px;overflow:hidden;transition:flex .3s ease}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;flex-shrink:0;height:60px}.panel-title{display:flex;align-items:center;gap:8px;color:var(--text-primary)}.panel-title h3{margin:0;font-size:14px;font-weight:700;letter-spacing:-.3px}.market-cards{flex:1;overflow-y:auto;padding:16px 20px 20px;display:flex;flex-direction:column;gap:16px;position:relative}.market-loader-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.market-cards::-webkit-scrollbar,.profile-fields::-webkit-scrollbar{display:none}.market-cards,.profile-fields{-ms-overflow-style:none;scrollbar-width:none}.market-cards,.profile-fields{white-space:normal;min-width:280px}.market-card{padding:16px;border:1px solid var(--border-color);border-radius:14px;cursor:pointer;transition:all .2s cubic-bezier(.2,.8,.2,1);background:var(--bg-cream-deeper);display:flex;flex-direction:column;gap:12px}.market-card.stagger-in{animation:slideUpCard .4s cubic-bezier(.175,.885,.32,1.275) backwards}@keyframes slideUpCard{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.market-card:hover{border-color:var(--brand-primary);background:color-mix(in srgb,var(--brand-primary) 5%,var(--bg-cream-deeper));transform:translateY(-2px)}.market-card.selected{border-color:var(--brand-primary);background:color-mix(in srgb,var(--brand-primary) 12%,var(--bg-cream-deeper))}.card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.card-logo{width:40px;height:40px;border-radius:10px;object-fit:contain;flex-shrink:0}.card-title{font-size:12px;font-weight:700;letter-spacing:-.1px;color:var(--text-secondary)}.card-heading{font-size:15px;font-weight:700;letter-spacing:-.2px;line-height:1.35;color:#fff;margin:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.card-badge{font-size:11px;font-weight:700;padding:4px 10px;border-radius:6px;letter-spacing:.3px;white-space:nowrap}.card-badge.up{background:#4ade8026;color:#4ade80;border:1px solid rgba(74,222,128,.25)}.card-badge.down{background:#f8717126;color:#f87171;border:1px solid rgba(248,113,113,.25)}.card-desc{font-size:12.5px;color:#fff9;line-height:1.5;margin:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical}.card-divider{display:none}.card-bottom{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--text-tertiary);font-weight:600}.profile-fields{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:40px}.profile-section{display:flex;flex-direction:column;gap:20px}.profile-section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-tertiary)}.profile-field{display:flex;flex-direction:column;gap:8px}.profile-field-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary)}.profile-field-input{width:100%;padding:14px 16px;border:1px solid rgba(255,255,255,.09);border-radius:12px;font-size:14px;font-weight:500;background:var(--bg-cream-deeper);color:var(--text-primary);font-family:inherit;transition:border-color .2s,box-shadow .2s}.profile-field-input:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-primary) 12%,transparent)}.profile-field-input::placeholder{color:var(--text-tertiary)}.brand-logo-card{background:var(--bg-cream-deeper);border:1px solid var(--border-color);border-radius:14px;overflow:hidden;transition:all .2s}.brand-logo-card:hover{border-color:color-mix(in srgb,var(--brand-primary) 50%,var(--border-color))}.brand-logo-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:28px 16px;cursor:pointer;color:var(--text-tertiary);font-size:12px;font-weight:500;border:2px dashed var(--border-color);border-radius:14px;background:transparent;transition:all .2s;margin:-1px}.brand-logo-dropzone:hover{border-color:var(--brand-primary);color:var(--brand-primary);background:color-mix(in srgb,var(--brand-primary) 5%,transparent)}.brand-logo-preview{position:relative;display:flex;align-items:center;justify-content:center;padding:24px 16px;min-height:80px}.brand-logo-preview img{max-width:70%;max-height:56px;object-fit:contain}.brand-logo-remove{position:absolute;top:8px;right:8px;width:24px;height:24px;background:var(--bg-cream-dark);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.brand-logo-remove:hover{color:#ef4444;border-color:#ef4444;transform:scale(1.1)}.brand-preview-card{display:flex;align-items:center;justify-content:center;padding:28px;border-radius:16px;transition:background .4s ease}.brand-swatches{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.brand-swatch{width:100%;aspect-ratio:1;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;transition:all .2s cubic-bezier(.2,.8,.2,1)}.brand-swatch:hover{transform:scale(1.15)}.brand-swatch.active{border-color:#fff;box-shadow:0 0 0 2px var(--bg-cream-dark);transform:scale(1.1)}.brand-hex-row{display:flex;align-items:center;gap:10px}.brand-hex-swatch{width:38px;height:38px;border-radius:10px;border:2px solid var(--border-color);flex-shrink:0;transition:border-color .2s}.brand-hex-row:focus-within .brand-hex-swatch{border-color:var(--brand-primary)}.brand-hex-input{flex:1;font-family:SF Mono,Fira Code,monospace;font-size:13px;letter-spacing:.5px}.brand-contrast-warn{font-size:12px;color:#f59e0b;background:#f59e0b14;border:1px solid rgba(245,158,11,.2);border-radius:10px;padding:10px 14px;line-height:1.4}.market-refresh-bar{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:10px 16px 14px;border-top:1px solid var(--border-color)}.market-refresh-btn{display:flex;align-items:center;gap:6px;padding:9px 20px;border:1px solid var(--border-color);border-radius:999px;background:var(--bg-cream-deeper);color:var(--text-secondary);font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s;width:100%;justify-content:center}.market-refresh-btn:hover:not(:disabled){border-color:var(--brand-primary);color:var(--brand-primary);background:color-mix(in srgb,var(--brand-primary) 6%,transparent)}.market-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.market-card--skeleton{min-height:80px;position:relative;overflow:hidden;background:var(--bg-cream-deeper);border:1px solid var(--border-color);border-radius:12px}.skeleton-shimmer{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.25) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.card-impact{display:inline-flex;align-items:center;gap:3px;font-size:9px;font-weight:700;color:#e07200;background:#e072001a;border:1px solid rgba(224,114,0,.25);border-radius:999px;padding:2px 6px;white-space:nowrap}.market-no-key{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px 24px;text-align:center;color:var(--text-tertiary)}.market-no-key p{font-size:12.5px;line-height:1.6;margin:0}.market-no-key strong{color:var(--text-secondary)}.card-signal{display:inline-flex;align-items:center;gap:3px;font-size:9px;font-weight:700;border-radius:999px;padding:2px 7px;white-space:nowrap;letter-spacing:.04em}.card-signal--buy{color:#1a7c3e;background:#1a7c3e1a;border:1px solid rgba(26,124,62,.25)}.card-signal--caution{color:#c0392b;background:#c0392b1a;border:1px solid rgba(192,57,43,.25)}.card-signal--watch{color:#4a6fa5;background:#4a6fa51a;border:1px solid rgba(74,111,165,.25)}.market-refresh-bar{flex-shrink:0;height:60px;border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 20px;gap:8px}.refresh-timestamp{font-size:13px;font-weight:500;color:var(--text-secondary);white-space:nowrap}.refresh-btn{width:28px;height:28px;min-width:28px;border:1px solid var(--border-color);background:transparent;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);transition:all .2s;flex-shrink:0}.refresh-btn:hover{background:color-mix(in srgb,var(--brand-primary) 10%,transparent);color:var(--text-primary);border-color:var(--brand-primary)}.refresh-btn.spinning svg{animation:spin .7s linear}@media (max-width: 767px){.market-panel{border-radius:0;border:none}.market-panel .panel-header{padding:10px 16px;height:48px}.market-cards{padding:16px 16px 24px;gap:12px}.market-card{padding:14px 16px;border:1px solid rgba(255,255,255,.05);border-radius:14px;background:#14141466;backdrop-filter:blur(10px)}.market-card:last-child{border-bottom:1px solid rgba(255,255,255,.05)}.market-card:hover{background:#1e1e1e99;transform:none}.market-card.selected{background:color-mix(in srgb,var(--brand-primary) 12%,transparent)}.profile-fields{padding:16px}}.video-canvas-container{width:100%;height:100%;display:flex;align-items:stretch;justify-content:center;overflow:hidden;min-height:0}.video-canvas{position:relative;width:100%;height:100%;background-color:transparent;overflow:hidden}.canvas-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.canvas-background img{width:100%;height:100%;object-fit:cover}.canvas-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0003,#000c)}.canvas-grid-pattern{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse at center,black 40%,transparent 100%);mask-image:radial-gradient(ellipse at center,black 40%,transparent 100%)}.canvas-elements-layer{position:absolute;top:0;left:0;pointer-events:none;z-index:2}.canvas-element{position:absolute;pointer-events:auto;user-select:none;cursor:grab;display:inline-block}.canvas-element:active{cursor:grabbing}.element-text{padding:8px;white-space:pre-wrap;word-break:break-word;cursor:grab;border:1px solid transparent}.canvas-element:hover .element-text{background:color-mix(in srgb,var(--brand-primary) 10%,transparent);border-radius:4px}.canvas-element.selected{z-index:100}.canvas-element.multi-selected{z-index:99}.canvas-element .selection-border{position:absolute;inset:-4px;border:2px solid var(--brand-primary);pointer-events:none;border-radius:2px}.canvas-element .selection-border.multi-select-border{border-style:dashed;opacity:.7}.resize-handle{position:absolute;width:20px;height:20px;background:var(--bg-cream-dark, #fff);border:2px solid var(--brand-primary);border-radius:50%;z-index:101;pointer-events:auto;transition:transform .15s,background .15s}.resize-handle:hover{transform:scale(1.3);background:var(--brand-primary);border-color:#fff}.resize-handle.nw{cursor:nwse-resize}.resize-handle.ne,.resize-handle.sw{cursor:nesw-resize}.resize-handle.se{cursor:nwse-resize}.resize-handle.edge-w,.resize-handle.edge-e{width:8px;height:28px;border-radius:4px;cursor:ew-resize}.resize-handle.edge-w:hover,.resize-handle.edge-e:hover{transform:scale(1.2);background:var(--brand-primary);border-color:#fff}.canvas-element.dragging{opacity:.8;cursor:grabbing}.canvas-element img{display:block;pointer-events:none}.smart-guide{position:absolute;pointer-events:none;z-index:300}.smart-guide-v{top:0;width:0;height:100%;border-left:1.5px dashed var(--brand-primary, #e879f9);opacity:.85}.smart-guide-h{left:0;height:0;width:100%;border-top:1.5px dashed var(--brand-primary, #e879f9);opacity:.85}@keyframes marqueeAntsDash{0%{background-position:0 0,100% 0,100% 100%,0 100%}to{background-position:24px 0,100% 24px,calc(100% - 24px) 100%,0 calc(100% - 24px)}}.marquee-rect{position:absolute;pointer-events:none;z-index:200;border-radius:5px;background:repeating-linear-gradient(90deg,var(--brand-primary, #e879f9) 0,var(--brand-primary, #e879f9) 10px,transparent 10px,transparent 18px) 0 0 / 18px 3px no-repeat,repeating-linear-gradient(90deg,var(--brand-primary, #e879f9) 0,var(--brand-primary, #e879f9) 10px,transparent 10px,transparent 18px) 0 100% / 18px 3px no-repeat,repeating-linear-gradient(180deg,var(--brand-primary, #e879f9) 0,var(--brand-primary, #e879f9) 10px,transparent 10px,transparent 18px) 0 0 / 3px 18px no-repeat,repeating-linear-gradient(180deg,var(--brand-primary, #e879f9) 0,var(--brand-primary, #e879f9) 10px,transparent 10px,transparent 18px) 100% 0 / 3px 18px no-repeat,#e879f912;outline:2.5px dashed color-mix(in srgb,var(--brand-primary, #e879f9) 90%,transparent);outline-offset:-1px;box-shadow:0 0 0 1px #e879f926,inset 0 0 28px #e879f90f,0 0 20px #e879f92e;animation:marqueeGlow .7s ease-in-out infinite alternate}@keyframes marqueeGlow{0%{box-shadow:0 0 0 1px #e879f926,inset 0 0 28px #e879f90f,0 0 20px #e879f92e}to{box-shadow:0 0 0 1px #e879f94d,inset 0 0 28px #e879f91a,0 0 28px #e879f959}}@media (max-width: 767px){.video-canvas-container{border-radius:0;border:none}.video-canvas{padding:8px;touch-action:none}.resize-handle{width:28px;height:28px}.resize-handle.edge-w,.resize-handle.edge-e{width:12px;height:36px}}.image-canvas-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:0}.image-canvas{position:relative;max-width:100%;max-height:100%;background-color:#0a0a0a;overflow:hidden;border-radius:0;width:auto;height:100%}.image-canvas .canvas-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.image-canvas .canvas-empty-bg{width:100%;height:100%;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460)}.image-canvas .canvas-grid-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;-webkit-mask-image:radial-gradient(ellipse at center,black 40%,transparent 100%);mask-image:radial-gradient(ellipse at center,black 40%,transparent 100%)}.image-canvas .canvas-elements-layer{position:absolute;top:0;left:0;pointer-events:none;z-index:2}.image-canvas .canvas-element{position:absolute;pointer-events:auto;user-select:none;cursor:grab;display:inline-block}.image-canvas .canvas-element:active{cursor:grabbing}.image-canvas .canvas-element.is-bg{cursor:pointer}.image-canvas .canvas-element.is-bg:hover:after{content:"";position:absolute;inset:0;background:color-mix(in srgb,var(--brand-primary) 8%,transparent);pointer-events:none}.image-canvas .canvas-element.is-overlay{cursor:default;pointer-events:none}.image-canvas .canvas-element img{display:block;pointer-events:none}.image-canvas .element-text{padding:8px;white-space:pre-wrap;word-break:break-word;cursor:grab;border:1px solid transparent}.image-canvas .canvas-element:hover .element-text{background:color-mix(in srgb,var(--brand-primary) 10%,transparent);border-radius:4px}.image-canvas .canvas-element.selected{outline:none}.image-canvas .canvas-element.editing-text{cursor:text}.image-canvas .element-text.is-editing{cursor:text!important;border:1px dashed color-mix(in srgb,var(--brand-primary) 40%,transparent)!important;border-radius:4px;background:#ffffff14;min-width:40px;min-height:20px}.image-canvas .selection-border{position:absolute;inset:-4px;border:2px solid var(--brand-primary);pointer-events:none;border-radius:2px}.image-elem-overlay.selected .transform-handle{position:absolute;width:10px;height:10px;background:var(--bg-cream-dark);border:1px solid var(--brand-primary);border-radius:50%;pointer-events:auto}.image-canvas .resize-handle{position:absolute;width:20px;height:20px;background:var(--bg-cream-dark);border:2px solid var(--brand-primary);border-radius:50%;z-index:101;pointer-events:auto;transition:transform .15s,background .15s}.image-canvas .resize-handle:hover{transform:scale(1.3);background:var(--brand-primary);border-color:#fff}.image-canvas .resize-handle.nw{top:-10px;left:-10px;cursor:nwse-resize}.image-canvas .resize-handle.ne{top:-10px;right:-10px;cursor:nesw-resize}.image-canvas .resize-handle.sw{bottom:-10px;left:-10px;cursor:nesw-resize}.image-canvas .resize-handle.se{bottom:-10px;right:-10px;cursor:nwse-resize}.image-canvas .canvas-element.dragging{opacity:.8;cursor:grabbing}.image-placeholder{display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,color-mix(in srgb,var(--brand-primary) 5%,transparent),color-mix(in srgb,var(--brand-primary) 5%,transparent) 10px,transparent 10px,transparent 20px);border-radius:4px}.replace-icon-btn{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;background:#0000008c;backdrop-filter:blur(8px);color:#fff;border:1.5px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;transition:all .2s;gap:0}.replace-icon-btn--bg{top:50%;left:50%;right:auto;transform:translate(-50%,-50%);width:auto;height:48px;border-radius:999px;padding:0 20px;gap:10px;background:#000000a6;border:1.5px solid rgba(255,255,255,.3);font-size:14px;font-weight:600;font-family:inherit;white-space:nowrap;letter-spacing:-.2px}.replace-icon-btn__label{font-size:14px;font-weight:600;color:#fff;letter-spacing:-.2px}.replace-img-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--bg-cream-dark);border-radius:50%;color:var(--text-primary);cursor:pointer;pointer-events:auto;transition:all .2s}.replace-icon-btn:hover{background:var(--brand-primary, #6366f1);color:#fff;transform:scale(1.1)}.img-position-bar{position:absolute;bottom:8px;left:50%;transform:translate(-50%);display:flex;gap:4px;background:#fff;border-radius:999px;padding:3px;z-index:102;pointer-events:auto}.object-position-presets{position:absolute;top:-50px;right:0;display:flex;gap:4px;background:var(--bg-cream-dark);padding:6px;border-radius:12px;pointer-events:auto}.pos-btn{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:none;background:transparent;cursor:pointer;color:var(--text-tertiary);transition:all .2s}.pos-btn:hover{background:var(--bg-cream-deeper);color:var(--text-primary)}.pos-btn.active{background:var(--bg-cream-dark);color:var(--brand-primary)}.replace-picker-overlay{position:absolute;bottom:12px;left:50%;transform:translate(-50%);z-index:200;animation:fadeIn .2s ease}.replace-picker{background:#fff;border-radius:14px;border:1px solid rgba(0,0,0,.08);width:320px;max-height:400px;overflow:hidden;display:flex;flex-direction:column}.replace-picker-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #eee;font-size:13px;font-weight:700;color:#333}.replace-picker-close{background:none;border:none;cursor:pointer;color:#999;padding:4px;border-radius:6px;display:flex;align-items:center}.replace-picker-close:hover{background:#f0f0f0;color:#333}.replace-option-btn{display:flex;align-items:center;gap:10px;padding:12px 16px;border:none;background:none;cursor:pointer;font-size:13px;font-weight:500;color:#555;width:100%;text-align:left;transition:background .15s}.replace-option-btn:hover{background:#f5f5ff;color:var(--brand-primary, #6366f1)}.replace-search-row{display:flex;align-items:center;padding:8px 12px;gap:6px;border-top:1px solid #f0f0f0}.replace-search-row input{flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:8px;font-size:12px;outline:none;transition:border-color .2s}.replace-search-row input:focus{border-color:var(--brand-primary)}.replace-search-btn{padding:8px;border:none;background:var(--brand-primary, #6366f1);color:#fff;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .15s}.replace-search-btn:hover{opacity:.85}.replace-results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:10px;max-height:220px;overflow-y:auto;border-top:1px solid #f0f0f0}.replace-result-item{border:none;padding:0;cursor:pointer;border-radius:8px;overflow:hidden;aspect-ratio:1;background:#f5f5f5;transition:transform .15s}.replace-result-item:hover{transform:scale(1.05)}.replace-result-item img{width:100%;height:100%;object-fit:cover;display:block}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.image-canvas .marquee-rect{position:absolute;pointer-events:none;border:1.5px dashed var(--brand-primary);background:color-mix(in srgb,var(--brand-primary) 8%,transparent);border-radius:2px;z-index:9998}.smart-guide{position:absolute;pointer-events:none;z-index:9999;opacity:.85}.smart-guide.vertical{width:0;border-left:1.5px dashed var(--brand-primary, #e879f9)}.smart-guide.horizontal{height:0;border-top:1.5px dashed var(--brand-primary, #e879f9)}@media (max-width: 767px){.image-canvas-container{border-radius:0;border:none}.image-canvas{padding:8px;touch-action:none}.canvas-toolbar{padding:4px 8px;gap:4px}.image-canvas .resize-handle{width:28px;height:28px}.image-canvas .resize-handle.nw{top:-14px;left:-14px}.image-canvas .resize-handle.ne{top:-14px;right:-14px}.image-canvas .resize-handle.sw{bottom:-14px;left:-14px}.image-canvas .resize-handle.se{bottom:-14px;right:-14px}}.showcase-panel{display:flex;flex-direction:column}.showcase-panel .panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;flex-shrink:0;height:60px}.panel-title-group{display:flex;align-items:center;gap:10px;min-width:0}.panel-title-main{display:flex;align-items:center;gap:10px;color:var(--text-primary);flex-shrink:0}.panel-title-main h3{margin:0;font-size:14px;font-weight:700;letter-spacing:-.3px}.panel-header-actions{display:flex;gap:8px}.showcase-content{flex:1;overflow-y:auto;min-height:0;display:flex;flex-direction:column;position:relative;scrollbar-width:none;-ms-overflow-style:none}.showcase-content::-webkit-scrollbar{display:none}.edit-grid-bg{position:absolute;inset:0;padding:24px 0;pointer-events:none;z-index:0;background:transparent;background-image:radial-gradient(circle,var(--grid-color) 1.5px,transparent 1.5px);background-size:24px 24px;background-position:center center;background-origin:content-box;background-clip:content-box;transition:opacity .5s cubic-bezier(.4,0,.2,1)}.ap-ripple-overlay{position:absolute;inset:0;padding:24px 0;background-origin:content-box;background-clip:content-box;pointer-events:none;z-index:0;background-image:radial-gradient(var(--brand-primary) 1.5px,transparent 1.5px);background-size:24px 24px;background-position:center center;clip-path:circle(0px at var(--ripple-x, 50%) var(--ripple-y, 50%));animation:apDotRippleExpand 2.2s cubic-bezier(.22,1,.36,1) forwards}@keyframes apDotRippleExpand{0%{clip-path:circle(0px at var(--ripple-x, 50%) var(--ripple-y, 50%));opacity:.4}30%{opacity:1}to{clip-path:circle(var(--ripple-radius, 200vmax) at var(--ripple-x, 50%) var(--ripple-y, 50%));opacity:1}}.ap-ripple-overlay.ap-dots-fading{animation:apRippleFadeOut .7s cubic-bezier(.4,0,.2,1) forwards}@keyframes apRippleFadeOut{0%{opacity:1}to{opacity:0}}.showcase-center{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center;color:var(--text-tertiary);gap:12px;padding:40px;z-index:1}.showcase-center h3{margin:0;font-size:20px;font-weight:700;color:var(--text-secondary);letter-spacing:-.5px}.showcase-center p{margin:0;font-size:14px;max-width:240px;line-height:1.5}.empty-icon-bg{width:72px;height:72px;background:#0000000a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:8px;color:var(--text-tertiary)}.showcase-editor{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;z-index:2;animation:fadeInEditor .38s cubic-bezier(.4,0,.2,1) both}@keyframes fadeInEditor{0%{opacity:0}to{opacity:1}}.canvas-wrapper{height:100%;border-radius:24px;overflow:hidden;border:1px solid var(--border-color);position:relative;transition:border-color .3s ease,transform .2s cubic-bezier(.2,.8,.2,1);background:#000;box-shadow:none;display:flex;align-items:center;justify-content:center}.showcase-transition-layer{flex:1;min-height:0;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.auto-pilot-trigger{display:flex;align-items:center;justify-content:center;cursor:pointer;padding:6px;border-radius:50%;transition:transform .3s ease,opacity .6s cubic-bezier(.22,1,.36,1)}.auto-pilot-trigger .bot-avatar{transition:filter .4s cubic-bezier(.22,1,.36,1);filter:drop-shadow(0 0 0px color-mix(in srgb,var(--brand-primary) 0%,transparent)) drop-shadow(0 0 0px color-mix(in srgb,var(--brand-primary) 0%,transparent))}.auto-pilot-trigger:hover .bot-avatar{filter:drop-shadow(0 0 10px color-mix(in srgb,var(--brand-primary) 65%,transparent)) drop-shadow(0 0 24px color-mix(in srgb,var(--brand-primary) 35%,transparent))}.auto-pilot-trigger:hover{transform:scale(1.1)}.auto-pilot-trigger:active{transform:scale(.95)}.auto-pilot-trigger.animating{cursor:default;pointer-events:none}.auto-pilot-trigger.animating .bot-avatar{filter:drop-shadow(0 0 12px color-mix(in srgb,var(--brand-primary) 55%,transparent)) drop-shadow(0 0 28px color-mix(in srgb,var(--brand-primary) 25%,transparent))}.auto-pilot-trigger.ap-fade-out{opacity:.25;transform:scale(.92);pointer-events:none}@media (max-width: 767px){.auto-pilot-trigger.ap-fade-out{opacity:0;transform:scale(.9)}}.showcase-center.guided-flow.ap-fading{opacity:0!important;visibility:hidden;pointer-events:none;transition:opacity .18s cubic-bezier(.4,0,.2,1),visibility 0s linear .18s}.flow-step.ap-ticking .step-icon{animation:apTickPop .35s cubic-bezier(.34,1.56,.64,1)}.flow-step.ap-tick .step-icon{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff;animation:apTickPop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes slideDownFadeIn{0%{opacity:0;transform:translate(-50%,-120%)}to{opacity:1;transform:translate(-50%,-100%)}}@keyframes apTickPop{0%{transform:scale(1)}50%{transform:scale(1.25)}to{transform:scale(1)}}.showcase-center.guided-flow{position:absolute;inset:0;gap:32px;opacity:1;visibility:visible;transition:opacity .3s cubic-bezier(.4,0,.2,1),visibility 0s linear 0s}.showcase-center.guided-flow.is-hidden{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s cubic-bezier(.4,0,.2,1),visibility 0s linear .3s}.flow-steps{position:relative;width:320px;height:200px}.flow-steps.circular .flow-step{position:absolute;transform:translate(-50%,-50%);z-index:5}.flow-step.step-left{left:30px;top:140px}.flow-step.step-top{left:160px;top:10px}.flow-step.step-right{left:290px;top:140px}.trigger-wrapper{position:absolute;left:160px;top:140px;transform:translate(-50%,-50%);z-index:10}.flow-arc-connector{position:absolute;top:0;left:0;pointer-events:none;z-index:1}.arc-path-solid,.arc-path-dotted{fill:none;stroke:var(--border-color);stroke-width:2px;stroke-linecap:round;transition:stroke .4s ease}.arc-path-dotted{stroke-dasharray:4 6}.arc-path-solid.active,.arc-path-dotted.active{stroke:var(--brand-primary)}.image-editor-toolbar{display:flex;align-items:center;justify-content:center;gap:16px;padding:0 20px;background:transparent;border-top:1px solid var(--border-color);width:100%;height:60px;flex-shrink:0;z-index:10}.image-editor-toolbar:after{display:none}.img-toolbar-btn{display:flex;align-items:center;gap:8px;padding:8px 20px;height:36px;border-radius:10px;border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);font-size:12px;font-weight:550;cursor:pointer;transition:all .15s ease;white-space:nowrap}.img-toolbar-btn:hover{background:#ffffff0f;color:var(--text-primary);border-color:var(--text-tertiary)}.img-toolbar-pos{display:flex;gap:2px;border-radius:10px;border:1px solid var(--border-color);padding:3px}.custom-video-controls{display:flex;align-items:center;gap:16px;padding:0 20px;background:transparent;border-top:1px solid var(--border-color);width:100%;height:60px;flex-shrink:0;margin-top:auto;z-index:10;animation:barFadeIn .45s ease both}@keyframes barFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.showcase-generate-bar{width:100%;height:60px;flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:8px;border:none;border-top:1px solid var(--border-color);background:transparent;color:var(--text-tertiary);font-size:14px;font-weight:600;cursor:default;letter-spacing:-.2px;transition:background .25s ease,color .25s ease,border-color .25s ease,opacity .3s ease;transform:none}.showcase-generate-bar.ready{background:color-mix(in srgb,var(--brand-primary) 10%,transparent);color:var(--brand-primary);cursor:pointer;border-top-color:var(--brand-primary)}.showcase-generate-bar.ready:hover{background:color-mix(in srgb,var(--brand-primary) 16%,transparent)}.showcase-generate-bar.ready:active{background:color-mix(in srgb,var(--brand-primary) 20%,transparent);transform:none}.showcase-generate-bar.generating{background:color-mix(in srgb,var(--brand-primary) 10%,transparent);color:var(--brand-primary);cursor:wait;border-top-color:var(--brand-primary);opacity:.6}.control-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:none;background:var(--bg-cream-dark);color:var(--text-secondary);cursor:pointer;transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.control-btn:hover{background:color-mix(in srgb,var(--brand-primary) 10%,transparent);color:var(--brand-primary);transform:scale(1.05)}.control-btn:active{transform:scale(.95)}.control-btn.play-pause{background:var(--brand-primary);color:#fff}.control-btn.play-pause:hover{background:color-mix(in srgb,var(--brand-primary) 85%,black);transform:scale(1.1)}.timeline-container{flex:1;display:flex;align-items:center;height:100%}.timeline-scrubber{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:var(--border-color);border-radius:10px;outline:none;cursor:pointer;background-image:linear-gradient(var(--custom-color, var(--brand-primary)),var(--custom-color, var(--brand-primary)));background-size:0% 100%;background-repeat:no-repeat;transition:height .2s}.timeline-scrubber:hover{height:8px}.timeline-scrubber::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid var(--custom-color, var(--brand-primary));box-shadow:0 2px 4px #0003;cursor:pointer;transition:transform .2s}.timeline-scrubber:hover::-webkit-slider-thumb{transform:scale(1.3)}.time-display{font-size:13px;font-weight:600;color:var(--text-secondary);font-variant-numeric:tabular-nums;min-width:44px;text-align:center}.flow-step{display:flex;flex-direction:column;align-items:center;justify-content:center;width:32px;height:32px;opacity:.4;transition:all .3s ease}.flow-step.locked{opacity:.2;pointer-events:none;cursor:default}.flow-step.active{opacity:1}.flow-step.completed{opacity:.6}.step-icon{width:32px;height:32px;border-radius:50%;border:2px solid currentColor;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;background-color:var(--bg-body, #141414);z-index:2}.flow-step.active .step-icon{background-color:var(--brand-primary);border-color:var(--brand-primary);color:#fff;box-shadow:none}.flow-step.generating{opacity:1}.flow-step.generating .step-icon{background:color-mix(in srgb,var(--brand-primary) 15%,transparent);border-color:var(--brand-primary);color:var(--brand-primary);animation:generatingPulse 1.4s ease-in-out infinite}@keyframes generatingPulse{0%,to{opacity:1}50%{opacity:.55}}.flow-step span{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;position:absolute;top:40px;white-space:nowrap}.step-connector{width:40px;height:2px;background:var(--border-color);margin-top:-24px;transition:background .3s ease}.step-connector.active{background:var(--brand-primary)}.flow-generate-btn{display:flex;align-items:center;gap:8px;background:var(--brand-primary);color:#fff;padding:12px 24px;border-radius:999px;font-size:15px;font-weight:600;border:none;cursor:pointer;box-shadow:none;transition:all .2s}.sp-tab{padding:8px 16px;border:none;background:transparent;font-size:14px;font-weight:500;color:var(--text-tertiary);cursor:pointer;border-radius:999px;transition:all .2s}.sp-tab.active{background:var(--bg-cream-dark);color:var(--text-primary);box-shadow:0 1px 3px #0003}.flow-generate-btn:hover{transform:translateY(-2px);box-shadow:none}.flow-generate-btn:disabled{cursor:not-allowed;transform:none}.flow-generate-btn--inactive{background:var(--bg-cream-dark)!important;color:var(--text-tertiary)!important;border:2px solid var(--border-color)!important;opacity:1;cursor:not-allowed!important;box-shadow:none!important}.flow-generate-btn--inactive:hover{transform:none!important}.canvas-wrapper:hover{border-color:var(--text-secondary)}.remotion-preview{width:100%;height:100%;border-radius:20px;overflow:hidden;position:relative}.video-external-controls{position:absolute;bottom:16px;left:16px;z-index:10;display:flex;gap:8px}.video-play-btn{width:36px;height:36px;border-radius:50%;background:var(--bg-cream);border:1px solid var(--border-color);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.2,.8,.2,1);box-shadow:0 4px 12px #0003}.video-play-btn:hover{transform:scale(1.05);border-color:var(--text-secondary)}.video-play-btn:active{transform:scale(.95)}.image-grid-area{padding:24px;z-index:1}.image-gallery-area{flex:1;overflow-y:auto;z-index:1}.images-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.image-grid-area.expanded .images-grid{grid-template-columns:repeat(6,1fr)}.img-option{aspect-ratio:9/16;border-radius:16px;overflow:hidden;cursor:pointer;border:3px solid transparent;position:relative;transition:all .2s cubic-bezier(.2,.8,.2,1)}.img-option:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 10px 20px -5px #0000001a}.img-option:active{transform:scale(.96)}.img-option.selected{border-color:var(--brand-primary)}.img-option img{width:100%;height:100%;object-fit:cover}.selected-check{position:absolute;top:10px;right:10px;width:28px;height:28px;background:var(--brand-primary, #6366f1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 10px #0003;animation:popIn .3s cubic-bezier(.34,1.56,.64,1)}.img-skeleton{aspect-ratio:9/16;border-radius:16px;background:color-mix(in srgb,var(--brand-primary) 5%,transparent);position:relative;overflow:hidden;animation:skeleton-pulse 1.5s ease-in-out infinite}.brand-skeleton-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:10;padding:24px;animation:skeletonEnter .45s cubic-bezier(.22,1,.36,1) .2s both}.brand-skeleton-overlay.skeleton-exit{animation:skeletonExit .4s cubic-bezier(.4,0,.2,1) forwards}.brand-skeleton-frame{position:relative;width:auto;height:100%;max-height:100%;aspect-ratio:9 / 16;border-radius:24px;overflow:hidden;border:1px solid var(--border-color);background:#000;box-shadow:none}.brand-skeleton-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,color-mix(in srgb,var(--brand-primary) 12%,transparent) 50%,transparent 70%);animation:skeletonShimmer 1.8s ease-in-out infinite}.brand-skeleton-inner{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:32px 24px;gap:16px}.skel-logo{width:44px;height:44px;border-radius:50%;background:color-mix(in srgb,var(--brand-primary) 25%,transparent);flex-shrink:0;animation:skeleton-pulse 1.5s ease-in-out infinite}.skel-lines{display:flex;flex-direction:column;gap:10px}.skel-line{height:12px;border-radius:6px;background:color-mix(in srgb,var(--brand-primary) 18%,transparent);animation:skeleton-pulse 1.5s ease-in-out infinite}.skel-line.w-full{width:92%}.skel-line.w-3\/4{width:72%;animation-delay:.15s}.skel-line.w-1\/2{width:48%;animation-delay:.3s}.skel-line.w-1\/3{width:36%;animation-delay:.45s}.skel-accent-bar{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--brand-primary),color-mix(in srgb,var(--brand-primary) 40%,#fff));border-radius:0 0 2px 2px;opacity:.7}.skel-badge{width:72px;height:26px;border-radius:13px;background:color-mix(in srgb,var(--brand-primary) 28%,transparent);animation:skeleton-pulse 1.5s ease-in-out infinite .2s}@keyframes skeletonEnter{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes skeletonExit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.03)}}@keyframes skeletonShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.video-skeleton{position:relative;width:auto;height:75%;max-height:560px;aspect-ratio:9/16;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,#1a1a2e,#16213e);box-shadow:0 20px 40px -10px #0003}.video-skeleton-content{position:absolute;bottom:50px;left:24px;right:24px}.skeleton-icon{width:40px;height:40px;border-radius:50%;background:color-mix(in srgb,var(--brand-primary) 10%,transparent);animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-text-lines{flex:1;display:flex;flex-direction:column;gap:8px}.skeleton-line{height:12px;border-radius:6px;background:color-mix(in srgb,var(--brand-primary) 10%,transparent);animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-line.lg{width:90%}.skeleton-line.md{width:70%}.skeleton-line.sm{width:40%}@keyframes skeleton-pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.gen-status{font-size:14px;color:var(--text-secondary);margin-top:20px;font-weight:500}.spinning{animation:spin 1s linear infinite}@keyframes popIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.profile-area{padding:24px 20px 40px;width:100%}.brand-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.bd-section-break{grid-column:1 / -1;height:1px;background:var(--border-color);margin:12px -20px}.bd-card{background:var(--bg-cream-deeper);border:1px solid var(--border-color);border-radius:14px;padding:18px;display:flex;align-items:flex-start;gap:14px;transition:border-color .2s ease,background .2s ease}.bd-card:hover{border-color:color-mix(in srgb,var(--brand-primary) 30%,var(--border-color))}.bd-card:focus-within{border-color:color-mix(in srgb,var(--brand-primary) 50%,var(--border-color))}.bd-card-full{grid-column:1 / -1}.bd-card-icon{flex-shrink:0;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:color-mix(in srgb,var(--brand-primary) 10%,transparent);color:var(--brand-primary);transition:color .25s ease,background .25s ease}.bd-card.bd-filled .bd-label{color:var(--brand-primary)}.bd-card-body{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}.bd-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-primary);transition:color .25s ease}.bd-input{width:100%;padding:4px 0 2px;border:none;background:transparent;color:var(--text-primary);font-size:14px;font-weight:500;font-family:inherit;outline:none;line-height:1.5;resize:none}.bd-input::placeholder{color:var(--text-tertiary);font-weight:400}.bd-textarea{min-height:44px;line-height:1.55}.settings-sections{display:flex;flex-direction:column;gap:28px}.settings-section{display:flex;flex-direction:column;gap:14px}.settings-section-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--text-tertiary)}.settings-row-2col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.settings-upload-card{background:var(--bg-cream-deeper);border:1px solid var(--border-color);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:10px;transition:all .2s cubic-bezier(.2,.8,.2,1)}.settings-upload-card:hover{border-color:var(--text-secondary);box-shadow:0 4px 12px -2px #0000000d}.settings-upload-card.logo-upload-wide{max-width:400px;margin:0 auto}.settings-upload-card.logo-upload-wide .logo-upload-area{min-height:120px}.settings-upload-card.logo-upload-wide .logo-dropzone{min-height:120px;gap:10px;font-size:13px}.settings-card-label{font-size:12px;font-weight:700;color:var(--text-secondary)}.settings-field{display:flex;flex-direction:column;gap:6px}.settings-field-label{font-size:12px;font-weight:600;color:var(--text-secondary)}.settings-input{width:100%;padding:11px 14px;border:1px solid var(--border-color);border-radius:10px;font-size:14px;background:var(--bg-cream-deeper);color:var(--text-primary);font-family:inherit;transition:all .2s;resize:none}.settings-input:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-primary) 10%,transparent);background:var(--bg-cream-deeper)}.settings-textarea{min-height:72px;line-height:1.5}.settings-upload-card .logo-upload-area{flex:1;display:flex;align-items:center;justify-content:center;min-height:80px}.settings-upload-card .logo-dropzone{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;height:100%;min-height:80px;justify-content:center;border:2px dashed var(--border-color);border-radius:10px;cursor:pointer;color:var(--text-tertiary);font-size:11px;font-weight:500;background:transparent;transition:all .2s}.settings-upload-card .logo-dropzone:hover{border-color:var(--brand-primary);color:var(--brand-primary);background:color-mix(in srgb,var(--brand-primary) 5%,transparent)}.settings-upload-card .logo-preview{position:relative;width:100%;min-height:80px;display:flex;align-items:center;justify-content:center;background:transparent;border-radius:10px;border:1px solid var(--border-color)}.settings-upload-card .logo-preview img{max-width:70%;max-height:60px;object-fit:contain}.settings-upload-card .logo-remove{position:absolute;top:-6px;right:-6px;width:24px;height:24px;background:var(--bg-cream-dark);color:var(--text-secondary);border:1px solid var(--border-color);box-shadow:0 2px 6px #0003;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.settings-upload-card .logo-remove:hover{transform:scale(1.1);color:#ef4444}.color-swatches{display:flex;flex-wrap:wrap;gap:12px;padding:4px}.swatch{width:44px;height:44px;border-radius:50%;border:2px solid var(--border-color);box-shadow:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.swatch:hover{transform:scale(1.2);z-index:2}.swatch:active{transform:scale(.9)}.swatch.active{box-shadow:0 0 0 2px var(--brand-primary),0 4px 12px color-mix(in srgb,var(--brand-primary) 30%,transparent);transform:scale(1.1)}.mobile-tap-play{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;border-radius:28px;cursor:pointer;-webkit-tap-highlight-color:transparent;background:transparent}.mobile-tap-play.is-playing{background:transparent}.mobile-tap-play-btn{width:72px;height:72px;border-radius:50%;background:#0000008c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 24px #0006;animation:tapPlayPop .25s cubic-bezier(.34,1.56,.64,1) both}@keyframes tapPlayPop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 767px){.showcase-panel{border-radius:0;border:none}.showcase-panel .panel-header{padding:10px 16px;height:48px}.showcase-panel{contain:layout style}.showcase-transition-layer{contain:layout}.showcase-editor{padding:16px;contain:layout paint style;animation:none}.canvas-wrapper{border-radius:28px;transform:translateZ(0);will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;contain:layout style paint;box-shadow:none;transition:none}.image-editor-toolbar{height:48px;padding:0 16px}.showcase-center.guided-flow{transform:translateZ(0);will-change:opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:opacity .35s ease,visibility 0s linear 0s}.showcase-center.guided-flow.is-hidden{transition:opacity .35s ease,visibility 0s linear .35s}.showcase-center.guided-flow.ap-fading{transition:opacity .3s ease,visibility 0s linear .3s!important;transform:translateZ(0)!important}.auto-pilot-trigger{transform:translateZ(0);will-change:opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden}.auto-pilot-trigger.ap-fade-out{transform:translateZ(0)}.auto-pilot-trigger .bot-avatar,.auto-pilot-trigger.animating .bot-avatar,.auto-pilot-trigger:hover .bot-avatar{filter:none!important;transition:none!important}.flow-step{transition:opacity .25s ease;transform:translateZ(0)}.flow-steps{gap:10px;transform:translateZ(0)}.flow-step.ap-ticking .step-icon,.flow-step.ap-tick .step-icon{animation:none!important}.arc-path-solid,.arc-path-dotted{transition:none}.flow-step span{font-size:11px}.step-icon{width:32px;height:32px;font-size:13px;transform:translateZ(0)}.showcase-generate-bar{padding:0 16px;font-size:14px}.custom-video-controls{height:48px;padding:0 16px;gap:8px}.brand-details-grid{grid-template-columns:1fr}.bd-card-full{grid-column:1}.bd-section-break{margin:4px 0}}.elements-panel{display:flex;flex-direction:column;width:320px;min-width:320px;border-radius:20px;overflow:hidden;position:relative}.ep-images-grid,.elements-list,.ep-elements-tab,.ep-layers-tab,.ep-templates-tab{-ms-overflow-style:none;scrollbar-width:none}.ep-images-grid::-webkit-scrollbar,.elements-list::-webkit-scrollbar,.ep-elements-tab::-webkit-scrollbar,.ep-layers-tab::-webkit-scrollbar,.ep-templates-tab::-webkit-scrollbar{display:none}.elements-panel.no-scroll{overflow:hidden!important}.elements-panel.no-scroll *{scrollbar-width:none!important;-ms-overflow-style:none!important}.elements-panel.no-scroll *::-webkit-scrollbar{display:none!important}.elements-panel .panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;flex-shrink:0;height:60px}.elements-panel .panel-title h3{margin:0;font-size:14px;font-weight:700;letter-spacing:-.3px;color:var(--text-primary)}.ep-tab-bar{display:flex;margin:12px 16px;padding:6px;background:#0000000a;border-radius:999px;gap:0;flex-shrink:0}.ep-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 0;border:none;background:transparent;font-size:13px;font-weight:600;color:var(--text-tertiary);cursor:pointer;border-radius:999px;transition:color .2s ease,background .2s ease}.ep-bottom-bar{display:flex;align-items:center;padding:0;height:60px;background:transparent;border-top:1px solid var(--border-color);width:100%;flex-shrink:0;margin-top:auto;z-index:10}.ep-bottom-bar .ep-search-bar{display:flex;align-items:center;width:100%;height:100%;padding:0 20px;gap:12px;background:transparent;border:none;border-radius:0}.ep-bottom-bar .ep-search-bar:focus-within{border-color:var(--brand-primary)}.ep-bottom-bar .ep-search-bar input{border:none;outline:none;background:transparent;font-size:13px;font-weight:500;color:var(--text-primary);width:100%}.ep-bottom-bar .ep-search-bar input::placeholder{color:var(--text-secondary)}.ep-bottom-bar .ep-search-bar .search-icon{color:var(--text-tertiary)}.ep-search-submit{width:28px;height:28px;min-width:28px;border:1px solid var(--border-color);background:transparent;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .2s;flex-shrink:0}.ep-search-submit:hover,.ep-search-submit.active{background:color-mix(in srgb,var(--brand-primary) 10%,transparent);color:var(--text-primary);border-color:var(--brand-primary)}.ep-upload-btn{width:28px;height:28px;min-width:28px;border:1px solid var(--border-color);background:transparent;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .2s;flex-shrink:0}.ep-upload-btn:hover{background:color-mix(in srgb,var(--brand-primary) 10%,transparent);color:var(--text-primary);border-color:var(--brand-primary)}.ep-bottom-bar .ep-reset-btn{flex:1;display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:100%;background:transparent;color:var(--text-secondary);border:none;font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;transition:color .15s ease}.ep-bottom-bar .ep-reset-btn:hover{color:var(--text-primary)}.ep-bottom-bar .ep-export-full-btn{flex:1;display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:100%;background:var(--brand-primary);color:#fff;border:none;border-radius:0;font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s cubic-bezier(.2,.8,.2,1)}.ep-bottom-bar .ep-export-full-btn:hover{filter:brightness(1.08)}.ep-bottom-bar .ep-export-full-btn:active{filter:brightness(.92);box-shadow:inset 0 2px 8px #00000040;transform:none}.ep-bottom-bar .ep-cancel-btn{background:#ef4444}.ep-bottom-bar .ep-cancel-btn:hover{filter:brightness(1.06);background:#ef4444}@keyframes ep-spin{to{transform:rotate(360deg)}}.ep-spin{animation:ep-spin .8s linear infinite}.ep-images-tab{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.2,.8,.2,1)}.ep-upload-card{display:flex;align-items:center;justify-content:center;gap:8px;margin:16px 20px 0;padding:12px;border-radius:12px;border:1.5px dashed var(--border-color);background:transparent;color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;flex-shrink:0;transition:all .2s ease;letter-spacing:-.1px}.ep-upload-card:hover{border-color:var(--brand-primary);color:var(--brand-primary);background:color-mix(in srgb,var(--brand-primary) 6%,transparent)}.ep-images-tab.centered-view{justify-content:center;align-items:center;padding-bottom:80px}.centered-view .ep-images-grid{display:none}.ep-search-input{border:none;outline:none;background:none;font-size:14px;font-weight:500;color:var(--text-primary);width:100%;height:100%}.ep-search-input::placeholder{color:var(--text-tertiary)}.ep-images-grid{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:16px 20px 20px;overflow-y:auto;align-content:start;grid-auto-rows:min-content;position:relative;z-index:1}.ep-images-grid{scrollbar-width:none;-ms-overflow-style:none}.ep-images-grid::-webkit-scrollbar{display:none;width:0}.ep-img-option{position:relative;border-radius:12px;overflow:hidden;cursor:pointer;width:100%;padding-top:177.77%;height:0;transition:all .2s cubic-bezier(.2,.8,.2,1);background:#0000000d}.ep-img-option:hover{transform:translateY(-2px);box-shadow:none;z-index:2}.ep-img-option.selected{box-shadow:0 0 0 2px var(--brand-primary)}.ep-img-option img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.ep-img-check{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:50%;background:var(--brand-primary);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:none}.ep-video-option{position:relative}.ep-video-option .ep-video-preview{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .25s ease;pointer-events:none;z-index:1}.ep-video-option:hover .ep-video-preview{opacity:1}.ep-video-duration{position:absolute;bottom:6px;right:6px;background:#0009;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;z-index:2;backdrop-filter:blur(4px)}.ep-loading-center{flex:1;display:flex;align-items:center;justify-content:center}.ep-img-option.stagger-in{animation:epSlideUp .35s cubic-bezier(.175,.885,.32,1.275) backwards}@keyframes epSlideUp{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.ep-img-skeleton{aspect-ratio:1;background:color-mix(in srgb,var(--brand-primary) 5%,transparent);border-radius:8px;animation:skeleton-pulse 1.5s ease-in-out infinite;overflow:hidden;position:relative}.ep-images-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;z-index:0;height:100%}.ep-images-empty p{font-size:14px;margin:0;line-height:1.5;max-width:200px}.ep-loading-more{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;font-size:13px;color:var(--text-tertiary);flex-shrink:0}.elements-list{flex:1;overflow-y:auto}.ep-elements-tab{flex:1;overflow-y:auto;min-height:0;padding-bottom:24px}.layers-list{display:flex;flex-direction:column;gap:2px}.layer-row{display:flex;align-items:center;gap:0;border-radius:10px;border:1.5px solid transparent;cursor:default;background:transparent;transition:background .2s ease,border-color .15s ease;user-select:none}.layer-row.dragging{opacity:.4}.layer-row.drop-above{box-shadow:0 -3px 0 0 var(--brand-primary)}.layer-row.drop-below{box-shadow:0 3px 0 0 var(--brand-primary)}.layer-row:hover{background:#ffffff0a}.layer-row.active{background:color-mix(in srgb,var(--brand-primary) 10%,transparent)}.layer-drag-handle{display:flex;align-items:center;justify-content:center;width:32px;min-width:32px;height:44px;color:var(--text-tertiary);cursor:grab;opacity:.4;transition:opacity .15s ease,color .15s ease;flex-shrink:0}.layer-row:hover .layer-drag-handle{opacity:1;color:var(--text-secondary)}.layer-drag-handle:active{cursor:grabbing}.layer-locked .layer-drag-handle{opacity:.2;cursor:not-allowed}.layer-item{display:flex;align-items:center;gap:12px;padding:12px 14px 12px 8px;border:none;border-radius:10px;background:transparent;cursor:pointer;transition:background .15s;flex:1;min-width:0;text-align:left}.layer-item-icon{width:28px;height:28px;min-width:28px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#ffffff0a;color:var(--text-secondary);flex-shrink:0;transition:background .15s,color .15s}.layer-item-icon.active{color:var(--brand-primary);background:color-mix(in srgb,var(--brand-primary) 12%,transparent)}.layer-item-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.layer-name{font-size:13px;font-weight:550;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;line-height:1.2}.layer-sub{font-size:11px;color:var(--text-tertiary);line-height:1.2}.layer-vis-check{width:20px;height:20px;min-width:20px;border-radius:6px;border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;transition:all .15s;color:transparent;background:transparent;cursor:pointer;flex-shrink:0;padding:0}.layer-vis-check.visible{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff}.layer-row.layer-hidden{opacity:.45}.layer-row.layer-hidden:hover{opacity:.65}.layer-replace-btn{flex-shrink:0;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:5px;border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;transition:all .15s ease}.layer-replace-btn:hover{background:#6366f133;color:#a5b4fc}.ep-layers-tab{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding:16px 20px}.ep-section-divider{width:100%;height:1px;background:var(--border-color);flex-shrink:0}.elements-panel .nls-group{border-bottom:none}.el-section-head{display:flex;align-items:center;gap:10px;width:100%;padding:18px 20px;background:none;border:none;cursor:pointer;font-family:inherit;color:var(--text-secondary);transition:color .12s ease;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.el-section-head:hover{color:var(--text-primary)}.el-section-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:color-mix(in srgb,var(--brand-primary) 12%,transparent);color:var(--brand-primary);flex-shrink:0}.el-section-label{flex:1;text-align:left}.el-chevron{color:var(--text-tertiary);transition:transform .2s ease}.el-chevron.open{transform:rotate(180deg)}.el-section-body{margin:0 20px 16px;padding:0;display:flex;flex-direction:column;gap:16px}.el-control{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:62px;padding:14px 16px;background:var(--bg-cream-deeper);border:1px solid var(--border-color);border-radius:16px;transition:background .2s ease,border-color .2s ease}.el-control:hover{border-color:var(--brand-primary)}.el-control.active{background:color-mix(in srgb,var(--brand-primary) 8%,transparent);border-color:var(--brand-primary)}.el-control.active label{color:#fff}.el-control label{font-size:13px;font-weight:600;color:var(--text-primary);flex-shrink:0;min-width:54px}.el-cont.prop-input{flex:1;width:0;padding:8px 12px;border:1px solid var(--border-color);border-radius:8px;font-size:13px;color:var(--text-primary);background:var(--bg-cream-deeper);outline:none;transition:border-color .2s}.el-control select{flex:1;appearance:none;-webkit-appearance:none;padding:7px 28px 7px 12px;border:1px solid var(--border-color);border-radius:10px;font-size:13px;font-weight:500;font-family:inherit;background-color:#00000008;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23999999' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;color:var(--text-primary);outline:none;cursor:pointer;max-width:160px;transition:border-color .15s}.el-control select:hover{border-color:var(--text-tertiary)}.el-control select:focus{border-color:var(--brand-primary)}.el-control select option{background:var(--bg-cream);color:var(--text-primary)}.color-input-wrap{display:flex;align-items:center}.color-input-wrap input[type=color]{width:34px;height:34px;border:2px solid var(--border-color);border-radius:50%;cursor:pointer;padding:0;-webkit-appearance:none;appearance:none;box-shadow:0 1px 4px #0000001a;transition:border-color .2s}.color-input-wrap input[type=color]:hover{border-color:var(--brand-primary)}.color-input-wrap input[type=color]::-webkit-color-swatch-wrapper{padding:3px}.color-input-wrap input[type=color]::-webkit-color-swatch{border:none;border-radius:50%}.color-hex{display:none}.toggle-btn{width:44px;height:24px;border-radius:12px;border:none;background:#0000001a;cursor:pointer;position:relative;flex-shrink:0;transition:background .25s cubic-bezier(.2,.8,.2,1)}.toggle-btn.on{background:var(--brand-primary)}.toggle-knob{width:18px;height:18px;border-radius:50%;background:#fff;position:absolute;top:3px;left:3px;transition:transform .25s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 4px #0003}.toggle-btn.on .toggle-knob{transform:translate(20px)}.range-wrap{display:flex;align-items:center;gap:6px;flex:1;max-width:140px}.range-wrap input[type=range]{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:#0000001a;border-radius:2px;outline:none}.range-wrap input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--brand-primary);cursor:pointer;border:2px solid white;box-shadow:0 1px 3px #0003}.range-val{font-size:11px;color:var(--text-tertiary);min-width:20px;text-align:right}.btn-group{display:flex;background:#0000000a;border:1px solid var(--border-color);border-radius:10px;padding:3px;gap:2px}.group-btn{flex:1;padding:7px 14px;border:none;background:transparent;color:var(--text-tertiary);font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap;transition:all .15s}.group-btn:hover{color:var(--text-primary)}.group-btn.active{background:var(--brand-primary);color:#fff;font-weight:600;box-shadow:0 1px 5px #0000004d}.ep-action-btn{width:100%;padding:12px;background:var(--brand-primary);color:#fff;border:none;border-radius:10px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;letter-spacing:-.01em;transition:filter .15s}.ep-action-btn:hover{filter:brightness(1.08)}.ep-api-keys-tab{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding:24px;gap:14px;scrollbar-width:none}.ep-api-keys-tab::-webkit-scrollbar{display:none}.ep-api-keys-list{display:flex;flex-direction:column;gap:18px}.ep-api-key-item{background:var(--bg-cream-deeper);border:1px solid var(--border-color);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:14px;transition:border-color .2s ease}.ep-api-key-item:hover{border-color:color-mix(in srgb,var(--brand-primary) 30%,var(--border-color))}.ep-api-key-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.ep-api-key-info{display:flex;align-items:center;gap:8px;min-width:0}.ep-api-key-name{font-size:13px;font-weight:600;letter-spacing:-.2px;color:var(--text-primary)}.ep-api-key-desc{font-size:12px;color:var(--text-tertiary);font-weight:500;line-height:1.4}.ep-api-key-docs{flex-shrink:0;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:8px;color:var(--text-tertiary);border:1px solid var(--border-color);background:transparent;transition:all .2s;text-decoration:none}.ep-api-key-docs:hover{color:var(--brand-primary);border-color:var(--brand-primary);background:color-mix(in srgb,var(--brand-primary) 8%,transparent)}.ep-api-key-input-wrap{position:relative;display:flex;align-items:center}.ep-api-key-input{width:100%;padding:12px 38px 12px 14px;border:1px solid rgba(255,255,255,.09);border-radius:10px;font-size:13px;font-family:inherit;font-weight:500;background:var(--bg-cream);color:var(--text-primary);transition:border-color .2s,box-shadow .2s}.ep-api-key-input:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-primary) 10%,transparent)}.ep-api-key-input::placeholder{color:var(--text-tertiary);font-family:inherit;font-size:13px}.ep-api-key-status{position:absolute;right:10px;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;pointer-events:none;color:var(--text-tertiary);background:#ffffff0d;transition:color .2s ease,background .2s ease}.ep-api-key-status.connected{color:#22c55e;background:color-mix(in srgb,#22c55e 12%,transparent)}.ep-api-keys-note{display:flex;align-items:center;justify-content:center;padding:12px 16px;background:color-mix(in srgb,var(--brand-primary) 8%,var(--bg-cream-deeper));border:1px solid color-mix(in srgb,var(--brand-primary) 20%,transparent);border-radius:12px;color:var(--text-secondary);font-size:12px;font-weight:500;margin-top:auto;text-align:center}.ep-templates-tab{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:0;position:relative}.ep-templates-grid{display:grid;grid-template-columns:1fr;gap:6px;padding:16px 20px}.ep-template-card{cursor:pointer;border-radius:12px;display:flex;flex-direction:column;background:var(--bg-cream-deeper, #1a1a1a);border:1px solid var(--border-color);transition:border-color .15s,transform .12s;overflow:hidden}.ep-template-card:hover{border-color:var(--brand-primary);transform:translateY(-2px)}.ep-template-thumb{position:relative;width:100%;aspect-ratio:4 / 5;background:var(--bg-elevated, #222);overflow:hidden;flex-shrink:0}.ep-template-thumb img{width:100%;height:100%;object-fit:cover}.ep-template-empty-thumb{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary)}.ep-template-badge{position:absolute;top:6px;left:6px;background:var(--brand-primary);color:#fff;font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px;letter-spacing:.4px;text-transform:uppercase}.ep-template-delete{position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:50%;background:#0000008c;backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.15);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .15s,background .15s}.ep-template-card:hover .ep-template-delete{opacity:1}.ep-template-delete:hover{background:var(--brand-primary);border-color:var(--brand-primary)}.ep-template-name{font-size:12px;font-weight:500;color:var(--text-primary);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ep-template-bottom{display:flex;align-items:center;padding:8px 10px;gap:4px}.ep-template-name-input{font-size:12px;font-weight:500;color:var(--text-primary);flex:1;min-width:0;background:transparent;border:none;outline:none;font-family:inherit;cursor:text;padding:2px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid transparent;transition:border-color .15s}.ep-template-name-input:focus{border-bottom-color:var(--brand-primary)}.ep-template-edit-btn{width:22px;height:22px;flex-shrink:0;border:none;background:transparent;color:var(--text-tertiary);border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .15s,background .15s;opacity:0;transition:opacity .15s}.ep-template-card:hover .ep-template-edit-btn{opacity:1}.ep-template-edit-btn:hover{background:color-mix(in srgb,var(--brand-primary) 12%,transparent);color:var(--brand-primary)}.ep-import-buttons{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:0 20px}.ep-import-btn{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;background:transparent;border:none;font-size:13px;font-weight:500;font-family:inherit;color:var(--text-secondary);cursor:pointer;padding:0;transition:color .15s ease}.ep-import-btn:hover{color:var(--text-primary)}.ep-figma-info-trigger{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:1px solid var(--border-color);background:transparent;color:var(--text-tertiary);cursor:pointer;padding:0;transition:all .15s ease}.ep-figma-info-trigger:hover{border-color:var(--text-secondary);color:var(--text-secondary)}.ep-figma-info-toast{display:flex;align-items:center;justify-content:space-between;width:100%;background:var(--bg-cream-darker);border:1px solid var(--border-color);border-radius:10px;padding:8px 10px 8px 12px;gap:8px;animation:slideInInfo .2s ease-out}@keyframes slideInInfo{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.ep-figma-info-text{font-size:11px;color:var(--text-secondary);line-height:1.3}.ep-figma-info-text strong{color:var(--text-primary);font-weight:600}.ep-figma-info-close{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;flex-shrink:0;transition:color .15s,background .15s}.ep-figma-info-close:hover{background:var(--bg-cream);color:var(--text-primary)}@media (max-width: 767px){.elements-panel{border-radius:0;border:none;overflow:hidden}.elements-panel .panel-header{padding:10px 16px;height:48px;flex-shrink:0}.ep-tab-bar{padding:0 16px;gap:2px;flex-shrink:0}.ep-tab{padding:8px 10px;font-size:12px}.ep-bottom-bar{height:60px;min-height:60px;flex-shrink:0;margin-top:0;position:relative;background:var(--bg-cream-dark);z-index:10}.ep-export-tab.export-panel{height:auto}.ep-bottom-bar .ep-export-full-btn{height:100%;font-size:15px}.ep-bottom-bar .ep-search-bar{padding:0 4px;min-height:52px;align-items:center}.ep-bottom-bar .ep-search-bar input{min-height:44px;font-size:15px}.ep-bottom-bar .ep-reset-btn{height:100%}.ep-search-bar{padding:0}.ep-elements-tab,.ep-images-tab,.ep-templates-tab,.ep-export-tab{flex:1;overflow-y:auto;min-height:0;padding-bottom:16px}.stills-grid,.clips-grid{padding:16px;gap:8px}.ep-section-divider{display:none}.elements-panel .nls-group{width:100%}.elements-panel .nls-group-header{padding:16px}.elements-panel .nls-group-body{padding:4px 16px 16px}.elements-panel .nls-row{flex-direction:column;align-items:flex-start;gap:6px;width:100%}.elements-panel .nls-row-control,.elements-panel .nls-select{width:100%}.ep-export-tab{width:100%!important;min-width:0!important}.ep-export-tab .export-content{padding:0}.ep-export-tab .export-option,.ep-export-tab .audio-card{width:100%}}.nls-panel{display:flex;flex-direction:column;min-width:0;min-height:0;border-radius:20px;overflow:hidden;background:var(--bg-cream-dark)}.nls-panel .panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;flex-shrink:0;height:60px}.nls-panel .panel-title{display:flex;align-items:center;gap:8px;color:var(--text-primary)}.nls-panel .panel-title h3{margin:0;font-size:14px;font-weight:700;letter-spacing:-.3px}.nls-body{flex:1;overflow-y:auto;white-space:normal;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent;position:relative}.nls-empty-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;z-index:0}.nls-body::-webkit-scrollbar{width:5px}.nls-body::-webkit-scrollbar-track{background:transparent}.nls-body::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.nls-body::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.nls-group{border-bottom:1px solid var(--border-color)}.nls-group-header{display:flex;align-items:center;gap:10px;width:100%;padding:18px 20px;background:none;border:none;cursor:pointer;font-family:inherit;color:var(--text-secondary);transition:color .12s ease}.nls-group-header:hover{color:var(--text-primary)}.nls-group-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:color-mix(in srgb,var(--brand-primary) 12%,transparent);color:var(--brand-primary)}.nls-group-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;flex:1;text-align:left}.nls-chevron{color:var(--text-tertiary);transition:transform .2s ease}.nls-chevron.open{transform:rotate(180deg)}.nls-group-body{padding:6px 20px 20px;display:flex;flex-direction:column;gap:14px}.nls-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:40px}.nls-row-label{font-size:12px;font-weight:600;color:var(--text-tertiary);white-space:nowrap;flex-shrink:0}.nls-row-control{display:flex;justify-content:flex-end;align-items:center;min-width:0}.nls-input{width:100%;padding:7px 10px;border:1px solid var(--border-color);border-radius:8px;font-size:12px;font-weight:500;font-family:inherit;background:var(--bg-cream-deeper);color:var(--text-primary);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.nls-input::placeholder{color:var(--text-tertiary);font-size:11px}.nls-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand-primary) 10%,transparent)}.nls-input--sm{font-size:11px;padding:7px 10px}.nls-select{width:100%;appearance:none;padding:7px 28px 7px 10px;border:1px solid var(--border-color);border-radius:8px;font-size:12px;font-weight:500;font-family:inherit;background-color:var(--bg-cream-deeper);color:var(--text-primary);cursor:pointer;outline:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%2360646c' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;transition:border-color .15s ease}.nls-select:focus{border-color:var(--brand-primary)}.nls-textarea{width:100%;padding:8px 10px;border:1px solid var(--border-color);border-radius:8px;font-size:12px;font-weight:500;font-family:inherit;background:var(--bg-cream-deeper);color:var(--text-primary);outline:none;resize:vertical;min-height:56px;line-height:1.5;transition:border-color .15s ease,box-shadow .15s ease}.nls-textarea::placeholder{color:var(--text-tertiary);font-size:11px}.nls-textarea:focus{border-color:var(--brand-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand-primary) 10%,transparent)}.nls-range{width:100%;accent-color:var(--brand-primary);cursor:pointer}.nls-color-swatch{width:28px;height:28px;border:1px solid var(--border-color);border-radius:50%;padding:0;cursor:pointer;flex-shrink:0;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease}.nls-color-swatch:hover{border-color:var(--text-tertiary);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-primary) 10%,transparent)}.nls-color-swatch::-webkit-color-swatch-wrapper{padding:0}.nls-color-swatch::-webkit-color-swatch{border:none;border-radius:50%}.nls-toggle{position:relative;width:36px;height:20px;border-radius:10px;border:none;padding:0;cursor:pointer;background:#ffffff14;transition:background .2s ease;flex-shrink:0}.nls-toggle.on{background:var(--brand-primary)}.nls-toggle-thumb{position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .2s cubic-bezier(.2,.8,.2,1);pointer-events:none}.nls-toggle.on .nls-toggle-thumb{transform:translate(16px)}.nls-toggle-list{display:flex;flex-direction:column;gap:2px}.nls-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0}.nls-toggle-row span{font-size:13px;font-weight:500;color:var(--text-secondary)}.nls-col{display:flex;flex-direction:column;gap:6px}.nls-col-label{font-size:11px;font-weight:600;color:var(--text-tertiary)}.nls-img-preview{border-radius:8px;overflow:hidden;border:1px solid var(--border-color);max-height:80px}.nls-img-preview img{width:100%;height:100%;object-fit:cover;display:block}.nls-clear-btn{padding:5px 10px;background:none;border:1px solid var(--border-color);border-radius:6px;font-size:11px;font-weight:600;font-family:inherit;color:var(--text-tertiary);cursor:pointer;transition:all .15s ease;align-self:flex-start}.nls-clear-btn:hover{color:#f87171;border-color:#f871714d;background:#f871710f}.nls-bottom-bar{display:flex;align-items:center;padding:0;height:60px;background:transparent;border-top:1px solid var(--border-color);width:100%;flex-shrink:0;margin-top:auto;z-index:10}.nls-reset-btn{flex:1;display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:100%;background:transparent;color:var(--text-secondary);border:none;font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;transition:color .15s ease}.nls-reset-btn:hover{color:var(--text-primary)}.nls-reset-btn.nls-reset-dimmed{opacity:.35;cursor:default;pointer-events:none}.nls-send-bottom-btn{flex:1;display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:100%;border:none;border-radius:0;cursor:pointer;font-size:13px;font-weight:500;font-family:inherit;letter-spacing:0;transition:all .2s cubic-bezier(.2,.8,.2,1);background:var(--brand-primary);color:#fff}.nls-send-bottom-btn:hover:not(:disabled){filter:brightness(1.08)}.nls-send-bottom-btn.sending{opacity:.65;cursor:wait;pointer-events:none}.nls-send-bottom-btn.success{background:#4ade8026;color:#4ade80}.nls-send-bottom-btn.error{background:#f871711f;color:#f87171}.nls-panel .swap-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color);background:transparent;border-radius:50%;color:var(--text-tertiary);cursor:pointer;transition:all .15s ease}.nls-panel .swap-btn:hover{background:color-mix(in srgb,var(--brand-primary) 10%,transparent);color:var(--text-primary);border-color:var(--brand-primary)}.nls-send-content{padding:16px 20px 20px;display:flex;flex-direction:column;gap:14px}.nls-send-meta{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-cream-deeper);border:1px solid var(--border-color);border-radius:16px}.nls-send-meta-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:color-mix(in srgb,var(--brand-primary) 12%,transparent);color:var(--brand-primary);flex-shrink:0}.nls-send-meta-text{display:flex;flex-direction:column;gap:2px;min-width:0}.nls-send-meta-title{font-size:14px;font-weight:700;color:var(--text-primary);letter-spacing:-.3px}.nls-send-meta-sub{font-size:11px;font-weight:500;color:var(--text-tertiary)}.nls-send-chips{display:flex;flex-wrap:wrap;gap:6px}.nls-send-chip{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:600;padding:3px 8px;border-radius:999px;background:var(--bg-cream-deeper);color:var(--text-secondary);border:1px solid var(--border-color);letter-spacing:.02em}.nls-send-divider{height:1px;background:var(--border-color);flex-shrink:0}.nls-send-field{display:flex;flex-direction:column;gap:5px}.nls-send-label{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.nls-send-hint{font-weight:500;text-transform:none;letter-spacing:0;opacity:.6}.nls-send-input{padding:12px 14px;border:1px solid var(--border-color);border-radius:12px;font-size:13px;font-weight:500;font-family:inherit;background:var(--bg-cream-deeper);color:var(--text-primary);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.nls-send-input::placeholder{color:var(--text-tertiary)}.nls-send-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-primary) 12%,transparent)}.nls-send-input:disabled{opacity:.5}.nls-send-action{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:44px;background:var(--brand-primary);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:700;font-family:inherit;cursor:pointer;transition:all .15s ease}.nls-send-action:hover:not(:disabled){filter:brightness(1.08)}.nls-send-action:active:not(:disabled){filter:brightness(.92)}.nls-send-action:disabled{opacity:.6;cursor:default}.nls-send-action.success{background:#4ade8026;color:#4ade80;border:1px solid rgba(74,222,128,.25)}.nls-send-action.error{background:#f871711f;color:#f87171;border:1px solid rgba(248,113,113,.25)}.nls-send-status{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;padding:8px 10px;border-radius:8px;line-height:1.3}.nls-send-status.sending{color:var(--brand-primary);background:color-mix(in srgb,var(--brand-primary) 8%,transparent)}.nls-send-status.success{color:#4ade80;background:#4ade8014}.nls-send-status.error{color:#f87171;background:#f8717114}.nls-send-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.nls-send-stat{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 8px;background:var(--bg-cream-deeper);border:1px solid var(--border-color);border-radius:12px}.nls-send-stat-value{font-size:18px;font-weight:700;color:var(--text-primary);letter-spacing:-.3px}.nls-send-stat-label{font-size:9px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.nls-send-powered{display:flex;align-items:center;justify-content:center;gap:5px;font-size:10px;color:var(--text-tertiary);padding-top:2px}.nls-send-resend{font-weight:700;color:var(--text-secondary);letter-spacing:-.2px}@keyframes nlsSpin{to{transform:rotate(360deg)}}.nls-spin{animation:nlsSpin .8s linear infinite}@media (max-width: 767px){.nls-panel{border-radius:0;border:none;overflow:hidden}.nls-panel .panel-header{padding:10px 16px;height:48px;flex-shrink:0}.nls-row{flex-direction:column;align-items:flex-start;gap:6px}.nls-row-control{width:100%}.nls-group-body{padding:8px 16px 12px}.nls-body{flex:1;overflow-y:auto;min-height:0;padding-bottom:0}.nls-bottom-bar{height:60px;min-height:60px;flex-shrink:0;position:relative;z-index:10}.nls-send-bottom-btn{height:100%;width:100%;flex:1;border-radius:0}.nls-reset-btn{height:100%;width:100%;border-radius:0}.nls-send-content{padding:16px}}.export-panel{display:flex;flex-direction:column;background:var(--bg-cream);height:100%;width:320px;min-width:320px}.export-panel .panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;flex-shrink:0;height:60px}.export-panel .panel-title{display:flex;align-items:center;gap:8px;color:var(--text-primary)}.export-panel .panel-title h3{margin:0;font-size:14px;font-weight:700;letter-spacing:-.3px}.export-content{flex:1;overflow-y:auto;padding:0;display:flex;flex-direction:column;gap:0}.export-section{border-bottom:1px solid var(--border-color)}.export-section:last-child{border-bottom:none}.export-section-header{display:flex;align-items:center;gap:10px;width:100%;padding:18px 20px;background:none;border:none;cursor:pointer;font-family:inherit;color:var(--text-secondary);transition:color .12s ease}.export-section-header:hover{color:var(--text-primary)}.export-section-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:color-mix(in srgb,var(--brand-primary) 12%,transparent);color:var(--brand-primary);flex-shrink:0}.export-section-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;flex:1;text-align:left}.export-chevron{color:var(--text-tertiary);transition:transform .2s ease}.export-chevron.open{transform:rotate(180deg)}.export-section-body{padding:6px 20px 20px;display:flex;flex-direction:column;gap:14px}.export-section+.export-section{border-top:none}.export-options{display:flex;flex-direction:column;gap:16px}.export-option{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 16px;min-height:62px;border:1px solid var(--border-color);border-radius:16px;background:var(--bg-cream-deeper);cursor:pointer;transition:background .2s ease,border-color .2s ease;text-align:left;width:100%;color:var(--text-secondary)}.export-option:hover{border-color:var(--brand-primary)}.export-option.selected{border-color:var(--brand-primary);background:color-mix(in srgb,var(--brand-primary) 8%,transparent)}.export-option.selected .export-option-label{color:#fff}.export-option-label{font-size:13px;font-weight:600;color:var(--text-primary)}.option-check{color:var(--brand-primary);flex-shrink:0}.export-action{margin-top:auto;padding-top:16px;border-top:1px solid var(--border-color)}.export-btn{width:100%;height:44px;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--brand-primary, #6366f1);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;transition:filter .15s}.export-btn:hover{filter:brightness(1.08)}.export-hint{text-align:center;margin:8px 0 0;font-size:11px;color:var(--text-tertiary)}.ai-audio-controls{display:flex;flex-direction:column;gap:16px}.audio-card{display:flex;flex-direction:column;align-items:stretch;padding:20px 16px;min-height:62px;border-radius:16px;background:var(--bg-cream-deeper);border:1px solid var(--border-color);cursor:pointer;transition:background .2s ease,border-color .2s ease;user-select:none}.audio-card:hover{border-color:var(--brand-primary)}.audio-card-header{display:flex;align-items:center;justify-content:space-between;width:100%}.audio-card-header>span{font-size:13px;font-weight:600;color:var(--text-primary)}.audio-card.active .audio-card-header>span{color:#fff}.audio-card-body{margin-top:14px;padding-top:14px;border-top:1px solid rgba(0,0,0,.06);cursor:default}.audio-card.active{background:color-mix(in srgb,var(--brand-primary) 8%,transparent);border-color:var(--brand-primary)}.audio-card-left{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:var(--text-secondary)}.audio-card.active .audio-card-left{color:#fff}.checkbox-track{position:relative;width:40px;height:22px;background:#0000001a;border-radius:11px;flex-shrink:0;border:1px solid rgba(0,0,0,.06);display:flex;align-items:center}.checkbox-track input[type=checkbox]{display:none}.checkbox-thumb{position:absolute;top:50%;left:2px;transform:translateY(-50%);width:16px;height:16px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0000002e;transition:transform .25s cubic-bezier(.2,.8,.2,1);pointer-events:none}.audio-card.active .checkbox-track{background:var(--brand-primary);border-color:var(--brand-primary)}.audio-card.active .checkbox-thumb{transform:translateY(-50%) translate(18px)}.elevenlabs-select,.elevenlabs-input{width:100%;padding:10px 14px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-cream-deeper);color:var(--text-primary);font-size:13px;outline:none;transition:border-color .2s;font-family:inherit}.elevenlabs-input{resize:none}.audio-card-body .elevenlabs-input{border:none;background:#0000000d;border-radius:8px}.audio-card.active .audio-card-body .elevenlabs-input{background:#ffffff14;color:#ffffffe6}.audio-card-body .elevenlabs-input:focus{outline:none;background:#00000012}.audio-card.active .audio-card-body .elevenlabs-input:focus{background:#ffffff1f}.elevenlabs-select:focus,.elevenlabs-input:focus{border-color:var(--brand-primary)}.gen-audio-btn{margin-top:12px;width:100%;height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:color-mix(in srgb,var(--brand-primary) 10%,transparent);color:var(--brand-primary);border:1px solid color-mix(in srgb,var(--brand-primary) 30%,transparent);border-radius:10px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.gen-audio-btn:hover:not(:disabled){background:color-mix(in srgb,var(--brand-primary) 15%,transparent)}.gen-audio-btn:disabled{opacity:.6;cursor:not-allowed}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 767px){.export-panel{border-radius:0;border:none;width:100%!important;min-width:0!important}.export-panel .panel-header{padding:10px 16px;height:48px}.export-content,.export-section{padding:0}.export-section-header{padding:16px}.export-section-body{padding:4px 16px 16px}.export-option,.audio-card,.ai-audio-controls{width:100%}}.figma-importer-overlay{position:absolute;bottom:0;left:0;right:0;background:var(--bg-cream-dark);border-top:1px solid var(--border-color);border-top-left-radius:24px;border-top-right-radius:24px;z-index:50;box-shadow:0 -10px 40px #0000001a;animation:figmaSlideUp .3s cubic-bezier(.22,1,.36,1);display:flex;flex-direction:column;max-height:85%}.figma-modal-content{width:100%;max-width:100%;position:relative;overflow-y:auto;overflow-x:hidden;padding-bottom:24px;scrollbar-width:none;-ms-overflow-style:none}.figma-modal-content::-webkit-scrollbar{display:none}@keyframes figmaSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.figma-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px 0}.figma-header h3{font-size:16px;font-weight:700;margin:0;color:var(--text-primary)}.figma-close{width:32px;height:32px;border-radius:50%;border:1px solid var(--border-color);background:var(--bg-cream);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);transition:all .15s;padding:0}.figma-close:hover{background:var(--bg-cream);color:var(--text-primary)}.figma-body{padding:24px 28px 28px;display:flex;flex-direction:column;gap:16px}.figma-body.figma-loading{align-items:center;justify-content:center;min-height:200px;color:var(--text-tertiary);gap:16px}.figma-success-icon{color:#4ade80;animation:figmaPop .4s cubic-bezier(.34,1.56,.64,1) both}@keyframes figmaPop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.figma-summary-title{font-size:16px;font-weight:700;color:var(--text-primary);margin:0}.figma-summary-chips{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.figma-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:8px;font-size:12px;font-weight:600;background:color-mix(in srgb,var(--brand-primary) 10%,transparent);color:var(--brand-primary);letter-spacing:-.1px}.figma-summary-note{font-size:12px;color:var(--text-tertiary);margin:0;animation:figmaPulse 1s ease infinite alternate}@keyframes figmaPulse{0%{opacity:.5}to{opacity:1}}.figma-field{display:flex;flex-direction:column;gap:8px}.figma-field label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--text-secondary)}.figma-field input[type=url],.figma-field input[type=password]{width:100%;padding:14px 16px;border:1px solid var(--border-color);border-radius:12px;font-size:14px;font-family:inherit;background:var(--bg-cream);color:var(--text-primary);transition:border-color .2s;box-sizing:border-box}.figma-field input:focus{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-primary) 10%,transparent)}.figma-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:12px!important;font-weight:500!important;color:var(--text-tertiary)!important}.figma-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--brand-primary, #6366f1)}.figma-error{display:flex;align-items:flex-start;gap:8px;padding:14px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#dc2626;font-size:13px;font-weight:500;line-height:1.4}.figma-error svg{flex-shrink:0;margin-top:2px}.figma-submit{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--brand-primary, #6366f1);color:#fff;border:none;border-radius:14px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.2,.8,.2,1);margin-top:8px}.figma-submit:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.06)}.figma-submit:active:not(:disabled){transform:scale(.98)}.figma-submit:disabled{opacity:.4;cursor:not-allowed}.figma-submit.success{background:#22c55e}.figma-submit.success:hover:not(:disabled){filter:brightness(1.06)}.figma-hint{font-size:12px;color:var(--text-tertiary);text-align:center;margin:0}.figma-hint strong{color:var(--text-secondary)}.figma-preview-card{background:var(--bg-cream);border:1px solid var(--border-color);border-radius:16px;overflow:hidden}.figma-thumb{aspect-ratio:16/9;overflow:hidden;background:#f1f5f9}.figma-thumb img{width:100%;height:100%;object-fit:cover}.figma-preview-info{padding:16px}.figma-preview-info h4{margin:0 0 8px;font-size:16px;font-weight:700;color:var(--text-primary)}.figma-meta{display:flex;flex-wrap:wrap;gap:8px}.figma-meta span{font-size:12px;color:var(--text-tertiary);background:var(--bg-cream);padding:4px 10px;border-radius:8px;border:1px solid var(--border-color)}.figma-meta strong{color:var(--text-primary)}.figma-layers-preview{display:flex;flex-direction:column;gap:10px}.figma-layers-title{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:var(--text-tertiary)}.figma-layers-list{display:flex;flex-direction:column;gap:6px;max-height:220px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.figma-layers-list::-webkit-scrollbar{display:none}.figma-trigger-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-cream-dark);border:1px solid var(--border-color);border-radius:12px;font-size:13px}.figma-layer-item{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--bg-cream);border:1px solid var(--border-color);border-radius:10px;font-size:13px}.figma-layer-item.more{justify-content:center;color:var(--text-tertiary);font-weight:500;font-style:italic}.layer-type-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;border-radius:6px;color:#fff}.layer-type-badge.text{background:#6366f1}.layer-type-badge.image{background:#f59e0b}.layer-name{flex:1;font-weight:500;color:var(--text-primary);white-space:normal;word-break:break-word;line-height:1.3}.layer-dynamic{font-size:10px;font-weight:700;text-transform:uppercase;color:#22c55e;background:#f0fdf4;padding:2px 6px;border-radius:4px;border:1px solid #bbf7d0}.figma-frame-intro{font-size:14px;color:var(--text-secondary);margin:0}.figma-frames-list{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.figma-frames-list::-webkit-scrollbar{display:none}.figma-frame-item{display:flex;align-items:center;gap:16px;padding:16px;border:1px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .2s;background:var(--bg-cream-deeper)}.figma-frame-btn:hover{border-color:var(--brand-primary);transform:translateY(-1px);background:#fff}.figma-frame-btn:active{transform:scale(.98)}.frame-icon{width:40px;height:40px;border:1px solid var(--border-color);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--brand-primary, #6366f1);flex-shrink:0}.frame-info{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.frame-name{font-size:14px;font-weight:600;white-space:normal;word-break:break-word;line-height:1.3}.frame-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-tertiary);font-weight:500}.frame-texts{display:flex;align-items:center;gap:3px;color:var(--brand-primary, #6366f1);font-weight:600}.frame-arrow{color:var(--text-tertiary);flex-shrink:0;transition:transform .15s}.figma-frame-btn:hover .frame-arrow{transform:translate(3px);color:var(--brand-primary, #6366f1)}@media (max-width: 767px){.figma-modal-content{width:95vw;max-width:95vw;max-height:85vh;margin:12px}.figma-header{padding:12px 16px}.figma-body{padding:12px}}html[data-theme=light]{--bg-cream: #ccc8c2;--bg-cream-dark: #e0dcd5;--bg-cream-deeper: #eeebe3;--bg-hover: #d5d1c9;--text-primary: #1c1a17;--text-secondary: #5e5954;--text-tertiary: #8f8a84;--border-color: rgba(0, 0, 0, .04);--border-light: rgba(0, 0, 0, .04);--brand-primary: #5560c2;--brand-hover: #4a54b5;--brand-light: rgba(85, 96, 194, .12);--shadow-sm: none;--shadow-md: none;--shadow-lg: none;--bg-body: #ccc8c2;--bg-cream-darker: #c0bcb4;--bg-elevated: #f4f1e9;--text-muted: #8f8a84;--grid-color: rgba(0, 0, 0, .04)}html[data-theme=light] body{background-color:var(--bg-cream);color:var(--text-primary)}html[data-theme=light] ::-webkit-scrollbar-thumb{background:var(--border-light)}html[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}html[data-theme=light] ::placeholder{color:#9a948b!important}html[data-theme=light] .panels-container>*{border:1px solid var(--border-light)}html[data-theme=light] .app-container,html[data-theme=light] .splash-screen{background:var(--bg-cream)}html[data-theme=light] .bar-icon-circle{border-color:#0000001a;color:var(--text-tertiary)}html[data-theme=light] .bar-action .bar-icon-circle{border-color:#ffffff4d;color:#fff;background:#ffffff1f}html[data-theme=light] .dock-section{border:1px solid var(--border-light)}html[data-theme=light] .dock-prompt-wrapper{background:var(--bg-cream-deeper);border:1px solid var(--border-color)}html[data-theme=light] .dock-prompt-wrapper:focus-within{background:color-mix(in srgb,var(--brand-primary) 8%,var(--bg-cream-deeper));border-color:color-mix(in srgb,var(--brand-primary) 40%,transparent)}html[data-theme=light] .dock-btn:hover{background:color-mix(in srgb,var(--brand-primary) 14%,transparent)}html[data-theme=light] .dock-btn.active{background:color-mix(in srgb,var(--brand-primary) 18%,transparent);color:var(--brand-primary)}html[data-theme=light] .dock-divider{background:var(--border-light)}html[data-theme=light] .dock-export-full-btn{color:#fff}html[data-theme=light] .dock-export-full-btn:hover{background:#0000000f}html[data-theme=light] .dock-export-full-btn:active{background:#0000001a}html[data-theme=light] .dock-btn.primary,html[data-theme=light] .dock-btn.primary.active{color:#fff}html[data-theme=light] .dock-mobile{border-top:1px solid var(--border-light)}html[data-theme=light] .dock-m-pill{background:#00000008}html[data-theme=light] .dock-m-pill.active{background:color-mix(in srgb,var(--brand-primary) 18%,transparent)}html[data-theme=light] .dock-m-pill.primary{color:#fff}html[data-theme=light] .canvas-wrapper{background:var(--bg-cream-dark);border:1px solid var(--border-color)}html[data-theme=light] .video-skeleton{background:linear-gradient(135deg,var(--bg-cream-dark),var(--bg-hover))}html[data-theme=light] .empty-icon-bg{background:#0000000f;border:1px solid var(--border-color)}html[data-theme=light] .step-icon{background-color:var(--bg-cream-dark)}html[data-theme=light] .flow-step.active .step-icon,html[data-theme=light] .flow-step.ap-tick .step-icon{color:#fff}html[data-theme=light] .control-btn{background:transparent;border:none;color:var(--text-secondary)}html[data-theme=light] .control-btn.play-pause{background:var(--brand-primary);color:#fff;border:none}html[data-theme=light] .control-btn.play-pause:hover{background:var(--brand-hover)}.control-btn:not(.play-pause):hover{color:var(--brand-primary);background:transparent}html[data-theme=light] .timeline-scrubber{background-color:color-mix(in srgb,var(--brand-primary) 20%,transparent)}html[data-theme=light] .timeline-scrubber::-webkit-slider-thumb{background:var(--brand-primary);border:2px solid white}html[data-theme=light] .flow-generate-btn{background:var(--brand-primary);color:#fff;border:none}html[data-theme=light] .flow-generate-btn--inactive{background:var(--bg-cream-deeper)!important;border-color:var(--border-light)!important}html[data-theme=light] .selected-check{color:#fff}html[data-theme=light] .flow-step{opacity:.5}html[data-theme=light] .flow-step.active,html[data-theme=light] .flow-step.ap-tick{opacity:1}html[data-theme=light] .sp-tab.active{background:var(--bg-cream-deeper);border:1px solid var(--border-color)}html[data-theme=light] .mobile-tap-play-btn{background:#00000073;color:#fff}html[data-theme=light] .flow-step .step-ring{border-color:var(--border-color)}html[data-theme=light] .flow-step.active .step-ring{border-color:var(--brand-primary);background:color-mix(in srgb,var(--brand-primary) 12%,transparent)}html[data-theme=light] .flow-step .step-label{color:var(--text-secondary)}html[data-theme=light] .flow-step.active .step-label{color:var(--text-primary)}html[data-theme=light] .flow-connector{background:#00000014}html[data-theme=light] .image-canvas{background-color:var(--bg-cream-dark)}html[data-theme=light] .image-canvas .canvas-empty-bg{background:linear-gradient(135deg,var(--bg-cream-dark) 0%,var(--bg-hover) 50%,var(--bg-cream) 100%)}html[data-theme=light] .element-text.is-editing{background:#0000000d}html[data-theme=light] .replace-icon-btn{background:#0000008c;color:#fff;border-color:#ffffff40}html[data-theme=light] .replace-icon-btn--bg{background:#000000a6;border-color:#ffffff4d}html[data-theme=light] .replace-icon-btn:hover,html[data-theme=light] .replace-icon-btn__label,html[data-theme=light] .replace-search-btn{color:#fff}html[data-theme=light] .img-position-bar,html[data-theme=light] .replace-picker{background:var(--bg-cream-deeper);border:1px solid var(--border-color)}html[data-theme=light] .newsletter-panel .nl-canvas{background:var(--bg-cream-dark);border:1px solid var(--border-color)}html[data-theme=light] .nl-iframe{background:var(--bg-cream-deeper)}html[data-theme=light] .nl-overlay{background:#e8e3dbeb}html[data-theme=light] .nl-device-btn:hover{background:#0000000a;color:var(--text-primary)}html[data-theme=light] .nl-device-btn.active{background:var(--brand-primary);color:#fff;border:none}html[data-theme=light] .nl-device-group{background:#0000000f;border:1px solid var(--border-color);padding:2px}html[data-theme=light] .canvas-overlay{background:linear-gradient(to bottom,#0000001a,#0009)}html[data-theme=light] .resize-handle{background:var(--bg-cream-dark);border-color:var(--border-color)}html[data-theme=light] .resize-handle:hover{border-color:var(--text-primary)}html[data-theme=light] .profile-field-input{border-color:var(--border-color)}html[data-theme=light] .nls-input,html[data-theme=light] .nls-textarea,html[data-theme=light] .nls-select,html[data-theme=light] .nl-send-input,html[data-theme=light] .elevenlabs-select,html[data-theme=light] .elevenlabs-input{border:1px solid var(--border-color)}html[data-theme=light] .ep-api-key-input{border-color:var(--border-color);background:var(--bg-cream-deeper)}html[data-theme=light] .settings-input{border:1px solid var(--border-color)}html[data-theme=light] .custom-input-group input{background:var(--bg-cream-deeper);border:1px solid var(--border-color)}html[data-theme=light] .audio-card-body .elevenlabs-input{background:#0000000a}html[data-theme=light] .audio-card-body .elevenlabs-input:focus{background:#0000000f}html[data-theme=light] .audio-card.active .elevenlabs-input{background:#0000000f;color:var(--text-primary)}html[data-theme=light] .audio-card.active .elevenlabs-input:focus{background:#00000014}html[data-theme=light] .profile-field-input:focus{outline:2px solid color-mix(in srgb,var(--brand-primary) 22%,transparent)}html[data-theme=light] .nls-input:focus,html[data-theme=light] .nls-textarea:focus{outline:2px solid color-mix(in srgb,var(--brand-primary) 22%,transparent)}html[data-theme=light] .nl-send-input:focus{outline:2px solid color-mix(in srgb,var(--brand-primary) 22%,transparent)}html[data-theme=light] .ep-api-key-input:focus{outline:2px solid color-mix(in srgb,var(--brand-primary) 22%,transparent)}html[data-theme=light] .figma-field input:focus{outline:2px solid color-mix(in srgb,var(--brand-primary) 22%,transparent)}html[data-theme=light] .nls-toggle{background:#00000024}html[data-theme=light] .nls-toggle.on,html[data-theme=light] .nls-toggle.active{background:var(--brand-primary)}html[data-theme=light] .nls-toggle-thumb{background:#fff;border:1px solid var(--border-color)}html[data-theme=light] .toggle-btn{background:#00000024}html[data-theme=light] .toggle-btn.active,html[data-theme=light] .toggle-btn.on{background:var(--brand-primary)}html[data-theme=light] .checkbox-track{background:#00000024}html[data-theme=light] .checkbox-track.checked,html[data-theme=light] .audio-card.active .checkbox-track{background:var(--brand-primary)}html[data-theme=light] .checkbox-thumb{background:#fff;border:1px solid var(--border-color)}html[data-theme=light] .bb-toggle{background:#00000024}html[data-theme=light] .bb-toggle.on,html[data-theme=light] .bb-toggle.active{background:var(--brand-primary)}html[data-theme=light] .bb-toggle:after{background:#fff;border:1px solid var(--border-color)}html[data-theme=light] .ep-tab-bar,html[data-theme=light] .btn-group{background:#0000000f}html[data-theme=light] .group-btn.active{background:var(--bg-cream-deeper);border:1px solid var(--border-color)}html[data-theme=light] .market-card{border-color:#00000012!important;border:1px solid var(--border-color)}html[data-theme=light] .market-card:hover{background:color-mix(in srgb,var(--brand-primary) 15%,var(--bg-cream-deeper))!important;border-color:var(--brand-primary)!important}html[data-theme=light] .market-card.selected{background:color-mix(in srgb,var(--brand-primary) 22%,var(--bg-cream-deeper))!important;border-color:var(--brand-primary)!important}html[data-theme=light] .layer-row:hover{background:#00000008}html[data-theme=light] .layer-row.active{background:color-mix(in srgb,var(--brand-primary) 8%,transparent)}html[data-theme=light] .layer-item-icon{background:#0000000a}html[data-theme=light] .export-option,html[data-theme=light] .audio-card,html[data-theme=light] .ba-card,html[data-theme=light] .bi-card,html[data-theme=light] .bb-card,html[data-theme=light] .el-control{border:1px solid var(--border-color)}html[data-theme=light] .ep-template-card{background:var(--bg-cream-deeper);border:1px solid var(--border-color)}html[data-theme=light] .ep-template-thumb{background:var(--bg-elevated)}html[data-theme=light] .size-card{background:var(--bg-cream-deeper);border:1px solid var(--border-color)}html[data-theme=light] .size-card.active .size-card-icon{background:var(--bg-elevated)}html[data-theme=light] .bot-panel{border:1px solid var(--border-color)}html[data-theme=light] .bp-hero,html[data-theme=light] .bp-features{background:var(--bg-cream-deeper)}html[data-theme=light] .bp-error,html[data-theme=light] .bi-error{background:#dc26260f;border-color:#dc262640;color:#dc2626}html[data-theme=light] .bp-qr-frame,html[data-theme=light] .bi-qr-frame{background:var(--bg-elevated);border:1px solid var(--border-color)}html[data-theme=light] .bb-section{background:#00000005}html[data-theme=light] .bb-divider{background:var(--border-light)}html[data-theme=light] .bb-persona-list{background:var(--bg-cream-deeper);border:1px solid var(--border-light)}html[data-theme=light] .ba-msg--user .ba-msg-avatar{background:#0000000f}html[data-theme=light] .ba-type--summary{background:#2563eb;color:#fff;border:none}html[data-theme=light] .ba-type--analysis{background:#7c3aed;color:#fff;border:none}html[data-theme=light] .ba-type--generation{background:#db2777;color:#fff;border:none}html[data-theme=light] .ba-type--complete{background:#059669;color:#fff;border:none}html[data-theme=light] .card-badge.up{color:#fff;background:#16a34a;border:none}html[data-theme=light] .card-badge.down{color:#fff;background:#dc2626;border:none}html[data-theme=light] .card-signal--buy{background:#16a34a;color:#fff;border:none}html[data-theme=light] .card-signal--caution{background:#dc2626;color:#fff;border:none}html[data-theme=light] .card-signal--watch{background:var(--brand-primary);color:#fff;border:none}html[data-theme=light] .card-impact,html[data-theme=light] .brand-contrast-warn{background:#d97706;color:#fff;border:none}html[data-theme=light] .card-heading{color:var(--text-primary)}html[data-theme=light] .card-desc{color:var(--text-secondary)}html[data-theme=light] .brand-swatch.active{border-color:var(--brand-primary);box-shadow:0 0 0 2px var(--bg-cream-dark),0 0 0 4px var(--brand-primary)}html[data-theme=light] .skeleton-shimmer{background:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.05) 50%,transparent 100%)}@media (max-width: 768px){html[data-theme=light] .market-card{background:#00000005}html[data-theme=light] .market-card:hover{background:#0000000a}html[data-theme=light] .market-card,html[data-theme=light] .market-card:last-child{border-color:#00000014}}html[data-theme=light] .ep-color-swatch.selected{border:2px solid var(--brand-primary)}html[data-theme=light] .ep-key-status{border-color:#00000014}html[data-theme=light] .ep-api-key-status{background:#0000000a}html[data-theme=light] .ep-template-delete{background:#00000080;border-color:#ffffff26;color:#fff}html[data-theme=light] .ep-template-badge{color:#fff}html[data-theme=light] .layer-replace-btn:hover{color:var(--brand-primary);background:#6366f11f}html[data-theme=light] .el-control.active label{color:var(--brand-primary)}html[data-theme=light] .export-btn{color:#fff}html[data-theme=light] .export-option.selected{background:color-mix(in srgb,var(--brand-primary) 12%,transparent);border:1px solid var(--brand-primary)}html[data-theme=light] .export-option.selected .export-option-label{color:var(--brand-primary)}html[data-theme=light] .audio-card.active{background:color-mix(in srgb,var(--brand-primary) 12%,transparent);border:1px solid var(--brand-primary)}html[data-theme=light] .audio-card.active .audio-card-header>span{color:var(--brand-primary)}html[data-theme=light] .audio-card.active .audio-card-left{color:var(--brand-primary)}html[data-theme=light] .nli-check-item:hover{background:#00000008}html[data-theme=light] .nli-check-icon{background:#0000000a}html[data-theme=light] .nli-generate-btn,html[data-theme=light] .nli-check-box.checked{color:#fff}html[data-theme=light] .nls-send-bottom-btn{color:var(--text-primary)}html[data-theme=light] .nls-send-bottom-btn.active{background:var(--bg-cream-dark);color:var(--brand-primary);border:1px solid var(--border-color);box-shadow:0 1px 2px #0000000d}html[data-theme=light] .nls-send-action,html[data-theme=light] .nl-send-action{color:#fff}html[data-theme=light] .nl-send-action.sending{background:color-mix(in srgb,var(--brand-primary) 80%,#555)}html[data-theme=light] .nls-body::-webkit-scrollbar-thumb{background:var(--border-light)}html[data-theme=light] .bi-action--primary,html[data-theme=light] .bp-btn--primary,html[data-theme=light] .figma-submit,html[data-theme=light] .layer-type-badge{color:#fff}html[data-theme=light] .figma-frame-btn:hover,html[data-theme=light] .template-delete-btn{background:#fff}html[data-theme=light] .source-badge{background:#0000008c;color:#fff}html[data-theme=light] .size-check,html[data-theme=light] .import-feature-card:hover .import-arrow{color:#fff}html[data-theme=light] .sch-card{border:1px solid var(--border-color)}html[data-theme=light] .sch-time-btn{background:var(--bg-cream-deeper);border-color:var(--border-color)}html[data-theme=light] .sch-action-btn{color:#fff}html[data-theme=light] .dock-wrapper,html[data-theme=light] .market-panel,html[data-theme=light] .showcase-panel,html[data-theme=light] .elements-panel,html[data-theme=light] .newsletter-panel,html[data-theme=light] .bot-panel,html[data-theme=light] .bot-identity-panel,html[data-theme=light] .bot-brain-panel,html[data-theme=light] .bot-activity-panel,html[data-theme=light] .export-panel,html[data-theme=light] .figma-importer,html[data-theme=light] .template-gallery,html[data-theme=light] .newsletter-studio,html[data-theme=light] .newsletter-import,html[data-theme=light] .newsletter-send,html[data-theme=light] .scheduling-panel{color:var(--text-primary)}.dock-theme-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast);flex-shrink:0;margin-left:2px}.dock-theme-toggle:hover{color:var(--text-primary);background:var(--bg-hover)}.dock-m-theme-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex:.6;padding:6px 4px 5px;border:none;border-radius:12px;background:transparent;color:var(--text-tertiary);font-family:inherit;cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast);-webkit-tap-highlight-color:transparent}.dock-m-theme-toggle:hover{color:var(--text-primary)}html[data-theme=light] .brand-skeleton-frame{background:#d6d0c8;box-shadow:none}html[data-theme=light] .skel-logo{background:color-mix(in srgb,var(--brand-primary) 30%,#c5bfb5)}html[data-theme=light] .skel-line{background:color-mix(in srgb,var(--brand-primary) 22%,#c5bfb5)}html[data-theme=light] .skel-badge{background:color-mix(in srgb,var(--brand-primary) 28%,#c5bfb5)}html[data-theme=light] .skel-accent-bar{opacity:.7}html[data-theme=light] .brand-skeleton-frame:after{background:linear-gradient(110deg,transparent 30%,color-mix(in srgb,var(--brand-primary) 16%,transparent) 50%,transparent 70%)}html[data-theme=light] .img-skeleton{background:#d6d0c8}.app-layout{display:flex;flex-direction:column;height:100dvh;width:100vw;overflow:hidden;background:var(--bg-cream);position:relative;box-sizing:border-box}.dock-wrapper{position:absolute;left:0;right:0;height:64px;top:calc(100% - 80px);transition:top .5s cubic-bezier(.2,.8,.2,1),opacity .4s cubic-bezier(.2,.8,.2,1);z-index:100;box-sizing:border-box;display:flex;justify-content:center;pointer-events:none}.app-layout.dock-top .dock-wrapper{top:16px}.hidden-panel{width:0!important;min-width:0!important;opacity:0!important;pointer-events:none;border:none!important;margin:0!important;padding:0!important}.panels-container{display:flex;flex:1;align-items:stretch;box-sizing:border-box;overflow:hidden;position:relative;gap:16px;padding:16px;transition:padding .5s cubic-bezier(.2,.8,.2,1),gap .5s cubic-bezier(.2,.8,.2,1)}.panels-container>*{border:1px solid var(--border-color);background:var(--bg-cream-dark);border-radius:20px;transition:opacity .22s ease,border-color .3s ease,background .3s ease}.panels-container>* .panel-header{border-bottom:1px solid var(--border-color)}.swap-btn{width:28px;height:28px;border:1px solid var(--border-color);background:transparent;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);transition:all .2s}.swap-btn:hover{background:color-mix(in srgb,var(--brand-primary) 10%,transparent);color:var(--text-primary);border-color:var(--brand-primary)}.app-layout:not(.dock-top) .panels-container{padding-bottom:96px}.app-layout.dock-top .panels-container{padding-top:96px}.panel-divider{width:1px;background:var(--border-color);flex-shrink:0;z-index:5;transition:opacity .3s ease,width .3s ease}.market-panel,.elements-panel,.export-panel,.nls-panel,.nli-panel,.bi-panel,.ba-panel{width:320px;min-width:320px;min-height:0;box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column;transition:width .5s cubic-bezier(.2,.8,.2,1),min-width .5s cubic-bezier(.2,.8,.2,1),opacity .15s ease;white-space:nowrap;border-radius:20px;background:var(--bg-cream-dark)}.showcase-panel,.newsletter-panel,.bb-panel{flex:1;min-width:0;min-height:0;box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column;transition:flex .5s cubic-bezier(.2,.8,.2,1),opacity .15s ease;border-radius:20px;background:var(--bg-cream-dark)}.panels-container.expanded .market-panel,.panels-container.expanded .elements-panel,.panels-container.expanded .export-panel,.panels-container.expanded .nls-panel,.panels-container.expanded .nli-panel,.panels-container.expanded .bi-panel,.panels-container.expanded .ba-panel{width:0;min-width:0;opacity:0;pointer-events:none}.panels-container.expanded{gap:0}.panels-container.expanded .panel-divider{opacity:0;width:0}.splash-screen{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:var(--bg-cream);transition:background .35s cubic-bezier(.2,.8,.2,1)}.splash-screen.bg-fade{background:transparent;opacity:0;pointer-events:none;transition:opacity .4s cubic-bezier(.2,.8,.2,1),background .35s cubic-bezier(.2,.8,.2,1)}.splash-logo{color:var(--brand-primary);animation:splashSpin 1.6s cubic-bezier(.4,0,.2,1) infinite;transition:opacity .25s ease-out}.splash-screen.logo-fade .splash-logo{opacity:0}@keyframes splashSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-layout:not(.app-ready) .panels-container>*{opacity:0;transform:scale(.96)}.app-layout:not(.app-ready) .dock-section{opacity:0}.app-layout.app-ready:not(.dock-ready):not(.dock-top) .panels-container{padding-bottom:16px}.app-layout.app-ready:not(.dock-ready).dock-top .panels-container{padding-top:16px}.app-layout.app-ready:not(.dock-ready) .dock-wrapper{top:calc(100% + 80px);opacity:0}.app-layout.app-ready:not(.dock-ready).dock-top .dock-wrapper{top:-80px;opacity:0}.app-ready .showcase-panel,.app-ready .scheduling-panel,.app-ready .newsletter-panel,.app-ready .bb-panel{animation:panelEntrance .35s cubic-bezier(.2,.8,.2,1) 0ms both}.app-ready .market-panel,.app-ready .nli-panel,.app-ready .bi-panel{animation:panelEntrance .3s cubic-bezier(.2,.8,.2,1) 60ms both}.app-ready .elements-panel,.app-ready .export-panel,.app-ready .nls-panel,.app-ready .ba-panel{animation:panelEntrance .3s cubic-bezier(.2,.8,.2,1) .1s both}@keyframes panelEntrance{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.app-layout:not(.dock-ready) .guided-flow{opacity:0}.app-layout.dock-ready .dock-wrapper{opacity:1}.app-layout.dock-ready .dock-section{animation:panelEntrance .28s cubic-bezier(.2,.8,.2,1) both}.app-layout.dock-ready .dock-center{animation-delay:0ms}.app-layout.dock-ready .dock-left{animation-delay:60ms}.app-layout.dock-ready .dock-right{animation-delay:80ms}.app-layout.dock-ready .guided-flow{animation:guidedFlowIn .28s cubic-bezier(.2,.8,.2,1) 40ms both}@keyframes guidedFlowIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}button:active:not(.ep-export-full-btn):not(.showcase-generate-bar),.dock-btn:active,.swap-btn:active,.export-option:active,.quality-pill:active,.export-btn:active{transform:scale(.96);transition:transform .1s cubic-bezier(.2,.8,.2,1)}.mobile-message{display:flex;align-items:center;justify-content:center;height:100vh;width:100vw;background-color:var(--bg-cream);padding:32px}.mobile-content{text-align:left;color:var(--text-primary);max-width:440px}.mobile-icon-wrapper{width:56px;height:56px;border-radius:var(--radius-md);background-color:var(--text-primary);display:flex;align-items:center;justify-content:center;margin-bottom:24px}.mobile-icon{width:28px;height:28px;color:var(--bg-cream)}.mobile-content h1{font-size:32px;margin-bottom:12px;font-weight:700;line-height:1.1;letter-spacing:-.5px}.mobile-subtitle{font-size:16px;line-height:1.6;margin:0 0 6px;color:var(--text-secondary);font-weight:500}.mobile-description{font-size:15px;line-height:1.6;margin:0;color:var(--text-tertiary)}.panels-container.page-transitioning>*{opacity:0!important;transition:opacity .15s ease!important}.app-layout.dock-ready .panels-container>*{animation:none!important}html,body{overflow-x:hidden;max-width:100vw}.app-layout,.panels-container{overflow-x:hidden}@media (max-width: 1200px){.panels-container{gap:8px;padding:8px}.market-panel,.elements-panel,.export-panel,.nls-panel,.nli-panel{width:280px;min-width:280px}.app-layout:not(.dock-top) .panels-container{padding-bottom:80px}.app-layout.dock-top .panels-container{padding-top:80px}}@media (max-width: 767px){.app-layout.is-mobile .dock-wrapper,.app-layout.is-mobile.dock-top .dock-wrapper{display:none}.app-layout:after{content:"";position:fixed;bottom:0;left:0;right:0;height:var(--mobile-dock-height, 110px);background:var(--bg-cream-dark);z-index:50;pointer-events:none}.panels-container{gap:0;padding:0;padding-bottom:var(--mobile-dock-height, 110px)!important;flex-direction:column}.app-layout:not(.dock-top) .panels-container,.app-layout.dock-top .panels-container{padding-bottom:var(--mobile-dock-height, 110px)!important;padding-top:0!important}.panels-container>*{border-radius:0;border:none;width:100%!important;min-width:0!important;flex:1;min-height:0;background:var(--bg-cream)!important}.market-panel,.elements-panel,.export-panel,.nls-panel,.nli-panel,.bi-panel,.ba-panel{width:100%!important;min-width:0!important}.showcase-panel,.newsletter-panel,.bb-panel{min-height:0}.panels-container.expanded .market-panel,.panels-container.expanded .elements-panel,.panels-container.expanded .export-panel,.panels-container.expanded .nls-panel,.panels-container.expanded .nli-panel,.panels-container.expanded .bi-panel,.panels-container.expanded .ba-panel{width:100%!important;min-width:0!important;opacity:1;pointer-events:auto}.panel-header{padding:10px 16px;height:48px}.swap-btn{display:none}.panels-container.page-transitioning>*{opacity:0!important;transition:opacity .12s ease!important}.panels-container[data-mobile-view=left]>.showcase-panel,.panels-container[data-mobile-view=right]>.showcase-panel{position:absolute;width:0!important;height:0!important;overflow:hidden;opacity:0;pointer-events:none}}