@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&family=Barlow+Condensed:wght@400;700&family=Barlow:wght@400;500;600;700&display=swap";
:root{--primary:#7c3aed;--primary-hover:#6d28d9;--primary-light:#9f68f0;--primary-soft:#7c3aed1f;--primary-glow:#7c3aed40;--bg-base:#030408;--surface:#030408;--panel:#0a0b10;--elevated:#12131a;--hover:#1a1b24;--text:#fafafa;--text-secondary:#a1a1a1;--text-muted:#666;--text-faint:#444447;--border:#ffffff0f;--border-mid:#ffffff1a;--border-hover:#ffffff29;--success:#22c55e;--danger:#ef4444;--warning:#f59e0b;--shadow-xs:0 1px 2px #00000080;--shadow-sm:0 2px 8px #00000080;--shadow-md:0 6px 24px #0009;--shadow-lg:0 16px 48px #000000b3;--r-xs:4px;--r-sm:6px;--r-md:8px;--r-lg:10px;--r-xl:14px;--r-full:9999px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#__next{background:var(--bg-base);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5}::selection{background:var(--primary);color:#fff}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--r-sm)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--r-full);background:#ffffff1a}::-webkit-scrollbar-thumb:hover{background:#fff3}button{font:inherit;cursor:pointer;background:0 0;border:none}button:disabled{cursor:not-allowed;opacity:.38}input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}.app-shell{background:var(--bg-base);grid-template-rows:auto auto 1fr;height:100vh;display:grid;position:relative;overflow:hidden}.app-shell:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(80% 50% at 50% -10%,#7c3aed2e 0%,#0000 65%),radial-gradient(40% 30% at 80% 80%,#632bbe0f 0%,#0000 50%);position:fixed;inset:0}.app-shell:after{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0}.app-header{-webkit-backdrop-filter:blur(16px)saturate(180%);border-bottom:1px solid var(--border);z-index:50;background:#080b14bf;flex-shrink:0;align-items:center;gap:12px;height:52px;padding:0 20px;display:flex}.brand{flex-shrink:0;align-items:center;gap:8px;display:flex}.brand-mark{border-radius:var(--r-md);background:var(--primary);color:#fff;width:30px;height:30px;box-shadow:0 3px 10px var(--primary-glow);letter-spacing:-.5px;justify-content:center;align-items:center;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:800;display:inline-flex}.brand-name{color:var(--text);letter-spacing:-.3px;font-size:14px;font-weight:700}.brand-sep{background:var(--border-mid);width:1px;height:18px}.steps-bar{flex:1;align-items:center;gap:0;padding:0 16px;display:flex}.step{border-radius:var(--r-full);transition:background .2s var(--ease-out);align-items:center;gap:6px;padding:4px 10px;display:flex}.step-num{border:1.5px solid var(--text-faint);width:18px;height:18px;color:var(--text-faint);transition:all .2s var(--ease-out);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;display:inline-flex}.step-label{color:var(--text-muted);white-space:nowrap;transition:color .2s var(--ease-out);font-size:12px;font-weight:500}.step-arrow{background:var(--border-mid);flex-shrink:0;width:16px;height:1px}.step.done .step-num{background:var(--success);border-color:var(--success);color:#fff}.step.done .step-label{color:var(--text-secondary)}.step.active .step-num{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 0 0 3px var(--primary-soft)}.step.active .step-label{color:var(--text);font-weight:600}.step.active{background:#7c3aed0f}.header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.workspace{grid-template-columns:300px 1fr 280px;min-height:0;display:grid;overflow:hidden}@media (max-width:1100px){.workspace{grid-template-columns:260px 1fr 260px}}.col-left,.col-right{background:var(--panel);flex-direction:column;display:flex;overflow:hidden auto}.col-left{border-right:1px solid var(--border)}.col-right{border-left:1px solid var(--border)}.col-center{background:var(--bg-base);flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;overflow:hidden}.section{flex-shrink:0;padding:16px}.section+.section{border-top:1px solid var(--border)}.section-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.section-title{letter-spacing:1.2px;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:6px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600;display:flex}.section-title svg{color:var(--primary)}.btn{border-radius:var(--r-md);border:1px solid var(--border-mid);background:var(--elevated);height:36px;color:var(--text);letter-spacing:-.1px;transition:background .15s var(--ease-out), border-color .15s, transform 80ms var(--ease-spring), box-shadow .15s;white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-size:13px;font-weight:600;display:inline-flex}.btn:hover:not(:disabled){background:var(--hover);border-color:var(--border-hover)}.btn:active:not(:disabled){transform:translateY(1px)}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 3px 12px var(--primary-glow);height:36px}.btn.primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover);box-shadow:0 5px 20px #7c3aed66}.btn.primary:disabled{background:var(--elevated);color:var(--text-muted);border-color:var(--border);box-shadow:none}.btn.ghost{border-color:var(--border);background:0 0}.btn.ghost:hover:not(:disabled){background:var(--elevated);border-color:var(--border-mid)}.btn.sm{height:30px;padding:0 12px;font-size:12px}.btn.full{width:100%}.btn.icon{flex-shrink:0;width:36px;height:36px;padding:0}.upload-zone{border-radius:var(--r-xl);background:var(--bg-base);text-align:center;cursor:pointer;transition:border-color .18s var(--ease-out), background .18s var(--ease-out), box-shadow .18s;border:1.5px dashed #ffffff26;outline:none;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:28px 16px;display:flex}.upload-zone:hover:not(.upload-zone--busy),.upload-zone:focus-visible{background:var(--primary-soft);border-color:#7c3aed80}.upload-zone--active{box-shadow:0 0 0 3px var(--primary-soft);border-color:var(--primary)!important;background:#7c3aed12!important}.upload-zone--busy{cursor:wait;opacity:.6}.upload-icon{border-radius:var(--r-xl);background:var(--primary-soft);width:52px;height:52px;color:var(--primary);transition:transform .2s var(--ease-spring), background .18s;border:1px solid #7c3aed33;flex-shrink:0;justify-content:center;align-items:center;display:flex}.upload-zone:hover:not(.upload-zone--busy) .upload-icon,.upload-zone--active .upload-icon{background:#7c3aed2e;transform:scale(1.1)translateY(-2px)}.upload-title{color:var(--text);letter-spacing:-.2px;font-size:15px;font-weight:700;line-height:1.3}.upload-sub{color:var(--text-muted);letter-spacing:.2px;font-family:JetBrains Mono,monospace;font-size:10px;line-height:1.7}.source-chip{background:var(--elevated);border:1px solid var(--border-mid);border-radius:var(--r-lg);justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.source-chip-info{flex-direction:column;gap:2px;min-width:0;display:flex}.source-chip-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.source-chip-meta{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:10px}.style-tabs{background:var(--bg-base);border:1px solid var(--border);border-radius:var(--r-md);gap:2px;margin-bottom:12px;padding:3px;display:flex}.style-tab{border-radius:var(--r-sm);color:var(--text-muted);letter-spacing:.5px;text-transform:uppercase;background:0 0;flex:1;justify-content:center;align-items:center;gap:5px;padding:7px 6px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600;transition:background .14s,color .14s;display:inline-flex}.style-tab:hover:not(.active){color:var(--text-secondary);background:#ffffff0d}.style-tab.active{background:var(--primary);color:#fff;box-shadow:0 2px 8px var(--primary-glow)}.tab-count{border-radius:var(--r-full);min-width:18px;height:16px;color:var(--text-muted);background:#ffffff14;justify-content:center;align-items:center;padding:0 5px;font-size:9px;font-weight:700;display:inline-flex}.style-tab.active .tab-count{color:#fff;background:#fff3}.style-scroll{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:8px;padding:2px 0 8px;display:flex;overflow-x:auto}.style-scroll::-webkit-scrollbar{height:3px}.style-card{cursor:pointer;scroll-snap-align:start;width:80px;transition:transform .16s var(--ease-spring);background:0 0;border:none;flex-direction:column;flex:none;align-items:center;gap:5px;padding:0;display:flex}.style-card:hover:not(:disabled){transform:translateY(-2px)}.style-card-frame{border-radius:var(--r-lg);border:2px solid var(--border);background:#0d0d10;justify-content:center;align-items:center;width:80px;height:104px;padding:6px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.style-card:hover:not(:disabled) .style-card-frame{border-color:#7c3aed66}.style-card.selected .style-card-frame{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary), 0 4px 16px var(--primary-glow)}.style-card-preview-text{text-align:center;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;pointer-events:none;-webkit-user-select:none;user-select:none;line-height:1.15}.style-card-label{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;text-align:center;letter-spacing:.2px;max-width:78px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600;transition:color .15s;overflow:hidden}.style-card.selected .style-card-label{color:var(--primary)}.ctrl-group{flex-direction:column;gap:14px;display:flex}.ctrl-group+.ctrl-group{border-top:1px solid var(--border);margin-top:0;padding-top:14px}.ctrl-row{justify-content:space-between;align-items:baseline;display:flex}.ctrl-label{letter-spacing:.8px;text-transform:uppercase;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600}.ctrl-value{color:var(--primary);font-feature-settings:"tnum";font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700}.slider{appearance:none;border-radius:var(--r-full);background:linear-gradient(90deg, var(--primary) 0%, var(--primary) var(--filled,0%), #ffffff1a var(--filled,0%), #ffffff1a 100%);cursor:pointer;outline:none;width:100%;height:4px}.slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--text);border:2px solid var(--primary);width:16px;height:16px;box-shadow:0 0 0 3px var(--primary-soft), 0 2px 8px #7c3aed66;cursor:pointer;border-radius:50%}.slider::-moz-range-thumb{background:var(--text);border:2px solid var(--primary);width:16px;height:16px;box-shadow:0 0 0 3px var(--primary-soft), 0 2px 8px #7c3aed66;cursor:pointer;border-radius:50%}.preset-row{grid-template-columns:repeat(5,1fr);gap:3px;display:grid}.preset-btn{border-radius:var(--r-sm);border:1px solid var(--border);background:var(--bg-base);height:28px;color:var(--text-muted);letter-spacing:.3px;transition:all .14s var(--ease-out);font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600}.preset-btn:hover:not(:disabled){color:var(--text);background:var(--primary-soft);border-color:#7c3aed66}.preset-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 2px 10px var(--primary-glow)}.lang-search{background:var(--bg-base);border:1px solid var(--border-mid);border-radius:var(--r-md);align-items:center;gap:8px;margin-bottom:8px;padding:0 10px;display:flex}.lang-search input{height:32px;color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:12px}.lang-search input::placeholder{color:var(--text-muted)}.lang-list{flex-direction:column;gap:1px;max-height:300px;display:flex;overflow-y:auto}.lang-item{border-radius:var(--r-md);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:8px;width:100%;padding:8px 10px;transition:background .14s,border-color .14s;display:flex;position:relative}.lang-item:hover:not(:disabled){background:#ffffff0d}.lang-item.active{background:var(--primary-soft);border-color:#7c3aed4d}.lang-flag{flex-shrink:0;font-size:16px;line-height:1}.lang-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.lang-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.lang-hint{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-family:JetBrains Mono,monospace;font-size:9px;overflow:hidden}.lang-status{flex-shrink:0;justify-content:flex-end;align-items:center;width:16px;display:flex}.lang-no-match{color:var(--text-muted);text-align:center;padding:12px 10px;font-family:JetBrains Mono,monospace;font-size:11px}.preview-wrap{justify-content:center;align-items:center;width:100%;display:flex}.preview-frame{border-radius:var(--r-xl);background:#08080b;border:1px solid #ffffff0f;max-height:calc(100vh - 92px);position:relative;overflow:hidden;box-shadow:0 8px 40px #000000b3,0 0 0 1px #00000080}.empty-preview{text-align:center;background:#0a0a0d;flex-direction:column;justify-content:center;align-items:center;gap:14px;height:100%;padding:40px;display:flex}.empty-icon{border-radius:var(--r-xl);background:var(--primary-soft);width:56px;height:56px;color:var(--primary);border:1px solid #7c3aed33;justify-content:center;align-items:center;display:flex}.empty-title{color:var(--text);letter-spacing:-.3px;font-size:16px;font-weight:700}.empty-desc{color:var(--text-muted);max-width:220px;font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.65}.status-pill{border-radius:var(--r-full);background:var(--primary-soft);letter-spacing:.5px;text-transform:uppercase;color:var(--primary);border:1px solid #7c3aed40;align-items:center;gap:6px;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600;display:inline-flex}.status-pill:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px;animation:2s ease-in-out infinite pdot;display:inline-block}@keyframes pdot{0%,to{opacity:1}50%{opacity:.3}}.status-pill.rendered{color:var(--success);background:#22c55e1a;border-color:#22c55e4d}.status-pill.error{color:var(--danger);background:#ef44441a;border-color:#ef444440}.status-pill.rendered:before,.status-pill.error:before{animation:none}.error-msg{color:var(--danger);border-radius:var(--r-md);background:#ef444414;border:1px solid #ef444433;margin-top:6px;padding:8px 10px;font-family:JetBrains Mono,monospace;font-size:11px;line-height:1.5}.muted{color:var(--text-muted);font-size:12px;line-height:1.55}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.detected-badge{border-radius:var(--r-full);color:#38bdf8;letter-spacing:.3px;background:#38bdf81a;border:1px solid #38bdf838;align-items:center;gap:5px;padding:3px 8px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600;display:inline-flex}.glass-card{-webkit-backdrop-filter:blur(24px)saturate(160%);background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;box-shadow:inset 0 1px #ffffff0f,0 8px 32px #0006}.glass-card-purple{-webkit-backdrop-filter:blur(24px);background:#7c3aed0f;border:1px solid #7c3aed33;border-radius:16px;box-shadow:inset 0 1px #7c3aed1f,0 8px 32px #7c3aed1f}.opal-eyebrow{letter-spacing:2px;text-transform:uppercase;color:var(--primary-light,#9f68f0);margin-bottom:10px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600}.opal-heading{letter-spacing:-.5px;color:var(--text);margin-bottom:6px;font-size:28px;font-weight:800;line-height:1.1}.opal-subheading{color:var(--text-muted);font-size:14px;font-weight:400;line-height:1.6}.opal-upload-zone{text-align:center;cursor:pointer;background:#7c3aed0a;border:1.5px dashed #7c3aed4d;border-radius:20px;outline:none;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:48px 28px;transition:border-color .2s,background .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.opal-upload-zone:before{content:"";pointer-events:none;background:radial-gradient(#7c3aed1f 0%,#0000 70%);width:240px;height:120px;position:absolute;top:-60px;left:50%;transform:translate(-50%)}.opal-upload-zone:hover:not(.upload-zone--busy),.opal-upload-zone:focus-visible{background:#7c3aed14;border-color:#7c3aed99;box-shadow:0 0 0 4px #7c3aed14,0 0 40px #7c3aed1a}.opal-upload-zone.upload-zone--active{border-color:var(--primary)!important;background:#7c3aed1f!important;box-shadow:0 0 0 4px #7c3aed1f,0 0 60px #7c3aed26!important}.opal-upload-zone.upload-zone--busy{cursor:wait;opacity:.6}.opal-upload-icon{width:64px;height:64px;color:var(--primary-light,#9f68f0);transition:transform .2s var(--ease-spring), box-shadow .2s;background:linear-gradient(135deg,#7c3aed40 0%,#632bbe26 100%);border:1px solid #7c3aed4d;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 20px #7c3aed40}.opal-upload-zone:hover:not(.upload-zone--busy) .opal-upload-icon,.opal-upload-zone.upload-zone--active .opal-upload-icon{transform:scale(1.08)translateY(-3px);box-shadow:0 8px 30px #7c3aed66}.opal-upload-title{letter-spacing:-.3px;color:var(--text);font-size:20px;font-weight:800;line-height:1.2}.opal-upload-sub{color:var(--text-muted);max-width:320px;font-size:13px;line-height:1.65}.opal-badge{cursor:pointer;transition:transform .16s var(--ease-spring);background:0 0;border:none;flex-direction:column;align-items:center;gap:7px;padding:0;display:flex}.opal-badge:hover:not(:disabled){transform:translateY(-3px)}.opal-badge-card{aspect-ratio:9/16;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff08;border:1.5px solid #ffffff12;border-radius:12px;flex-direction:column;justify-content:flex-end;align-items:center;width:100%;max-height:120px;padding:0 6px 10px;transition:border-color .15s,box-shadow .15s,background .15s;display:flex;position:relative;overflow:hidden}.opal-badge-card:before{content:"";pointer-events:none;background:linear-gradient(#0000 40%,#000000b3 100%);position:absolute;inset:0}.opal-badge:hover:not(:disabled) .opal-badge-card{background:#7c3aed0f;border-color:#7c3aed66}.opal-badge.selected .opal-badge-card{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary), 0 4px 24px #7c3aed4d;background:#7c3aed1a}.opal-badge-label{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;text-align:center;letter-spacing:.2px;max-width:100%;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600;transition:color .15s;overflow:hidden}.opal-badge.selected .opal-badge-label{color:#9f68f0}.opal-device-frame{background:#000;border:1.5px solid #ffffff1a;border-radius:28px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff0a,0 30px 80px #000c,0 0 60px #7c3aed1f}.opal-info-card{-webkit-backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;padding:18px;transition:border-color .15s,box-shadow .15s;box-shadow:inset 0 1px #ffffff0d}.opal-info-card:hover{border-color:#ffffff1f;box-shadow:inset 0 1px #ffffff12,0 4px 16px #0000004d}.opal-info-label{letter-spacing:1.2px;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:6px;margin-bottom:12px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600;display:flex}.opal-info-label svg{color:var(--primary-light,#9f68f0)}.opal-divider{background:linear-gradient(90deg,#0000,#7c3aed26,#ffffff0f,#0000);height:1px;margin:0}.opal-source-chip{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.btn.opal-ghost{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0a;border-color:#ffffff1a}.btn.opal-ghost:hover:not(:disabled){background:#ffffff14;border-color:#ffffff29}:root{--sx-black:#000;--sx-white:#f0f0fa;--sx-ghost-bg:#f0f0fa14;--sx-ghost-border:#f0f0fa47;--sx-muted:#f0f0fa66;--sx-divider:#f0f0fa14;--sx-font:"Barlow", Arial, Verdana, sans-serif}.sx-app{color:#f0f0fa;min-height:100vh;font-family:var(--sx-font);background:#000}.sx-hero{text-align:center;background:#000;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:48px 24px;display:flex;position:relative}.sx-hero:before{content:"";pointer-events:none;background:radial-gradient(70% 50% at 50% 0,#f0f0fa06 0%,#0000 65%);position:absolute;inset:0}.sx-eyebrow{letter-spacing:1.5px;text-transform:uppercase;color:var(--sx-muted);font-size:10px;font-weight:700;font-family:var(--sx-font);margin-bottom:20px}.sx-heading{letter-spacing:.96px;text-transform:uppercase;color:#f0f0fa;margin-bottom:16px;font-family:Barlow Condensed,Arial,sans-serif;font-size:56px;font-weight:700;line-height:1}.sx-sub{letter-spacing:1px;text-transform:uppercase;color:var(--sx-muted);font-size:12px;font-weight:400;line-height:1.8;font-family:var(--sx-font);margin-bottom:48px}.sx-drop-zone{border:1px solid var(--sx-ghost-border);cursor:pointer;z-index:1;border-radius:4px;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:460px;padding:56px 32px;transition:border-color .15s,background .15s;display:flex;position:relative}.sx-drop-zone:hover,.sx-drop-zone.active{background:#f0f0fa08;border-color:#f0f0fa8c}.sx-drop-zone.busy{opacity:.5;cursor:wait}.sx-drop-icon{color:var(--sx-muted);transition:color .15s}.sx-drop-zone:hover .sx-drop-icon,.sx-drop-zone.active .sx-drop-icon{color:#f0f0fa}.sx-drop-label{letter-spacing:1.17px;text-transform:uppercase;color:#f0f0fa;font-size:11px;font-weight:700;font-family:var(--sx-font)}.sx-drop-sub{letter-spacing:.8px;text-transform:uppercase;color:var(--sx-muted);font-size:10px;font-family:var(--sx-font)}.sx-ghost-btn{background:var(--sx-ghost-bg);border:1px solid var(--sx-ghost-border);color:#f0f0fa;letter-spacing:1.17px;text-transform:uppercase;cursor:pointer;font-size:11px;font-weight:700;font-family:var(--sx-font);border-radius:32px;align-items:center;gap:8px;padding:14px 28px;transition:background .15s,border-color .15s;display:inline-flex}.sx-ghost-btn:hover:not(:disabled){background:#f0f0fa26;border-color:#f0f0fa8c}.sx-ghost-btn:disabled{opacity:.35;cursor:not-allowed}.sx-primary-btn{color:#000;letter-spacing:1.17px;text-transform:uppercase;cursor:pointer;font-size:11px;font-weight:700;font-family:var(--sx-font);background:#f0f0fa;border:none;border-radius:32px;align-items:center;gap:7px;padding:12px 24px;transition:opacity .15s;display:inline-flex}.sx-primary-btn:hover:not(:disabled){opacity:.88}.sx-primary-btn:disabled{opacity:.3;cursor:not-allowed}.sx-editor{background:#000;flex-direction:column;height:100vh;display:flex;overflow:hidden}.sx-header{border-bottom:1px solid var(--sx-divider);flex-shrink:0;align-items:center;gap:0;height:52px;padding:0 20px;display:flex}.sx-brand-mark{color:#000;letter-spacing:.5px;background:#f0f0fa;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-family:Barlow Condensed,Arial,sans-serif;font-size:12px;font-weight:700;display:flex}.sx-brand-name{letter-spacing:1.4px;text-transform:uppercase;color:#f0f0fa;font-size:11px;font-weight:700;font-family:var(--sx-font);flex-shrink:0;margin:0 12px 0 8px}.sx-divider-v{background:var(--sx-divider);flex-shrink:0;width:1px;height:20px;margin:0 4px}.sx-tabs{flex:1;align-items:stretch;height:100%;display:flex;overflow:hidden}.sx-tab{color:var(--sx-muted);letter-spacing:1.17px;text-transform:uppercase;cursor:pointer;font-size:11px;font-weight:700;font-family:var(--sx-font);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;padding:0 16px;transition:color .12s,border-color .12s;display:flex}.sx-tab.active{color:#f0f0fa;border-bottom-color:#f0f0fa}.sx-tab:hover:not(.active){color:#f0f0fab3}.sx-step-row{flex:1;align-items:center;gap:4px;display:flex;overflow:hidden}.sx-header-actions{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:flex}.sx-workspace{flex:1;grid-template-columns:360px 1fr;display:grid;overflow:hidden}.sx-left{border-right:1px solid var(--sx-divider);scrollbar-width:thin;scrollbar-color:#f0f0fa1f transparent;flex-direction:column;display:flex;overflow-y:auto}.sx-left::-webkit-scrollbar{width:4px}.sx-left::-webkit-scrollbar-thumb{background:#f0f0fa1f;border-radius:2px}.sx-bottom{border-top:1px solid var(--sx-divider);flex-shrink:0;align-items:center;gap:0;height:60px;padding:0 20px;display:flex}.sx-ctrl{flex:1;align-items:center;gap:10px;padding:0 20px;display:flex}.sx-ctrl:first-child{padding-left:0}.sx-slider{appearance:none;cursor:pointer;background:#f0f0fa26;border-radius:1px;outline:none;width:100%;max-width:120px;height:2px}.sx-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#f0f0fa;border-radius:50%;width:12px;height:12px}.sx-slider::-moz-range-thumb{cursor:pointer;background:#f0f0fa;border:none;border-radius:50%;width:12px;height:12px}.sx-style-tabs{border-bottom:1px solid var(--sx-divider);scrollbar-width:none;flex-shrink:0;align-items:center;gap:0;padding:0 12px;display:flex;overflow-x:auto}.sx-style-tabs::-webkit-scrollbar{display:none}.sx-style-tab{color:var(--sx-muted);letter-spacing:1px;text-transform:uppercase;cursor:pointer;white-space:nowrap;font-size:10px;font-weight:700;font-family:var(--sx-font);background:0 0;border:none;border-bottom:2px solid #0000;padding:10px;transition:color .1s,border-color .1s}.sx-style-tab.active{color:#f0f0fa;border-bottom-color:#f0f0fa}.sx-style-tab:hover:not(.active){color:#f0f0faa6}.sx-style-grid{flex:1;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px;display:grid;overflow-y:auto}.sx-style-card{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:5px;padding:0;transition:transform .14s;display:flex}.sx-style-card:hover:not(:disabled){transform:translateY(-2px)}.sx-style-card:disabled{opacity:.4;cursor:not-allowed}.sx-style-thumb{aspect-ratio:9/16;background:#0a0a0a;border:1.5px solid #f0f0fa1a;border-radius:6px;flex-direction:column;justify-content:flex-end;align-items:center;width:100%;max-height:110px;padding:0 5px 9px;transition:border-color .14s,box-shadow .14s;display:flex;position:relative;overflow:hidden}.sx-style-card.selected .sx-style-thumb{border-color:#f0f0fa;box-shadow:0 0 0 1px #f0f0fa,0 4px 18px #f0f0fa1f}.sx-style-card:hover:not(:disabled) .sx-style-thumb{border-color:#f0f0fa66}.sx-style-thumb:before{content:"";pointer-events:none;background:linear-gradient(#0000 40%,#000000bf 100%);position:absolute;inset:0}.sx-style-swatch{border-radius:50%;width:5px;height:5px;position:absolute;top:5px;right:5px}.sx-style-hint{text-align:center;color:#fff;text-shadow:0 1px 4px #000000e6;z-index:1;padding:0 2px;font-family:Inter,sans-serif;font-size:8px;font-weight:700;line-height:1.25;position:relative}.sx-style-name{letter-spacing:.6px;text-transform:uppercase;color:var(--sx-muted);font-size:9px;font-weight:700;font-family:var(--sx-font);white-space:nowrap;text-overflow:ellipsis;text-align:center;max-width:100%;transition:color .14s;overflow:hidden}.sx-style-card.selected .sx-style-name{color:#f0f0fa}.sx-status{letter-spacing:1px;text-transform:uppercase;color:var(--sx-muted);font-size:9px;font-weight:700;font-family:var(--sx-font)}.sx-error{color:#ef4444;letter-spacing:.8px;text-transform:uppercase;font-size:10px;font-weight:700;font-family:var(--sx-font);background:#ef444414;border-bottom:1px solid #ef44442e;padding:6px 20px}.sx-lang-section{border-top:1px solid var(--sx-divider);flex-shrink:0;padding:12px}.sx-lang-label{letter-spacing:1.2px;text-transform:uppercase;color:var(--sx-muted);font-size:9px;font-weight:700;font-family:var(--sx-font);margin-bottom:8px}.sx-loading{color:var(--sx-muted);flex-direction:column;align-items:center;gap:12px;display:flex}.sx-loading-label{letter-spacing:1.2px;text-transform:uppercase;font-size:10px;font-weight:700;font-family:var(--sx-font)}.sx-right{align-items:stretch;display:flex;overflow:hidden}.sx-preview-area{flex:1;justify-content:center;align-items:center;min-width:0;padding:16px;display:flex;overflow:hidden}.sx-preview-area .preview-frame{width:100%;height:100%;max-height:none}.sx-controls-sidebar{scrollbar-width:none;border-left:1px solid #f0f0fa14;flex-direction:column;flex-shrink:0;gap:0;width:240px;padding:16px 14px 20px;display:flex;overflow-y:auto}.sx-controls-sidebar::-webkit-scrollbar{display:none}.sx-ctrl-block{border-bottom:1px solid #f0f0fa0f;flex-direction:column;gap:8px;margin-bottom:14px;padding-bottom:14px;display:flex}.sx-ctrl-block:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.sx-ctrl-header{justify-content:space-between;align-items:center;display:flex}.sx-ctrl-label{letter-spacing:1.2px;text-transform:uppercase;color:#f0f0fa66;font-size:10px;font-weight:700;font-family:var(--sx-font)}.sx-ctrl-val{letter-spacing:-.3px;color:#f0f0fa;font-family:Barlow Condensed,monospace;font-size:14px;font-weight:700}.sx-slider-wide{appearance:none;cursor:pointer;background:#f0f0fa26;border-radius:2px;outline:none;width:100%;height:3px}.sx-slider-wide::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#f0f0fa;border-radius:50%;width:18px;height:18px;transition:transform .1s,box-shadow .1s;box-shadow:0 0 8px #f0f0fa40}.sx-slider-wide::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 0 14px #f0f0fa66}.sx-slider-wide::-moz-range-thumb{cursor:pointer;background:#f0f0fa;border:none;border-radius:50%;width:18px;height:18px}.sx-slider-wide:disabled{opacity:.3;cursor:not-allowed}.sx-pill-row{flex-wrap:wrap;gap:5px;display:flex}.sx-pill{color:#f0f0fa80;letter-spacing:.8px;text-transform:uppercase;cursor:pointer;font-size:10px;font-weight:700;font-family:var(--sx-font);background:0 0;border:1px solid #f0f0fa2e;border-radius:4px;padding:6px 10px;transition:background .1s,color .1s,border-color .1s}.sx-pill:hover:not(:disabled){color:#f0f0fa;background:#f0f0fa14;border-color:#f0f0fa66}.sx-pill.active{color:#f0f0fa;background:#f0f0fa24;border-color:#f0f0fa8c}.sx-pill:disabled{opacity:.25;cursor:not-allowed}