:root{--swt-bg-deep: #0f172a;--swt-bg-primary: #1e293b;--swt-bg-secondary: #334155;--swt-bg-elevated: #475569;--swt-bg-hover: #4a5568;--swt-bg-overlay: rgba(15, 23, 42, .85);--swt-bg-card: rgba(30, 41, 59, .8);--swt-bg-input: rgba(30, 41, 59, .8);--swt-bg-sidebar: rgba(15, 23, 42, .95);--swt-bg-panel: #1a2537;--swt-bg-inset: #1e293b;--swt-text-primary: #e2e8f0;--swt-text-secondary: #94a3b8;--swt-text-muted: #64748b;--swt-text-inverse: #0f172a;--swt-accent: #FF6D3A;--swt-accent-hover: #FF8A5C;--swt-accent-glow: rgba(255, 109, 58, .15);--swt-accent-muted: rgba(255, 109, 58, .08);--swt-success: #34D399;--swt-error: #F87171;--swt-warning: #FBBF24;--swt-info: #60A5FA;--swt-border: rgba(255, 255, 255, .06);--swt-border-hover: rgba(255, 255, 255, .12);--swt-border-accent: rgba(255, 109, 58, .35);--swt-scrollbar-track: rgba(15, 23, 42, .6);--swt-scrollbar-thumb: rgba(71, 85, 105, .8);--swt-space-xs: .25rem;--swt-space-sm: .5rem;--swt-space-md: .75rem;--swt-space-lg: 1rem;--swt-space-xl: 1.5rem;--swt-space-2xl: 2rem;--swt-space-3xl: 3rem;--swt-radius-sm: .375rem;--swt-radius-md: .5rem;--swt-radius-lg: .75rem;--swt-radius-xl: 1rem;--swt-radius-full: 9999px;--swt-shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--swt-shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--swt-shadow-lg: 0 8px 24px rgba(0, 0, 0, .6);--swt-shadow-glow: 0 0 24px var(--swt-accent-glow);--swt-font-sans: "Be Vietnam Pro", "Inter", system-ui, -apple-system, sans-serif;--swt-font-mono: "JetBrains Mono", "Fira Code", monospace;--swt-transition-fast: .12s ease;--swt-transition-normal: .2s ease;--swt-transition-slow: .35s ease;--swt-z-dropdown: 100;--swt-z-modal: 200;--swt-z-toast: 300;--swt-z-overlay: 400;color-scheme:dark}:root.light{--swt-bg-deep: #c8d6e8;--swt-bg-primary: #d4e0ed;--swt-bg-secondary: #c8d4e3;--swt-bg-elevated: #bccad9;--swt-bg-hover: #b0bece;--swt-bg-overlay: rgba(0, 0, 0, .5);--swt-bg-card: rgba(220, 230, 242, .75);--swt-bg-input: rgba(210, 222, 237, .9);--swt-bg-sidebar: rgba(215, 226, 240, .95);--swt-bg-panel: #dce8f4;--swt-bg-inset: #e8f2fb;--swt-text-primary: #0f172a;--swt-text-secondary: #334155;--swt-text-muted: #64748b;--swt-text-inverse: #f8fafc;--swt-border: rgba(71, 85, 105, .15);--swt-border-hover: rgba(71, 85, 105, .3);--swt-scrollbar-track: rgba(180, 196, 214, .8);--swt-scrollbar-thumb: rgba(100, 116, 139, .45);--swt-shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--swt-shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--swt-shadow-lg: 0 8px 24px rgba(0, 0, 0, .13);color-scheme:light}:focus-visible{outline:none;box-shadow:0 0 0 2px var(--swt-bg-deep),0 0 0 4px var(--swt-accent)}.swt-card{background:var(--swt-bg-card);border:1px solid var(--swt-border);border-radius:var(--swt-radius-lg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:box-shadow .15s,border-color .15s}.swt-card-hover:hover{border-color:var(--swt-border-hover);box-shadow:0 0 0 1px var(--swt-accent-glow),var(--swt-shadow-md)}.swt-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .875rem;font-size:.875rem;font-weight:500;border-radius:var(--swt-radius-md);transition:all .15s ease;cursor:pointer;border:none;white-space:nowrap;font-family:inherit}.swt-btn-primary{background:linear-gradient(135deg,color-mix(in srgb,var(--swt-accent) 80%,#000),var(--swt-accent));color:#fff;box-shadow:0 2px 12px var(--swt-accent-glow)}.swt-btn-primary:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 4px 20px var(--swt-accent-glow)}.swt-btn-ghost{background:transparent;color:var(--swt-text-secondary);border:1px solid var(--swt-border)}.swt-btn-ghost:hover:not(:disabled){background:var(--swt-bg-hover);color:var(--swt-text-primary);border-color:var(--swt-border-hover)}.swt-btn-danger{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;box-shadow:0 2px 12px #ef444440}.swt-btn-danger:hover:not(:disabled){filter:brightness(1.1)}.swt-btn:disabled{opacity:.4;cursor:not-allowed}.swt-input{width:100%;background:var(--swt-bg-input);border:1px solid var(--swt-border);border-radius:var(--swt-radius-md);color:var(--swt-text-primary);font-size:.875rem;padding:.5rem .75rem;transition:border-color .15s,box-shadow .15s;font-family:inherit}.swt-input:focus{outline:none;border-color:var(--swt-accent);box-shadow:0 0 0 2px var(--swt-accent-muted)}.swt-input::placeholder{color:var(--swt-text-muted)}.swt-input:disabled{opacity:.4;cursor:not-allowed}.swt-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--swt-z-modal);background:var(--swt-bg-overlay);display:flex;align-items:center;justify-content:center;animation:swt-fade-in .15s ease}.swt-modal{width:420px;max-width:90vw;background:var(--swt-bg-primary);border:1px solid var(--swt-border);border-radius:var(--swt-radius-lg);animation:swt-modal-in .2s cubic-bezier(.34,1.56,.64,1)}.swt-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;border-radius:var(--swt-radius-full);font-size:.75rem;font-weight:500}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--swt-scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--swt-scrollbar-thumb);border-radius:var(--swt-radius-full)}@keyframes swt-spin{to{transform:rotate(360deg)}}@keyframes swt-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes swt-modal-in{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.swt-paste-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--swt-z-overlay, 400);background:var(--swt-bg-overlay);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;animation:swt-fade-in .15s ease-out}.swt-paste-panel{background:var(--swt-bg-primary);border:1px solid var(--swt-border);border-radius:var(--swt-radius-xl);padding:1.25rem;width:340px;max-width:90vw;box-shadow:var(--swt-shadow-lg)}.swt-paste-header{display:flex;align-items:center;gap:14px;margin-bottom:16px}.swt-paste-thumb{width:56px;height:56px;object-fit:cover;border-radius:var(--swt-radius-md);border:1px solid var(--swt-border);flex-shrink:0}.swt-paste-title{font-size:15px;font-weight:600;color:var(--swt-text-primary);margin:0 0 2px;font-family:var(--swt-font-sans)}.swt-paste-hint{font-size:12px;color:var(--swt-text-muted);margin:0;font-family:var(--swt-font-sans)}.swt-paste-targets{display:flex;flex-direction:column;gap:8px}.swt-paste-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:var(--swt-bg-secondary);border:1px solid var(--swt-border);border-radius:var(--swt-radius-lg);color:var(--swt-text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:background var(--swt-transition-fast),border-color var(--swt-transition-fast),color var(--swt-transition-fast),transform var(--swt-transition-fast);font-family:var(--swt-font-sans)}.swt-paste-btn:hover{background:var(--swt-accent);color:#fff;border-color:var(--swt-accent);transform:translateY(-1px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-deep: var(--swt-bg-deep);--bg-primary: var(--swt-bg-primary);--bg-secondary: var(--swt-bg-secondary);--bg-elevated: var(--swt-bg-elevated);--bg-hover: var(--swt-bg-hover);--text-primary: var(--swt-text-primary);--text-secondary: var(--swt-text-secondary);--text-muted: var(--swt-text-muted);--text-inverse: var(--swt-text-inverse);--accent: var(--swt-accent);--accent-hover: var(--swt-accent-hover);--accent-glow: var(--swt-accent-glow);--success: var(--swt-success);--error: var(--swt-error);--warning: var(--swt-warning);--border-subtle: var(--swt-border);--border-hover: var(--swt-border-hover);--surface-secondary: var(--bg-secondary);--surface-tertiary: var(--bg-elevated);--accent-primary: var(--accent);--radius: var(--swt-radius-md);--radius-lg: var(--swt-radius-lg);--sidebar-width: 72px;--header-height: 56px;--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: var(--swt-font-sans);--font-mono: var(--swt-font-mono);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s}html,body,#root{height:100%}#root:has(.app-shell){overflow:hidden}body{font-family:var(--font-body);background:var(--bg-deep);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-shell{display:flex;height:100vh;overflow:hidden}.tool-nav{width:var(--sidebar-width);background:var(--bg-primary);border-right:1px solid var(--swt-border);display:flex;flex-direction:column;align-items:center;padding:16px 0;flex-shrink:0}.nav-brand{margin-bottom:24px}.nav-logo-img{width:40px;height:auto;display:block}@keyframes logo-pulse{0%,to{opacity:1}50%{opacity:.7}}.nav-tools{flex:1;display:flex;flex-direction:column;gap:4px;width:100%;padding:0 8px}.nav-tool-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;background:transparent;border:1px solid transparent;border-radius:var(--radius);color:var(--text-muted);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);font-family:var(--font-body)}.nav-tool-btn:hover{color:var(--text-secondary);background:var(--bg-hover)}.nav-tool-btn.active{color:var(--accent);background:var(--accent-glow);border-color:#ff6d3a33}.tool-icon{font-size:18px;line-height:1}.tool-name{font-size:9px;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.nav-footer{padding-top:16px;display:flex;flex-direction:column;align-items:center;gap:8px}.nav-settings-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:var(--radius);color:var(--text-muted);font-size:16px;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.nav-settings-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.nav-home-btn{background:none;border:none;cursor:pointer;padding:4px;line-height:1}.nav-version{font-size:9px;color:var(--text-muted);letter-spacing:1px}.app-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.app-header{height:var(--header-height);padding:0 24px;display:flex;align-items:center;justify-content:space-between;background:var(--bg-primary);border-bottom:1px solid var(--swt-border);flex-shrink:0}.header-home-btn{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;gap:10px;text-decoration:none}.header-wordmark{display:flex;align-items:baseline;gap:5px;font-family:var(--font-display);font-size:16px;font-weight:800;letter-spacing:-.3px;text-transform:uppercase;line-height:1;transition:transform var(--duration-fast) var(--ease-out)}.header-home-btn:hover .header-wordmark{transform:translateY(-1px)}.wordmark-seller{color:var(--accent)}.wordmark-toolbox{color:var(--text-primary)}.header-subtitle{font-size:9px;color:var(--text-muted);letter-spacing:1px;line-height:1;text-transform:uppercase}.header-right{display:flex;align-items:center;gap:12px}.credit-display{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-secondary);border-radius:var(--radius);border:1px solid var(--swt-border);font-size:13px;font-weight:500;font-variant-numeric:tabular-nums}.credit-icon{color:var(--accent);font-size:14px}.credit-value{color:var(--text-primary)}.api-status-dot{font-size:10px;color:var(--text-muted);transition:color var(--duration-fast)}.api-status-dot.active{color:var(--success)}.settings-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid var(--swt-border);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.settings-btn:hover{color:var(--text-primary);background:var(--bg-hover);border-color:var(--swt-border-hover)}.app-content{flex:1;overflow-y:auto;overflow-x:hidden}.studio-container{padding:32px;max-width:1400px;margin:0 auto;height:100%;display:flex;flex-direction:column}.studio-header{margin-bottom:32px}.studio-badge{display:inline-block;font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--accent);padding:4px 10px;border:1px solid rgba(255,109,58,.3);border-radius:var(--radius);margin-bottom:12px}.edit-prompt-input{width:100%;padding:10px 12px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font-body);font-size:13px;line-height:1.5;resize:vertical;min-height:70px;transition:border-color var(--duration-fast) var(--ease-out)}.edit-prompt-input:focus{outline:none;border-color:var(--accent)}.edit-prompt-input::placeholder{color:var(--text-muted);opacity:.6}.edit-prompt-input:disabled{opacity:.5;cursor:not-allowed}.studio-title{font-family:var(--font-display);font-size:36px;font-weight:700;line-height:1.1;color:var(--text-primary);margin-bottom:8px;letter-spacing:-.5px}.studio-subtitle{font-size:14px;color:var(--text-secondary);letter-spacing:.2px}.studio-workspace{display:grid;grid-template-columns:1fr 1fr;gap:24px;flex:1;min-height:0}.panel{background:var(--bg-primary);border:1px solid var(--swt-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden}.panel-header{display:flex;align-items:baseline;gap:12px;padding:16px 20px;border-bottom:1px solid var(--swt-border)}.panel-number{font-family:var(--font-display);font-size:12px;font-weight:700;color:var(--accent);letter-spacing:1px}.panel-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-secondary)}.image-uploader{margin:16px 20px;border:2px dashed var(--swt-border-hover);border-radius:var(--radius);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);aspect-ratio:1;max-height:360px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.image-uploader:hover{border-color:#ff6d3a4d;background:var(--accent-glow)}.image-uploader.dragging{border-color:var(--accent);background:var(--accent-glow);transform:scale(1.01)}.image-uploader.has-preview{border-style:solid;border-color:var(--swt-border-hover)}.image-uploader.disabled{pointer-events:none;opacity:.5}.upload-placeholder{text-align:center;padding:32px}.upload-icon{color:var(--text-muted);margin-bottom:16px;transition:color var(--duration-fast)}.image-uploader:hover .upload-icon{color:var(--accent)}.upload-text-primary{font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:4px}.upload-text-secondary{font-size:12px;color:var(--text-secondary);margin-bottom:12px}.upload-text-hint{font-size:11px;color:var(--text-muted)}.preview-container{width:100%;height:100%;position:relative}.preview-image{width:100%;height:100%;object-fit:contain;display:block}.preview-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--swt-bg-overlay);color:var(--text-primary);font-size:13px;font-weight:500;opacity:0;transition:opacity var(--duration-fast)}.preview-container:hover .preview-overlay{opacity:1}.studio-options{padding:0 20px;margin-bottom:12px;display:flex;flex-direction:column;gap:10px}.option-group{display:flex;flex-direction:column;gap:4px}.option-label{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);font-weight:600}.model-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);margin-bottom:6px;font-weight:600}.model-dropdown{width:100%;padding:10px 32px 10px 12px;background:var(--bg-secondary);border:1px solid var(--swt-border);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font-body);font-size:13px;outline:none;cursor:pointer;transition:border-color var(--duration-fast);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%239A9484' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.model-dropdown:hover{border-color:var(--swt-border-hover)}.model-dropdown:focus{border-color:var(--accent)}.model-dropdown option{background:var(--bg-secondary);color:var(--text-primary)}.faceless-toggle{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--swt-border);border-radius:var(--radius);cursor:pointer;font-family:var(--font-body);font-size:13px;color:var(--text-primary);transition:all var(--duration-fast)}.faceless-toggle:hover{border-color:var(--swt-border-hover)}.toggle-track{position:relative;width:36px;height:20px;border-radius:10px;background:var(--swt-bg-secondary);transition:background var(--duration-fast);flex-shrink:0}.faceless-toggle.on .toggle-track{background:var(--accent)}.toggle-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform var(--duration-fast) var(--ease-spring)}.faceless-toggle.on .toggle-thumb{transform:translate(16px)}.toggle-label{font-weight:500}.option-hint{font-size:11px;color:var(--text-muted);margin-top:2px;line-height:1.3}.action-bar{padding:16px 20px;margin-top:auto;display:flex;gap:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border:none;border-radius:var(--radius);font-family:var(--font-display);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.35;cursor:not-allowed;transform:none}.btn-icon{font-size:14px}.btn-convert{flex:1;background:var(--accent);color:var(--text-inverse)}.btn-convert:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 0 20px var(--accent-glow)}.btn-cancel{flex:1;background:var(--error);color:#fff}.btn-cancel:hover{opacity:.9}.btn-reset{padding:10px 16px;background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--swt-border)}.btn-reset:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-download{flex:1;background:var(--success);color:var(--text-inverse)}.btn-download:hover{opacity:.9}.btn-new{padding:10px 16px;background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--swt-border)}.btn-new:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-retry{margin-top:12px;padding:8px 20px;background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--swt-border-hover)}.btn-retry:hover{background:var(--bg-hover)}.output-area{flex:1;display:flex;align-items:center;justify-content:center;padding:20px;min-height:300px}.output-empty{text-align:center}.empty-icon{color:var(--text-muted);margin-bottom:16px;opacity:.5}.empty-text{font-family:var(--font-display);font-size:16px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.empty-hint{font-size:12px;color:var(--text-muted)}.output-loading{text-align:center}.loader{display:flex;gap:8px;justify-content:center;margin-bottom:20px}.loader-ring{width:12px;height:12px;border:2px solid rgba(255,109,58,.2);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}.loader-ring:nth-child(2){animation-delay:.15s}.loader-ring:nth-child(3){animation-delay:.3s}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:13px;color:var(--text-secondary);animation:text-pulse 2s ease-in-out infinite}@keyframes text-pulse{0%,to{opacity:1}50%{opacity:.5}}.output-error{text-align:center;max-width:320px}.error-icon{font-size:32px;color:var(--error);display:block;margin-bottom:12px}.error-text{font-size:13px;color:var(--error);line-height:1.5;margin-bottom:4px}.output-result{width:100%;height:100%;display:flex;flex-direction:column;animation:result-in var(--duration-slow) var(--ease-out)}@keyframes result-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.result-image{flex:1;width:100%;object-fit:contain;border-radius:var(--radius);min-height:0}.result-actions{display:flex;gap:8px;margin-top:16px}.result.pm-bottom-bar{display:flex;flex-direction:column;gap:8px;margin-top:8px;flex-shrink:0}@media(max-width:900px){.studio-workspace{grid-template-columns:1fr}.studio-title{font-size:28px}.studio-container{padding:20px}}.studio-badge.emb-badge{background:linear-gradient(135deg,#d97706,#f59e0b);color:#000}.emb-style-section{margin-bottom:24px}.emb-style-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:16px 0}.emb-style-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;background:var(--bg-secondary);border:1px solid var(--swt-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);position:relative;overflow:hidden}.emb-style-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,var(--accent-glow),transparent 70%);opacity:0;transition:opacity var(--duration-fast)}.emb-style-card:hover{border-color:var(--swt-border-hover);transform:translateY(-2px)}.emb-style-card:hover:before{opacity:.5}.emb-style-card.active{border-color:var(--accent);background:#ff6d3a14}.emb-style-card.active:before{opacity:1}.emb-style-icon{font-size:20px;line-height:1}.emb-style-name{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;color:var(--text-secondary);text-align:center}.emb-style-card.active .emb-style-name{color:var(--accent)}.emb-style-info{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px 14px;background:var(--bg-secondary);border-radius:var(--radius);border:1px solid var(--swt-border);font-size:13px}.emb-style-meta{display:flex;align-items:center;gap:12px}.emb-style-tags{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.emb-tag{background:var(--bg-elevated);color:var(--text-secondary);padding:4px 8px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.emb-style-selected{color:var(--text-secondary);white-space:nowrap}.emb-style-selected strong{color:var(--accent)}.emb-style-desc{color:var(--text-muted);font-size:12px}.btn.emb-btn-convert{background:linear-gradient(135deg,#d97706,#f59e0b)}.btn.emb-btn-rembg{background:linear-gradient(135deg,#059669,#34d399);font-size:13px}.emb-rembg-result{margin-top:16px;padding-top:16px;border-top:1px solid var(--swt-border)}.emb-rembg-img{background-image:linear-gradient(45deg,var(--bg-deep) 25%,transparent 25%),linear-gradient(-45deg,var(--bg-deep) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--bg-deep) 75%),linear-gradient(-45deg,transparent 75%,var(--bg-deep) 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0px}@media(max-width:768px){.app-shell{flex-direction:column}.tool-nav{position:fixed;bottom:0;left:0;right:0;width:100%;height:auto;flex-direction:row;border-right:none;border-top:1px solid var(--swt-border);padding:0;z-index:100;background:var(--bg-primary);box-shadow:0 -4px 20px #0000004d}.nav-brand{display:none}.nav-tools{flex-direction:row;overflow-x:auto;overflow-y:hidden;gap:0;padding:0;width:100%;scrollbar-width:none;-ms-overflow-style:none}.nav-tools::-webkit-scrollbar{display:none}.nav-tool-btn{flex:0 0 auto;min-width:56px;min-height:48px;padding:6px 10px;flex-direction:column;gap:2px;border-radius:0}.nav-tool-btn .tool-icon{font-size:20px}.nav-tool-btn .tool-name{font-size:9px;display:block;white-space:nowrap}.nav-tool-btn.active{border-top:2px solid var(--accent);background:#ff6d3a14}.nav-footer{display:none}.nav-badge{position:absolute;top:4px;right:4px;font-size:7px;min-width:14px;height:12px;line-height:12px}.app-header{padding:0 12px;height:48px}.header-title{font-size:12px}.app-content{padding-bottom:56px}.studio-container{padding:12px}.studio-title{font-size:22px;margin-bottom:12px}.studio-workspace{grid-template-columns:1fr;gap:12px}.studio-sidebar{order:2}.studio-output{order:1}.image-uploader{max-height:260px}.upload-zone{padding:24px 16px;min-height:160px}.btn{padding:12px 20px;font-size:13px;min-height:44px}.btn-convert,.btn-download,.btn-cancel{min-height:48px;font-size:14px}.action-bar{padding:12px;flex-wrap:wrap}.model-select,.quality-select,.setting-input{padding:12px 14px;font-size:14px;min-height:44px}.options-panel{padding:12px}.option-group label{font-size:11px}.modal-content{width:95vw;max-height:90vh;overflow-y:auto}.emb-style-info{flex-direction:column;align-items:flex-start;gap:8px}.emb-style-tags{justify-content:flex-start}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--swt-scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--swt-border-hover)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.landing-page{position:relative;overflow-x:hidden;scroll-behavior:smooth}.landing-grid-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(255,109,58,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,109,58,.03) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 60% 50% at 50% 0%,black 30%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 60% 50% at 50% 0%,black 30%,transparent 70%);animation:grid-drift 20s linear infinite}@keyframes grid-drift{0%{background-position:0 0}to{background-position:60px 60px}}.landing-hero{position:relative;min-height:min(85vh,680px);display:flex;align-items:center;padding:80px 48px 48px;max-width:960px;margin:0 auto;z-index:1}.landing-hero-content{animation:hero-enter 1s var(--ease-out) both}@keyframes hero-enter{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.landing-badge{display:inline-block;font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:4px;text-transform:uppercase;color:var(--accent);margin-bottom:20px;padding:6px 14px;border:1px solid rgba(255,109,58,.2);border-radius:2px;animation:badge-glow 3s ease-in-out infinite}@keyframes badge-glow{0%,to{box-shadow:0 0 #ff6d3a00}50%{box-shadow:0 0 20px #ff6d3a1a}}.landing-title{font-family:var(--font-display);font-size:clamp(40px,7vw,64px);font-weight:700;line-height:1.05;color:var(--text-primary);margin-bottom:20px;letter-spacing:-2px}.landing-title-line{display:block}.landing-title-accent{display:block;background:linear-gradient(135deg,#ff6d3a,#ff8a5c,#fbbf24,#ff6d3a);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 4s ease-in-out infinite}@keyframes shimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.landing-subtitle{font-size:16px;color:var(--text-secondary);line-height:1.7;max-width:520px;margin-bottom:32px;animation:hero-enter 1s .2s var(--ease-out) both}.landing-hero-actions{display:flex;align-items:center;gap:16px;animation:hero-enter 1s .4s var(--ease-out) both}.landing-cta-primary{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:var(--accent);color:var(--text-inverse);border:none;border-radius:2px;font-family:var(--font-display);font-size:14px;font-weight:600;letter-spacing:.5px;cursor:pointer;transition:all .3s var(--ease-out);text-decoration:none}.landing-cta-primary:hover{background:var(--accent-hover);box-shadow:0 0 30px #ff6d3a40;transform:translateY(-1px)}.landing-cta-primary:active{transform:scale(.97)}.cta-arrow{transition:transform .3s}.landing-cta-primary:hover .cta-arrow{transform:translate(4px)}.landing-cta-secondary{font-family:var(--font-display);font-size:13px;font-weight:500;color:var(--text-secondary);text-decoration:none;padding:14px 16px;border-radius:2px;transition:color .3s}.landing-cta-secondary:hover{color:var(--text-primary)}.landing-particles{position:absolute;top:0;right:0;width:50%;height:100%;pointer-events:none}.particle{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--accent);opacity:.15;animation:float-particle 12s ease-in-out infinite}.particle:nth-child(1){top:20%;right:10%;animation-delay:0s;width:6px;height:6px}.particle:nth-child(2){top:40%;right:30%;animation-delay:-2s}.particle:nth-child(3){top:60%;right:15%;animation-delay:-4s;width:3px;height:3px}.particle:nth-child(4){top:30%;right:50%;animation-delay:-6s;width:5px;height:5px}.particle:nth-child(5){top:70%;right:40%;animation-delay:-8s}.particle:nth-child(6){top:50%;right:25%;animation-delay:-10s;width:3px;height:3px}@keyframes float-particle{0%,to{transform:translate(0) scale(1);opacity:.15}25%{transform:translate(-20px,-30px) scale(1.5);opacity:.3}50%{transform:translate(10px,-60px) scale(1);opacity:.15}75%{transform:translate(-15px,-30px) scale(1.3);opacity:.25}}.landing-stats{display:flex;justify-content:center;gap:48px;padding:0 48px 48px;max-width:960px;margin:0 auto;z-index:1;position:relative}.landing-stat-item{display:flex;flex-direction:column;align-items:center;gap:4px}.landing-stat-value{font-family:var(--font-display);font-size:36px;font-weight:700;color:var(--text-primary);letter-spacing:-1px}.landing-stat-label{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:2px;color:var(--text-muted)}.landing-section-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.landing-section-number{font-family:var(--font-display);font-size:12px;font-weight:700;color:var(--accent);letter-spacing:1px}.landing-section-title{font-family:var(--font-display);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:var(--text-muted)}.landing-tools{padding:48px;max-width:960px;margin:0 auto;position:relative;z-index:1}.landing-tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.landing-tool-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:24px;background:var(--bg-primary);border:1px solid var(--swt-border);border-radius:var(--radius-lg);cursor:pointer;font-family:var(--font-body);text-align:left;transition:border-color .3s,box-shadow .3s;transform-style:preserve-3d;will-change:transform;overflow:hidden;animation:card-enter .6s var(--ease-out) both}@keyframes card-enter{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.landing-tool-card:hover{border-color:#ff6d3a40;box-shadow:0 8px 32px #0000004d,0 0 0 1px #ff6d3a1a}.landing-card-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(300px circle at var(--glow-x, 50%) var(--glow-y, 50%),rgba(255,109,58,.08),transparent 60%)}.landing-tool-card:hover .landing-card-glow{opacity:1}.landing-card-badge{font-size:9px;font-weight:700;letter-spacing:2px;color:var(--badge-color);opacity:.7}.landing-card-icon{font-size:32px;transition:transform .3s var(--ease-out)}.landing-tool-card:hover .landing-card-icon{transform:scale(1.15) rotate(-5deg)}.landing-card-name{font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--text-primary)}.landing-card-desc{font-size:13px;color:var(--text-secondary);line-height:1.5}.landing-card-arrow{position:absolute;top:24px;right:24px;font-size:16px;color:var(--text-muted);transition:all .3s var(--ease-out);opacity:0}.landing-tool-card:hover .landing-card-arrow{opacity:1;color:var(--accent);transform:translate(4px)}.landing-how{padding:48px 48px 64px;max-width:960px;margin:0 auto;position:relative;z-index:1}.landing-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.landing-step{position:relative;text-align:center;padding:32px 20px;background:var(--bg-primary);border:1px solid var(--swt-border);border-radius:var(--radius-lg);animation:card-enter .6s var(--ease-out) both}.landing-step-icon{font-size:36px;margin-bottom:16px}.landing-step-connector{display:none}.landing-step-title{font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.landing-step-desc{font-size:13px;color:var(--text-secondary);line-height:1.6}.landing-bottom-cta{text-align:center;padding:64px 48px;max-width:960px;margin:0 auto;position:relative;z-index:1}.landing-bottom-title{font-family:var(--font-display);font-size:32px;font-weight:700;color:var(--text-primary);margin-bottom:12px;letter-spacing:-.5px}.landing-bottom-desc{font-size:15px;color:var(--text-secondary);margin-bottom:28px}.reveal-hidden{opacity:0;transform:translateY(30px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}.reveal-visible{opacity:1;transform:translateY(0)}.landing-typing-wrap{display:inline}.landing-cursor{display:inline-block;font-weight:300;color:var(--accent);animation:none;margin-left:2px}.landing-cursor.blink{animation:cursor-blink 1s step-end infinite}@keyframes cursor-blink{0%,50%{opacity:1}51%,to{opacity:0}}.landing-orbit{position:absolute;top:50%;right:-10%;width:400px;height:400px;transform:translateY(-50%);pointer-events:none}.orbit-ring{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(255,109,58,.06);border-radius:50%;animation:orbit-spin 30s linear infinite}.orbit-ring:after{content:"";position:absolute;top:0;left:50%;width:6px;height:6px;background:var(--accent);border-radius:50%;transform:translate(-50%,-50%);opacity:.4}.orbit-ring-2{top:40px;right:40px;bottom:40px;left:40px;animation-duration:20s;animation-direction:reverse;border-color:#ff6d3a0a}.orbit-ring-2:after{width:4px;height:4px;opacity:.3}@keyframes orbit-spin{to{transform:rotate(360deg)}}.landing-section-line{flex:1;height:1px;background:linear-gradient(90deg,rgba(255,109,58,.15),transparent);margin-left:12px}.landing-divider{max-width:120px;height:1px;margin:0 auto 48px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.2;transition:opacity .7s,max-width .7s}.landing-divider.reveal-visible{max-width:200px;opacity:.3}.landing-step-number{position:absolute;top:16px;right:20px;font-family:var(--font-display);font-size:32px;font-weight:800;color:var(--accent);opacity:.08;letter-spacing:-1px}.landing-cta-pulse{animation:cta-pulse 2.5s ease-in-out infinite}@keyframes cta-pulse{0%,to{box-shadow:0 0 #ff6d3a4d}50%{box-shadow:0 0 0 12px #ff6d3a00}}.particle:nth-child(7){top:15%;right:45%;animation-delay:-3s;width:3px;height:3px}.particle:nth-child(8){top:75%;right:5%;animation-delay:-7s;width:5px;height:5px}.landing-stats .landing-stat-item{transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}.landing-stats.reveal-hidden .landing-stat-item{opacity:0;transform:translateY(20px)}.landing-stats.reveal-visible .landing-stat-item{opacity:1;transform:translateY(0)}@media(max-width:768px){.landing-hero{padding:48px 20px 32px;min-height:auto}.landing-title{font-size:36px;letter-spacing:-1px}.landing-hero-actions{flex-direction:column;align-items:flex-start}.landing-stats{gap:24px;padding:0 20px 32px}.landing-stat-value{font-size:28px}.landing-tools,.landing-how,.landing-bottom-cta{padding-left:20px;padding-right:20px}.landing-tools-grid,.landing-steps{grid-template-columns:1fr}.landing-particles,.landing-orbit{display:none}.landing-bottom-title{font-size:24px}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0a0a0ecc;display:flex;align-items:center;justify-content:center;animation:overlay-in var(--duration-fast) var(--ease-out)}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.modal-content{width:420px;max-width:90vw;background:var(--bg-primary);border:1px solid var(--swt-border);border-radius:var(--radius-lg);animation:modal-in var(--duration-normal) var(--ease-spring)}@keyframes modal-in{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--swt-border)}.modal-title{font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--text-primary)}.modal-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-muted);font-size:14px;cursor:pointer;border-radius:var(--radius);transition:all var(--duration-fast)}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-body{padding:20px;display:flex;flex-direction:column;gap:20px}.credit-log-modal{width:640px;max-width:95vw}.credit-log-body{padding:16px 20px}.credit-log-summary{display:flex;gap:12px;margin-bottom:16px}.credit-summary-item{flex:1;display:flex;flex-direction:column;gap:4px;padding:12px;background:var(--bg-secondary);border-radius:var(--radius);border:1px solid var(--border-subtle)}.credit-summary-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;color:var(--text-muted)}.credit-summary-value{font-family:var(--font-mono);font-size:18px;font-weight:700;color:var(--accent)}.credit-log-empty{text-align:center;color:var(--text-muted);padding:32px 0;font-size:13px}.credit-log-table-wrap{max-height:340px;overflow-y:auto;border:1px solid var(--border-subtle);border-radius:var(--radius)}.credit-log-table{width:100%;border-collapse:collapse;font-size:12px}.credit-log-table th{position:sticky;top:0;background:var(--bg-secondary);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);padding:8px 10px;text-align:left;border-bottom:1px solid var(--border-subtle)}.credit-log-table th.num,.credit-log-table td.num{text-align:right}.credit-log-table td{padding:6px 10px;color:var(--text-secondary);border-bottom:1px solid var(--swt-border)}.credit-log-table td.mono{font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.credit-log-table td.task-id{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.credit-log-table tr:hover td{background:var(--bg-hover)}.modal-footer{padding:12px 20px;border-top:1px solid var(--swt-border);display:flex;justify-content:flex-end}.setting-group{display:flex;flex-direction:column;gap:6px}.setting-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted)}.setting-input-wrap{display:flex;gap:6px}.setting-input{flex:1;padding:10px 14px;background:var(--bg-secondary);border:1px solid var(--swt-border);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font-body);font-size:13px;outline:none;transition:border-color var(--duration-fast)}.setting-input::placeholder{color:var(--text-muted)}.setting-input:focus{border-color:var(--accent)}.setting-toggle-btn{width:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--swt-border);border-radius:var(--radius);cursor:pointer;font-size:14px;transition:background var(--duration-fast)}.setting-toggle-btn:hover{background:var(--bg-hover)}.setting-hint{font-size:11px;color:var(--text-muted)}.setting-hint a{color:var(--accent);text-decoration:none}.setting-hint a:hover{text-decoration:underline}.credit-box{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--bg-secondary);border:1px solid var(--swt-border);border-radius:var(--radius)}.credit-box-icon{color:var(--accent);font-size:16px}.credit-box-value{font-family:var(--font-display);font-size:14px;font-weight:500;color:var(--text-primary)}@media(max-width:640px){.home-screen{padding:24px 16px}.home-title{font-size:36px}.home-tools-grid{grid-template-columns:1fr}}.nav-badge{font-size:8px;font-weight:700;min-width:16px;height:14px;line-height:14px;padding:0 3px;background:var(--accent);color:var(--text-inverse);border-radius:7px;text-align:center;font-variant-numeric:tabular-nums}.history-tab{display:flex;flex-direction:column;height:100%;overflow:hidden}.history-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--swt-border);flex-shrink:0}.history-header-info{display:flex;align-items:baseline;gap:12px}.history-title{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--text-primary)}.history-count{font-size:13px;color:var(--text-muted)}.history-actions{display:flex;gap:8px}.btn-history-action{padding:6px 14px;border:none;border-radius:var(--radius);font-family:var(--font-body);font-size:12px;font-weight:500;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.btn-history-action.danger{background:#f8717126;color:var(--error)}.btn-history-action.danger:hover{background:#f8717140}.btn-history-action.danger-confirm{background:var(--error);color:#fff;animation:text-pulse 1s ease-in-out infinite}.history-content{flex:1;overflow-y:auto;padding:20px 24px}.history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center}.history-empty-icon{font-size:48px;opacity:.3;margin-bottom:16px}.history-empty-title{font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--text-secondary);margin-bottom:4px}.history-empty-desc{font-size:13px;color:var(--text-muted)}.history-groups{display:flex;flex-direction:column;gap:16px}.history-group{border:1px solid var(--swt-border);border-radius:10px;overflow:hidden;background:var(--bg-secondary)}.history-group-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;cursor:pointer;background:var(--bg-primary);border-bottom:1px solid var(--swt-border);transition:background .2s;-webkit-user-select:none;user-select:none}.history-group-header:hover{background:var(--bg-hover)}.history-group-info{display:flex;align-items:center;gap:8px}.history-group-icon{font-size:18px}.history-group-name{font-size:14px;font-weight:600;color:var(--text-primary, #e0e0e0)}.history-group-count{font-size:11px;padding:2px 8px;background:var(--bg-elevated);border-radius:10px;color:var(--text-muted, #999);font-weight:500}.history-group-actions{display:flex;align-items:center;gap:8px}.btn-group-delete{background:none;border:1px solid transparent;color:var(--text-muted, #999);font-size:12px;cursor:pointer;padding:3px 8px;border-radius:6px;transition:all .2s}.btn-group-delete:hover{color:#e74c3c;border-color:#e74c3c4d;background:#e74c3c14}.btn-group-delete.confirming{color:#fff;background:#e74c3c;border-color:#e74c3c;font-weight:600}.history-group-chevron{font-size:14px;color:var(--text-muted, #999);transition:transform .2s}.history-group-chevron.collapsed{transform:rotate(-90deg)}.history-group>.history-grid{padding:12px}.history-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.history-card{background:var(--bg-primary);border:1px solid var(--swt-border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all var(--duration-normal) var(--ease-out)}.history-card:hover{border-color:#ff6d3a33;transform:translateY(-2px)}.history-card-image{position:relative;aspect-ratio:1;overflow:hidden;background:var(--bg-secondary)}.history-card-image img{width:100%;height:100%;object-fit:cover;display:block}.history-card-overlay{position:absolute;top:0;right:0;padding:6px;display:flex;align-items:center;gap:4px;opacity:0;transition:opacity var(--duration-fast)}.history-card:hover .history-card-overlay{opacity:1}.history-card-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:6px;border:none;cursor:pointer;font-size:11px;transition:transform var(--duration-fast);box-shadow:0 1px 4px #0006}.history-card-btn:hover{transform:scale(1.15)}.history-card-btn.download{background:var(--success);color:#fff}.history-card-btn.delete{background:var(--error);color:#fff}.history-card-meta{padding:8px 10px;display:flex;justify-content:space-between;align-items:center}.history-card-model{font-size:11px;font-weight:500;color:var(--text-secondary)}.history-card-time{font-size:10px;color:var(--text-muted);font-variant-numeric:tabular-nums}.preview-modal{position:relative;max-width:90vw;max-height:90vh;animation:modal-in var(--duration-normal) var(--ease-spring)}.preview-modal-img{max-width:100%;max-height:85vh;object-fit:contain;border-radius:var(--radius-lg);display:block}.preview-counter{position:absolute;top:12px;left:50%;transform:translate(-50%);background:#000000b3;padding:4px 14px;border-radius:20px;font-size:12px;font-weight:500;color:#fff;font-variant-numeric:tabular-nums}.preview-close,.preview-download{position:absolute;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;cursor:pointer;font-size:16px;transition:all var(--duration-fast)}.preview-close{top:12px;left:12px;background:#ffffff26;color:#fff}.preview-close:hover{background:#ffffff4d}.preview-download{top:12px;right:12px;background:var(--success);color:#fff}.preview-download:hover{opacity:.85}.preview-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;border:none;border-radius:50%;font-size:24px;cursor:pointer;transition:all var(--duration-fast)}.preview-nav:hover{opacity:.85;transform:translateY(-50%) scale(1.05)}.preview-nav.prev{left:12px}.preview-nav.next{right:12px}.preview-info{position:absolute;bottom:12px;left:50%;transform:translate(-50%);background:#000000b3;padding:6px 16px;border-radius:20px;display:flex;gap:12px;font-size:12px;color:#fff;white-space:nowrap}@media(max-width:640px){.history-grid{grid-template-columns:repeat(2,1fr);gap:8px}.history-header,.history-content{padding:12px 16px}}.toggle-group{display:flex;gap:6px;background:var(--bg-deep);border-radius:8px;padding:4px}.toggle-btn{flex:1;padding:8px 12px;border:none;border-radius:6px;background:transparent;color:var(--text-muted);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.toggle-btn:hover:not(.active):not(:disabled){color:var(--text-secondary);background:var(--bg-hover)}.toggle-btn.active{background:var(--accent-primary);color:#fff;font-weight:600}.toggle-btn:disabled{opacity:.5;cursor:not-allowed}.access-gate{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-deep);padding:20px}.access-card{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:16px;padding:48px 40px;max-width:400px;width:100%;text-align:center}.access-icon{font-size:48px;margin-bottom:16px}.access-title{font-size:22px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.access-subtitle{font-size:14px;color:var(--text-muted);margin-bottom:32px}.access-form{display:flex;flex-direction:column;gap:12px}.access-input{width:100%;padding:12px 16px;background:var(--bg-deep);border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-primary);font-size:15px;text-align:center;letter-spacing:2px;outline:none;transition:border-color .2s}.access-input:focus{border-color:var(--accent-primary)}.access-error{color:#ff6b6b;font-size:13px;margin:0}.access-btn{padding:12px;background:var(--accent-primary);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .2s}.access-btn:hover:not(:disabled){opacity:.9}.access-btn:disabled{opacity:.5;cursor:not-allowed}.access-footer{margin-top:24px;font-size:12px;color:var(--text-muted);opacity:.6}.pm-3col{display:grid;grid-template-columns:280px 420px 1fr;gap:20px;flex:1;min-height:0}.pm-col1{display:flex;flex-direction:column;gap:6px;overflow-y:auto}.pm-col2{display:flex;flex-direction:column;gap:12px}.pm-col3{display:flex;flex-direction:column;min-height:0}.pm-base-box{flex:1;min-height:0}.pm-base-box .mbox{height:100%}.pm-base-box .mbox-empty,.pm-base-box .mbox-preview-wrap{aspect-ratio:unset;height:100%}.pm-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mbox{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:10px;overflow:hidden;transition:border-color .2s;position:relative}.mbox:hover{border-color:var(--border-hover, #444)}.mbox-file{display:none}.mbox-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:20px 10px;cursor:pointer;aspect-ratio:3 / 4}.mbox-icon{font-size:28px;opacity:.5}.mbox-name{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.mbox-upload-btn{font-size:10px;padding:4px 12px;background:var(--bg-deep);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-muted);margin-top:4px}.mbox-preview-wrap{position:relative;width:100%;aspect-ratio:3 / 4;overflow:hidden}.mbox-preview{width:100%;height:100%;object-fit:cover;display:block;background:var(--bg-deep)}.mbox-label-overlay{position:absolute;top:4px;left:4px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;background:#000000b3;padding:2px 6px;border-radius:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mbox-clear{position:absolute;top:4px;right:4px;background:#ef4444cc;border:none;color:#fff;width:20px;height:20px;border-radius:4px;font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.mbox:hover .mbox-clear{opacity:1}.pm-section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-top:4px;display:flex;align-items:center;gap:8px}.pm-section-label span{font-size:13px;font-weight:800}.pm-options-removed{flex:1;padding:8px 10px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-primary);font-size:11px;outline:none}.pm-process-btn{width:100%;flex:none;margin-top:4px}.pm-action-row{display:flex;gap:6px;margin-top:4px}.pm-action-row .pm-process-btn{margin-top:0}.pm-cancel-inline{flex:none;width:40px;padding:0;display:flex;align-items:center;justify-content:center;font-size:14px}.pm-overlay-loading{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:8px;padding:8px 12px;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.03em}.pm-bottom-bar{margin-top:8px;flex-shrink:0;display:flex;flex-direction:column;gap:8px}.pm-thumbs{display:flex;gap:6px;overflow-x:auto;padding:4px 0}.pm-thumb{width:56px;height:56px;border-radius:6px;overflow:hidden;border:2px solid transparent;cursor:pointer;flex-shrink:0;transition:border-color .2s}.pm-thumb img{width:100%;height:100%;object-fit:cover;display:block}.pm-thumb-active{border-color:var(--accent-primary)}.pm-bar-actions{display:flex;gap:8px}.pm-composite-btn{flex:1}.mbox-actions{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:6px}.mbox-gen-btn{font-size:10px;padding:5px 14px;background:var(--bg-deep);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-primary);cursor:pointer;transition:background .2s}.mbox-gen-btn:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--accent-primary)}.mbox-gen-btn:disabled{opacity:.4;cursor:not-allowed}.mbox-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mbox-loading{border-color:var(--accent-primary)}.merge-badge{color:var(--accent);border-color:#ff6d3a4d}.mbox-regen{position:absolute;bottom:6px;right:6px;width:28px;height:28px;background:#0009;border:1px solid var(--swt-border-hover);border-radius:6px;color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mbox-preview-wrap:hover .mbox-regen{opacity:1}.mbox-regen:hover{background:var(--accent-primary);border-color:var(--accent-primary)}.pm-bar-actions .studio-options{display:flex;flex-direction:column;gap:12px}.pm-bar-actions .btn-reset{padding:10px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-muted);font-size:12px;cursor:pointer;transition:all .2s}.pm-bar-actions .btn-reset:hover{border-color:var(--accent-primary);color:var(--text-primary)}.pm-bar-actions .btn-cancel{padding:10px;background:#ff64641a;border:1px solid rgba(255,100,100,.3);border-radius:8px;color:#ff6b6b;font-size:12px;cursor:pointer;transition:all .2s}.pm-bar-actions .btn-cancel:hover{background:#ff646433}.pm-bar-actions .btn-download{padding:10px 20px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-primary);font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.pm-bar-actions .btn-download:hover{border-color:var(--accent-primary)}.studio-badge.sizechart-badge{background:linear-gradient(135deg,#4a90d9,#357abd)}.sizechart-workspace{display:grid;grid-template-columns:380px 1fr;gap:24px;padding:0 24px 24px}@media(max-width:900px){.sizechart-workspace{grid-template-columns:1fr}}.sizechart-input-panel{display:flex;flex-direction:column;gap:12px}.sizechart-output-panel{display:flex;flex-direction:column;gap:16px}.sizechart-mode-toggle{display:flex;gap:8px}.sizechart-mode-toggle .toggle-btn{flex:1;padding:10px;border:1px solid var(--border-subtle);border-radius:8px;background:var(--surface-secondary);color:var(--text-secondary);cursor:pointer;font-size:13px;transition:all .2s}.sizechart-mode-toggle .toggle-btn.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.sizechart-textarea{width:100%;min-height:150px;padding:12px;border:1px solid var(--border-subtle);border-radius:8px;background:var(--surface-secondary);color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.6;resize:vertical}.sizechart-textarea:focus{outline:none;border-color:var(--accent-primary)}.sizechart-text-actions{display:flex;gap:8px;margin-top:8px}.sizechart-ai-status{text-align:center;padding:16px;color:var(--text-secondary);font-size:13px}.sizechart-garment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.garment-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;border:1px solid var(--border-subtle);border-radius:8px;background:var(--surface-secondary);color:var(--text-secondary);cursor:pointer;font-size:11px;transition:all .2s}.garment-btn:hover{border-color:var(--accent-primary);color:var(--text-primary)}.garment-btn.active{border-color:var(--accent-primary);background:#e76f331a;color:var(--accent-primary)}.garment-icon{font-size:22px}.garment-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.sizechart-edit-table-wrap{overflow-x:auto;max-height:400px;overflow-y:auto}.sizechart-edit-table{min-width:100%;border-collapse:collapse;font-size:13px}.sizechart-edit-table th{background:var(--surface-tertiary);padding:8px 10px;text-align:center;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);border-bottom:2px solid var(--border-subtle);position:sticky;top:0;z-index:1}.sizechart-edit-table td{padding:4px 6px;text-align:center;border-bottom:1px solid var(--border-subtle)}.size-cell{font-weight:700;color:var(--accent-primary);font-size:13px}.cell-input{width:90px;padding:5px 6px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--text-primary);text-align:center;font-size:13px;font-family:JetBrains Mono,monospace}.cell-input:focus{outline:none;border-color:var(--accent-primary);background:var(--surface-secondary)}.cell-header-input{width:110px;font-weight:700;text-transform:uppercase;font-size:11px;letter-spacing:.5px}.btn-icon-sm{width:24px;height:24px;border:none;border-radius:4px;background:transparent;color:var(--text-muted);cursor:pointer;font-size:12px;transition:all .15s}.btn-icon-sm:hover{background:#ff505026;color:#ff5050}.sizechart-preview{margin:0;background:var(--bg-secondary);border-radius:8px;padding:8px;max-height:700px;display:flex;justify-content:center;overflow:auto}.sizechart-canvas{max-width:100%;height:auto;border-radius:4px}.sizechart-desc-input{width:100%;padding:10px 12px;border:1px solid var(--border-subtle);border-radius:8px;background:var(--surface-secondary);color:var(--text-primary);font-size:13px}.sizechart-desc-input:focus{outline:none;border-color:var(--accent-primary)}.sizechart-ai-result{max-width:100%;height:auto;border-radius:4px}.sizechart-ai-input{display:flex;flex-direction:column;gap:8px}.btn-credit{display:inline-flex;align-items:center;gap:2px;margin-left:6px;padding:2px 8px;background:#ffffff26;border-radius:10px;font-size:12px;font-weight:600;letter-spacing:.5px;opacity:.85}.sizechart-bg-grid{display:flex;flex-direction:column;gap:8px;padding:2px}.sizechart-bg-section-label{font-size:10px;font-weight:600;letter-spacing:1.5px;color:var(--text-muted);text-transform:uppercase;padding:4px 0 2px}.sizechart-bg-row{display:flex;gap:6px;flex-wrap:wrap}.sizechart-bg-item{width:48px;height:48px;border:2px solid transparent;border-radius:8px;padding:0;cursor:pointer;overflow:hidden;background:none;transition:border-color .2s,transform .15s;position:relative}.sizechart-bg-item:hover{border-color:var(--border-hover);transform:scale(1.12);z-index:2}.sizechart-bg-item.active{border-color:var(--accent, #c9a96e);box-shadow:0 0 10px #c9a96e80;transform:scale(1.08)}.bg-preview-canvas{display:block;width:100%;height:100%;border-radius:6px}.sizechart-preview canvas,.sizechart-preview img{display:block;max-width:100%;max-height:680px;height:auto;border-radius:4px;object-fit:contain}.vidprompt-studio{padding:32px;max-width:1400px;margin:0 auto;height:100%;display:flex;flex-direction:column}.vidprompt-header{margin-bottom:24px}.vidprompt-header h2{font-family:var(--font-display);font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.vidprompt-header p{font-size:13px;color:var(--text-secondary)}.vidprompt-layout{display:grid;grid-template-columns:380px 1fr;gap:24px;flex:1;min-height:0}.vidprompt-input-panel{background:var(--bg-primary);border:1px solid var(--swt-border);border-radius:var(--radius-lg);padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.vidprompt-section{display:flex;flex-direction:column;gap:6px}.vidprompt-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;color:var(--text-secondary)}.vidprompt-label .required{color:var(--accent)}.vidprompt-label .optional{color:var(--text-muted);font-weight:400;text-transform:none;letter-spacing:0;font-size:10px}.vidprompt-dropzone{border:2px dashed var(--swt-border-hover);border-radius:var(--radius);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);min-height:180px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.vidprompt-dropzone:hover{border-color:#ff6d3a4d;background:var(--accent-glow)}.vidprompt-dropzone.has-image{border-style:solid;border-color:var(--swt-border-hover);min-height:0}.vidprompt-dropzone-small{min-height:100px}.vidprompt-dropzone-hint{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:16px;color:var(--text-muted);font-size:12px}.vidprompt-drop-icon{font-size:28px;opacity:.6}.vidprompt-drop-sub{font-size:10px;opacity:.6}.vidprompt-preview-wrap{position:relative;width:100%}.vidprompt-preview-img{width:100%;max-height:220px;object-fit:contain;display:block}.vidprompt-dropzone-small .vidprompt-preview-img{max-height:120px}.vidprompt-remove-btn{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:50%;background:#0f0f14cc;border:1px solid var(--swt-border);color:var(--text-secondary);font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast)}.vidprompt-remove-btn:hover{background:var(--error);color:#fff}.vidprompt-select-wrap select{width:100%;padding:10px 32px 10px 12px;background:var(--bg-secondary);border:1px solid var(--swt-border);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font-body);font-size:13px;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%239A9484' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;transition:border-color var(--duration-fast)}.vidprompt-select-wrap select:hover{border-color:var(--swt-border-hover)}.vidprompt-select-wrap select:focus{border-color:var(--accent)}.vidprompt-select-wrap select option{background:var(--bg-secondary);color:var(--text-primary)}.vidprompt-style-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.vidprompt-style-btn{padding:8px 10px;background:var(--bg-secondary);border:1px solid var(--swt-border);border-radius:var(--radius);color:var(--text-secondary);font-family:var(--font-body);font-size:11px;font-weight:500;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);text-align:center}.vidprompt-style-btn:hover:not(:disabled){border-color:var(--swt-border-hover);color:var(--text-primary);background:var(--bg-elevated)}.vidprompt-style-btn.active{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}.vidprompt-style-btn:disabled{opacity:.4;cursor:not-allowed}.vidprompt-style-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vidprompt-textarea{width:100%;padding:10px 12px;background:var(--bg-secondary);border:1px solid var(--swt-border);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font-body);font-size:13px;line-height:1.5;resize:vertical;min-height:60px;transition:border-color var(--duration-fast)}.vidprompt-textarea:focus{outline:none;border-color:var(--accent)}.vidprompt-textarea::placeholder{color:var(--text-muted);opacity:.6}.vidprompt-textarea:disabled{opacity:.5;cursor:not-allowed}.vidprompt-actions{display:flex;gap:8px;margin-top:auto;padding-top:8px}.vidprompt-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border:none;border-radius:var(--radius);font-family:var(--font-display);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap}.vidprompt-btn:active{transform:scale(.97)}.vidprompt-btn:disabled{opacity:.35;cursor:not-allowed;transform:none}.vidprompt-btn-generate{flex:1;background:var(--accent);color:var(--text-inverse)}.vidprompt-btn-generate:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 0 20px var(--accent-glow)}.vidprompt-btn-cancel{flex:1;background:var(--error);color:#fff}.vidprompt-btn-cancel:hover{opacity:.9}.vidprompt-btn-reset{padding:10px 16px;background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--swt-border)}.vidprompt-btn-reset:hover{background:var(--bg-hover);color:var(--text-primary)}.vidprompt-btn-copy{flex:1;background:var(--success);color:var(--text-inverse)}.vidprompt-btn-copy:hover{opacity:.9}.vidprompt-btn-regenerate{padding:10px 16px;background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--swt-border)}.vidprompt-btn-regenerate:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.vidprompt-output-panel{background:var(--bg-primary);border:1px solid var(--swt-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden}.vidprompt-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.vidprompt-empty-icon{font-size:48px;margin-bottom:16px;opacity:.4}.vidprompt-empty-state h3{font-family:var(--font-display);font-size:20px;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.vidprompt-empty-state p{font-size:13px;color:var(--text-muted);max-width:380px;line-height:1.5}.vidprompt-workflow{display:flex;align-items:center;gap:8px;margin-top:24px;flex-wrap:wrap;justify-content:center}.vidprompt-step{padding:6px 12px;background:var(--bg-secondary);border:1px solid var(--swt-border);border-radius:var(--radius);font-size:11px;color:var(--text-secondary);white-space:nowrap}.vidprompt-step-arrow{color:var(--text-muted);font-size:14px}.vidprompt-processing{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px}.vidprompt-spinner{width:40px;height:40px;border:3px solid var(--swt-border);border-top-color:var(--accent);border-radius:50%;animation:vidprompt-spin .8s linear infinite;margin-bottom:16px}@keyframes vidprompt-spin{to{transform:rotate(360deg)}}.vidprompt-progress-text{font-size:13px;color:var(--text-secondary);animation:vidprompt-pulse 2s ease-in-out infinite}@keyframes vidprompt-pulse{0%,to{opacity:1}50%{opacity:.5}}.vidprompt-error{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.vidprompt-error-icon{font-size:32px;margin-bottom:12px}.vidprompt-error p{font-size:13px;color:var(--error);max-width:400px;line-height:1.5}.vidprompt-result{flex:1;display:flex;flex-direction:column;padding:20px;gap:16px}.vidprompt-suggestion{font-size:13px;color:var(--text-secondary);padding:10px 14px;background:var(--accent-glow);border:1px solid rgba(255,109,58,.2);border-radius:var(--radius)}.vidprompt-suggestion strong{color:var(--accent)}.vidprompt-model-badge{display:inline-block;font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--accent);padding:4px 10px;border:1px solid rgba(255,109,58,.3);border-radius:var(--radius);align-self:flex-start}.vidprompt-prompt-box{flex:1;background:var(--bg-secondary);border:1px solid var(--swt-border);border-radius:var(--radius);padding:20px;overflow-y:auto}.vidprompt-prompt-text{white-space:pre-wrap;word-break:break-word;font-family:var(--font-body);font-size:14px;line-height:1.7;color:var(--text-primary);margin:0}.vidprompt-result-actions,.vidprompt-video-model-bar{display:flex;gap:8px}.vidprompt-video-model-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:var(--bg-primary);border:2px solid var(--swt-border);border-radius:var(--radius);color:var(--text-secondary);font-family:var(--font-display);font-size:13px;font-weight:600;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.vidprompt-video-model-btn:hover:not(:disabled){border-color:var(--swt-border-hover);color:var(--text-primary)}.vidprompt-video-model-btn.active{border-color:#10b981;color:#10b981;background:#10b98114}.vidprompt-video-model-btn:disabled{opacity:.4;cursor:not-allowed}.vidprompt-vm-name{font-size:14px}.vidprompt-vm-dur{font-size:10px;padding:2px 6px;background:var(--bg-elevated);border-radius:4px;color:var(--text-muted)}.vidprompt-video-model-btn.active .vidprompt-vm-dur{background:#10b98126;color:#10b981}.vidprompt-mode-bar{display:flex;gap:8px;margin-bottom:16px}.vidprompt-mode-btn{flex:1;display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--bg-primary);border:1px solid var(--swt-border);border-radius:var(--radius);color:var(--text-secondary);font-family:var(--font-body);font-size:12px;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.vidprompt-mode-btn:hover:not(:disabled){border-color:var(--swt-border-hover);background:var(--bg-elevated)}.vidprompt-mode-btn.active{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}.vidprompt-mode-btn:disabled{opacity:.4;cursor:not-allowed}.vidprompt-mode-icon{font-size:16px}.vidprompt-mode-label{font-weight:600;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.5px}.vidprompt-mode-desc{color:var(--text-muted);font-size:10px;margin-left:auto}.vidprompt-batch-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:8px;width:100%}.vidprompt-batch-thumb{position:relative;aspect-ratio:1;border-radius:var(--radius);overflow:hidden;border:1px solid var(--swt-border)}.vidprompt-batch-thumb img{width:100%;height:100%;object-fit:cover}.vidprompt-batch-thumb .vidprompt-remove-btn{width:18px;height:18px;font-size:10px;top:3px;right:3px}.vidprompt-batch-num{position:absolute;bottom:22px;left:3px;font-size:9px;font-weight:700;color:#fff;background:#0009;padding:1px 5px;border-radius:2px}.vidprompt-batch-format-select{position:absolute;bottom:0;left:0;right:0;font-size:9px;background:#000000bf;color:#fff;border:none;border-radius:0 0 var(--radius) var(--radius);padding:2px 4px;cursor:pointer;width:100%;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vidprompt-batch-format-select:focus{outline:none;background:#000000e6}.vidprompt-batch-add{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:2px dashed var(--swt-border-hover);border-radius:var(--radius);color:var(--text-muted);font-size:20px;cursor:pointer;transition:all var(--duration-fast)}.vidprompt-batch-add:hover{border-color:#ff6d3a4d;color:var(--accent)}.vidprompt-duration-bar{display:flex;gap:6px}.vidprompt-duration-btn{flex:1;padding:8px 4px;background:var(--bg-secondary);border:1px solid var(--swt-border);border-radius:var(--radius);color:var(--text-secondary);font-family:var(--font-display);font-size:13px;font-weight:600;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.vidprompt-duration-btn:hover:not(:disabled){border-color:var(--swt-border-hover);color:var(--text-primary)}.vidprompt-duration-btn.active{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}.vidprompt-duration-btn:disabled{opacity:.4;cursor:not-allowed}.vidprompt-duration-info{font-size:11px;color:var(--text-muted);margin-top:4px}.vidprompt-duration-custom{display:flex;align-items:center;gap:4px;padding:4px 8px;background:var(--bg-secondary);border:2px dashed var(--swt-border);border-radius:var(--radius);transition:all var(--duration-fast)}.vidprompt-duration-custom:hover{border-color:var(--swt-border-hover)}.vidprompt-duration-custom.active{border-color:var(--accent);border-style:solid;background:var(--accent-glow)}.vidprompt-duration-custom-label{font-size:12px}.vidprompt-duration-input{width:44px;padding:4px 2px;background:transparent;border:none;color:var(--text-primary);font-family:var(--font-display);font-size:14px;font-weight:700;text-align:center;outline:none;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.vidprompt-duration-input::-webkit-outer-spin-button,.vidprompt-duration-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.vidprompt-duration-custom.active .vidprompt-duration-input{color:var(--accent)}.vidprompt-duration-input:disabled{opacity:.4;cursor:not-allowed}.vidprompt-duration-custom-unit{font-size:12px;font-weight:600;color:var(--text-muted)}.vidprompt-format-toggle{display:flex;gap:6px}.vidprompt-format-btn{flex:1;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--swt-border);border-radius:var(--radius);color:var(--text-secondary);font-family:var(--font-display);font-size:12px;font-weight:600;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.vidprompt-format-btn:hover:not(:disabled){border-color:var(--swt-border-hover);color:var(--text-primary)}.vidprompt-format-btn.active{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}.vidprompt-format-btn:disabled{opacity:.4;cursor:not-allowed}.vidprompt-style-desc-text{display:block;font-size:11px;color:var(--text-muted);margin-top:6px;padding-left:2px;font-style:italic}.vidprompt-results-list{flex:1;display:flex;flex-direction:column;padding:16px;gap:12px;overflow-y:auto}.vidprompt-results-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.vidprompt-btn-copy-all{padding:6px 14px;background:var(--success);color:var(--text-inverse);font-size:11px}.vidprompt-btn-copy-all:hover{opacity:.9}.vidprompt-btn-export{padding:6px 14px;background:var(--swt-accent);color:var(--text-inverse);border-radius:var(--radius);font-size:13px;font-weight:600;border:none;cursor:pointer}.vidprompt-btn-export:hover{opacity:.9}.vidprompt-dna-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.vidprompt-dna-toggle{font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;border:1px solid var(--swt-border);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:all .15s}.vidprompt-dna-toggle.active{background:var(--swt-accent);color:#fff;border-color:var(--swt-accent)}.vidprompt-dna-body{display:flex;flex-direction:column;gap:6px;margin-top:6px}.vidprompt-dna-textarea{font-family:monospace;font-size:12px;resize:vertical;min-height:90px}.vidprompt-dna-footer{display:flex;align-items:center;justify-content:space-between}.vidprompt-dna-char{font-size:11px;color:var(--text-secondary)}.vidprompt-dna-template-btn{font-size:11px;padding:3px 8px;border-radius:var(--radius);border:1px solid var(--swt-border);background:var(--bg-elevated);color:var(--text-secondary);cursor:pointer}.vidprompt-dna-template-btn:hover{color:var(--text-primary);border-color:var(--swt-accent)}.vidprompt-dna-hint{font-size:11px;color:var(--text-secondary);line-height:1.5}.vidprompt-dna-hint code{background:var(--bg-elevated);padding:1px 4px;border-radius:3px;font-size:11px}.vidprompt-story-mode-toggle{display:flex;gap:6px}.vidprompt-story-mode-btn{flex:1;padding:7px 10px;border-radius:var(--radius);border:1px solid var(--swt-border);background:var(--bg-card);color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;text-align:center}.vidprompt-story-mode-btn.active{background:var(--swt-accent);color:#fff;border-color:var(--swt-accent)}.vidprompt-story-mode-btn:hover:not(.active):not(:disabled){border-color:var(--swt-accent);color:var(--text-primary)}.vidprompt-results-list{display:flex;flex-direction:column;gap:12px;max-height:calc(100vh - 160px);overflow-y:auto;padding-right:4px}.vidprompt-result-card{background:var(--bg-secondary);border:1px solid var(--swt-border);border-radius:var(--radius);overflow:hidden}.vidprompt-result-card-header{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;border-bottom:1px solid var(--swt-border)}.vidprompt-result-num{font-family:var(--font-display);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--accent)}.vidprompt-btn-copy-sm{padding:4px 10px;background:transparent;border:1px solid var(--swt-border);font-size:12px;color:var(--text-secondary)}.vidprompt-btn-copy-sm:hover{background:var(--bg-elevated);color:var(--text-primary)}.vidprompt-result-actions{display:flex;align-items:center;gap:2px}.vidprompt-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;color:var(--text-muted, #64748b);cursor:pointer;border-radius:6px;transition:background .15s,color .15s}.vidprompt-icon-btn:hover{background:#ffffff14;color:var(--text-primary, #e2e8f0)}.vidprompt-icon-btn:disabled{opacity:.3;cursor:not-allowed}.vidprompt-result-error{border-color:#ef44444d}.vidprompt-result-error .vidprompt-result-num{color:#ef4444}.vidprompt-result-error .vidprompt-prompt-text{color:var(--text-secondary)}.vidprompt-result-card .vidprompt-prompt-text{padding:14px;font-size:13px;line-height:1.6;min-height:100px;max-height:300px;overflow-y:auto}.vidprompt-partial-count{font-size:12px;color:var(--accent);margin-top:4px}@media(max-width:900px){.vidprompt-layout{grid-template-columns:1fr}.vidprompt-studio{padding:16px}.vidprompt-style-grid{grid-template-columns:1fr 1fr}.vidprompt-mode-bar{flex-direction:column}.vidprompt-batch-grid{grid-template-columns:repeat(3,1fr)}}:root{--profit-positive: #34D399;--profit-negative: #F87171;--profit-fee: #FBBF24}.profit-tabs{display:flex;gap:4px;margin-bottom:24px;padding:4px;background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--swt-border);width:fit-content}.profit-tab{display:flex;align-items:center;gap:6px;padding:10px 20px;background:transparent;border:1px solid transparent;border-radius:var(--radius);color:var(--text-secondary);font-family:var(--font-display);font-size:13px;font-weight:600;letter-spacing:.5px;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.profit-tab:hover{color:var(--text-primary);background:var(--bg-hover)}.profit-tab.active{color:var(--accent);background:var(--accent-glow);border-color:#ff6d3a40}.profit-tab-logo{width:18px;height:18px;border-radius:4px;object-fit:contain}.profit-body{flex:1;min-height:0;overflow-y:auto}.profit-panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.profit-inputs-card,.profit-result-card{background:var(--bg-primary);border:1px solid var(--swt-border);border-radius:var(--radius-lg);padding:24px}.profit-result-card{border-color:#ff6d3a1f;background:linear-gradient(135deg,var(--bg-primary) 0%,rgba(255,109,58,.03) 100%)}.profit-card-title{font-family:var(--font-display);font-size:14px;font-weight:600;letter-spacing:.5px;color:var(--text-primary);margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--swt-border)}.profit-field{margin-bottom:14px}.profit-field-primary{margin-bottom:20px;padding:12px 14px;background:color-mix(in srgb,var(--accent) 6%,transparent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:var(--radius)}.profit-field-primary .profit-field-label{color:var(--accent);font-size:10px}.profit-field-primary .profit-input-wrap{border-color:color-mix(in srgb,var(--accent) 40%,transparent);background:color-mix(in srgb,var(--accent) 5%,var(--bg-secondary))}.profit-field-primary .profit-input-wrap:focus-within{border-color:var(--accent)}.profit-field-primary .profit-input{font-size:18px;font-weight:600;padding:12px 14px}.profit-field-label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:6px}.profit-input-wrap{display:flex;align-items:center;background:var(--bg-secondary);border:1px solid var(--swt-border);border-radius:var(--radius);transition:border-color var(--duration-fast)}.profit-input-wrap:focus-within{border-color:var(--accent)}.profit-input{flex:1;padding:10px 12px;background:transparent;border:none;color:var(--text-primary);font-family:var(--font-body);font-size:14px;font-variant-numeric:tabular-nums;outline:none;min-width:0}.profit-input::-webkit-inner-spin-button,.profit-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.profit-input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.has-inline-hint .profit-input{flex:0 0 auto;width:100px}.profit-input-usd{padding:0 8px;font-size:12px;font-weight:500;color:#ff8c7880;white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:.3px;margin-right:auto}.profit-input-suffix{padding:0 12px;font-size:12px;font-weight:600;color:var(--text-muted);letter-spacing:.5px;white-space:nowrap}.profit-field-hint{display:block;font-size:11px;color:var(--text-muted);margin-top:4px}.profit-ads-dual{display:flex;align-items:center;gap:8px}.profit-ads-dual .profit-input-wrap{flex:1;min-width:0}.profit-ads-eq{font-size:13px;color:var(--text-muted);font-weight:500;flex-shrink:0}.profit-reverse-toggle-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:9px 12px;background:transparent;border:1px dashed var(--swt-border);border-radius:var(--radius);color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.4px;cursor:pointer;transition:all var(--duration-fast);margin-top:4px}.profit-reverse-toggle-btn:hover{border-color:var(--accent);color:var(--accent)}.profit-reverse-toggle-btn.active{border-style:solid;border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.profit-reverse-chevron{font-size:10px;opacity:.6}.profit-reverse-panel{margin-top:12px;padding:14px;background:var(--bg-secondary);border:1px solid var(--swt-border);border-radius:var(--radius);display:flex;flex-direction:column;gap:12px}.profit-reverse-panel .profit-toggle-group{margin-bottom:0}.profit-reverse-result{display:flex;flex-direction:column;gap:10px;padding:12px 14px;background:color-mix(in srgb,var(--profit-positive) 10%,transparent);border:1px solid color-mix(in srgb,var(--profit-positive) 30%,transparent);border-radius:var(--radius)}.profit-reverse-result-main{display:flex;align-items:center;justify-content:space-between}.profit-reverse-result-label{font-size:12px;font-weight:600;color:var(--text-secondary)}.profit-reverse-result-value{font-size:20px;font-weight:700;color:var(--profit-positive);font-variant-numeric:tabular-nums;letter-spacing:-.5px}.profit-reverse-apply-btn{width:100%;padding:8px;background:color-mix(in srgb,var(--profit-positive) 15%,transparent);border:1px solid color-mix(in srgb,var(--profit-positive) 40%,transparent);border-radius:calc(var(--radius) - 2px);color:var(--profit-positive);font-size:12px;font-weight:700;letter-spacing:.5px;cursor:pointer;transition:all var(--duration-fast)}.profit-reverse-apply-btn:hover{background:color-mix(in srgb,var(--profit-positive) 25%,transparent);border-color:var(--profit-positive)}.profit-reverse-error{padding:10px 12px;background:color-mix(in srgb,var(--profit-negative) 10%,transparent);border:1px solid color-mix(in srgb,var(--profit-negative) 25%,transparent);border-radius:var(--radius);font-size:12px;color:var(--profit-negative);font-weight:500;text-align:center}.profit-select{width:100%;padding:10px 32px 10px 12px;background:var(--bg-secondary);border:1px solid var(--swt-border);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font-body);font-size:13px;outline:none;cursor:pointer;transition:border-color var(--duration-fast);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%239A9484' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.profit-select:focus{border-color:var(--accent)}.profit-select option{background:var(--bg-secondary);color:var(--text-primary)}.profit-toggle-group{display:flex;gap:4px;padding:3px;background:var(--bg-secondary);border-radius:var(--radius);border:1px solid var(--swt-border)}.profit-toggle-btn{flex:1;padding:8px 12px;background:transparent;border:1px solid transparent;border-radius:var(--radius);color:var(--text-secondary);font-family:var(--font-body);font-size:12px;font-weight:500;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.profit-toggle-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.profit-toggle-btn.active{color:var(--accent);background:var(--accent-glow);border-color:#ff6d3a33;font-weight:600}.profit-line{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:13px}.profit-line-label{color:var(--text-secondary)}.profit-line-value{font-family:var(--font-display);font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-primary)}.profit-line-highlight{padding:10px 12px;margin:4px -12px;background:var(--bg-secondary);border-radius:var(--radius)}.profit-line-highlight .profit-line-label{color:var(--text-primary);font-weight:600;font-size:14px}.profit-line-highlight .profit-line-value{font-size:16px}.profit-divider{height:1px;background:var(--swt-border);margin:8px 0}.profit-divider-bold{background:var(--swt-border-hover);margin:12px 0}.profit-section-label{display:block;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);margin-bottom:4px}.profit-margin-badge{display:inline-flex;align-items:center;padding:6px 12px;margin-top:12px;border-radius:var(--radius);font-family:var(--font-display);font-size:12px;font-weight:600;letter-spacing:.5px;background:#34d3991a;color:var(--profit-positive);border:1px solid rgba(52,211,153,.2)}.profit-margin-badge[data-positive=false]{background:#f871711a;color:var(--profit-negative);border-color:#f8717133}.profit-ad-row{position:relative}.profit-ad-fee{position:absolute;right:0;top:-2px;font-size:10px;color:var(--text-muted);font-variant-numeric:tabular-nums}@media(max-width:900px){.profit-panel-grid{grid-template-columns:1fr}.profit-tabs{width:100%}.profit-tab{flex:1;justify-content:center}}