*,:before,:after{box-sizing:border-box}html,body{min-height:100vh;margin:0;padding:0;overflow-x:hidden}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-page:#08080a;--bg-surface:#111114;--bg-subtle:#161619;--bg-elevated:#1c1c20;--border-subtle:#232328;--border-strong:#38383f;--border-accent:#d4a43a26;--accent:#d4a43a;--accent-strong:#c0922e;--accent-glow:#d4a43a1a;--accent-text:#e8be5a;--success:#22c55e;--success-bg:#22c55e14;--success-border:#22c55e38;--error:#ef4444;--error-bg:#ef444414;--error-border:#ef444438;--warning:#f97316;--warning-bg:#f9731614;--warning-border:#f9731638;--text-primary:#ededef;--text-secondary:#8b8b94;--text-muted:#5c5c66;--radius-lg:14px;--radius-md:10px;--radius-sm:7px;--radius-xs:4px;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--transition-fast:.12s ease;--transition-base:.18s ease;--transition-slow:.3s ease;--font-display:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--font-mono:"SF Mono","Cascadia Code","Consolas",monospace;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}body{background:var(--bg-page);color:var(--text-primary);justify-content:center;align-items:center;min-height:100vh;line-height:1.6;display:flex;position:relative}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(70% 50% at 18% 55%,#d4a43a08 0%,#0000 60%),radial-gradient(50% 40% at 82% 25%,#d4a43a05 0%,#0000 50%);position:fixed;inset:0}body:has(main>.landing-card+.card){align-items:flex-start;padding-block:clamp(3rem,8vh,5.5rem)}main{z-index:1;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:1.75rem;width:min(900px,100vw - 4rem);margin:0 auto;display:flex;position:relative}main:has(>.landing-card:only-child){justify-content:center}.background-veil,.background-letter-glitch,.background-ballpit{z-index:0;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}.background-placeholder{background:var(--bg-page);z-index:0;width:100vw;height:100vh;position:fixed;top:0;left:0}a{color:var(--accent-text);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent)}@media (max-width:940px){main{width:calc(100vw - 2.5rem)}}@media (max-width:600px){main{gap:1.25rem;width:calc(100vw - 1.5rem)}}@media (prefers-contrast:high){:root{--border-subtle:#4b4b55;--border-strong:#6b6b75;--text-secondary:#c4c4cc}}
.card{background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);padding:2.5rem 3rem;position:relative;overflow:hidden}.card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#d4a43a73,#0000);height:1px;position:absolute;top:0;left:1.5rem;right:1.5rem}.card-title{letter-spacing:-.02em;margin:0 0 .35rem;font-size:1.8rem;font-weight:700}.card-subtitle{color:var(--text-secondary);margin:0;font-size:.92rem;font-weight:400}.landing-card{background:var(--bg-surface);border:1px solid var(--border-subtle);flex-direction:column;gap:1.75rem;padding:2.25rem 3rem;display:flex}.landing-card:before{background:linear-gradient(90deg,var(--accent),#d4a43a33 80%,transparent);border-radius:0 0 1px 1px;height:2px;left:3rem;right:3rem}.landing-header{justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:0;display:flex}.landing-header .card-subtitle{max-width:480px;margin-top:.5rem}.landing-title{letter-spacing:-.03em;color:var(--text-primary);margin:0;font-size:clamp(1.6rem,4vw,2.25rem);font-weight:700;line-height:1.15}.landing-description{color:var(--text-secondary);max-width:540px;margin:0;font-size:.95rem;line-height:1.7}.landing-actions{justify-content:flex-start;margin-top:.5rem;display:flex}.landing-loading{color:var(--text-secondary);justify-content:center;align-items:center;gap:.85rem;padding:2.5rem;font-size:.95rem;display:flex}.landing-prompt{flex-direction:column;gap:1.25rem;display:flex}.landing-auth{background:var(--bg-elevated);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);align-items:center;gap:.7rem;padding:.45rem .65rem .45rem .45rem;display:flex}.landing-auth-avatar{background:linear-gradient(135deg,var(--accent)0%,var(--accent-strong)100%);border-radius:var(--radius-xs);width:34px;height:34px;color:var(--bg-page);flex-shrink:0;justify-content:center;align-items:center;display:flex}.landing-auth-meta{flex-direction:column;gap:.05rem;min-width:0;display:flex}.landing-auth-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.65rem;font-weight:500}.landing-auth-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:.85rem;font-weight:600;overflow:hidden}.landing-auth-logout{border:1px solid var(--border-subtle);border-radius:var(--radius-xs);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;align-items:center;gap:.4rem;margin-left:.25rem;padding:.35rem .6rem;font-size:.76rem;font-weight:500;display:flex}.landing-auth-logout:hover{background:var(--error-bg);border-color:var(--error-border);color:var(--error)}.landing-auth-logout:active{transform:scale(.97)}.action-button,.glass-button{border-radius:var(--radius-sm);cursor:pointer;color:var(--bg-page);background:var(--accent);transition:all var(--transition-base);letter-spacing:.01em;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-family:inherit;font-size:.9rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.action-button:hover,.glass-button:hover{background:var(--accent-strong);transform:translateY(-1px);box-shadow:0 4px 20px #d4a43a33}.action-button:active,.glass-button:active{transform:translateY(0)}.action-button.secondary,.glass-button.secondary{border:1px solid var(--border-strong);color:var(--text-primary);background:0 0}.action-button.secondary:hover,.glass-button.secondary:hover{border-color:var(--accent);color:var(--accent-text);background:var(--accent-glow);box-shadow:0 2px 12px #d4a43a14}.action-button:disabled,.glass-button:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.glass-button[type=submit]{letter-spacing:.02em;padding:.75rem 2rem;font-size:.95rem;font-weight:700}.glass-button[type=submit]:hover:not(:disabled){box-shadow:0 6px 24px #d4a43a40}label.glass-button{cursor:pointer;-webkit-user-select:none;user-select:none}label.glass-button input[type=checkbox]{cursor:pointer;width:1rem;height:1rem;accent-color:var(--accent);margin:0}label.glass-button.secondary{min-height:auto;padding:.55rem 1.1rem;font-size:.88rem}.panel{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-subtle);transition:border-color var(--transition-base);padding:1.5rem 1.75rem}.panel:hover{border-color:var(--border-strong)}.panel legend{letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);padding:0 .35rem;font-size:.82rem}.panel--highlighted{border-color:var(--warning-border);background:var(--warning-bg);border-left:3px solid var(--warning)}.panel--row{flex-flow:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.panel--nested{border:1px solid var(--border-subtle);background:#08080a80;margin-top:1rem}.panel__title{color:var(--text-primary);margin:0 0 .25rem;font-size:1rem;font-weight:600}.panel__subtitle{color:var(--text-secondary);margin:0 0 .75rem;font-size:.88rem;font-weight:500}.form-grid{gap:1.5rem;display:grid}.form-grid--tight{gap:1.15rem}.label{color:var(--text-secondary);gap:.4rem;font-size:.92rem;display:grid}.label--section{color:var(--text-primary);flex-direction:column;gap:.25rem;font-size:.95rem;font-weight:600;display:flex}.label__text{color:var(--text-primary);font-weight:500}.label__required{color:var(--error);font-weight:600}.input,.textarea,.select{border-radius:var(--radius-xs);border:1px solid var(--border-subtle);background:var(--bg-page);width:100%;color:var(--text-primary);font:inherit;transition:all var(--transition-fast);padding:.75rem 1rem;font-size:.9rem}.input::placeholder,.textarea::placeholder{color:var(--text-muted)}.input:hover,.textarea:hover,.select:hover{border-color:var(--border-strong)}.input:focus,.textarea:focus,.select:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow);outline:none}.textarea{resize:none;min-height:auto;max-height:3.5rem;padding:.65rem .85rem;line-height:1.5}.input--narrow{width:120px}.select option{color:#ededef;background:#1c1c20}.select--highlighted{border-color:var(--warning-border);background:var(--warning-bg)}.select--highlighted option{color:#ededef;background:#1c1c20}.hint{color:var(--text-secondary);font-size:.8rem;line-height:1.5}.hint--warning{color:var(--warning);align-items:center;gap:.35rem;font-weight:500;display:flex}.hint--warning:before{content:"!";background:var(--warning);width:1rem;height:1rem;color:var(--bg-page);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.65rem;font-weight:700;display:inline-flex}.hint--accent{color:var(--accent-text)}.result-banner{border-radius:var(--radius-md);background:var(--accent-glow);border:1px solid var(--border-accent);color:var(--text-primary);padding:1rem 1.2rem;animation:.3s slideIn}.result-banner.error{background:var(--error-bg);border-color:var(--error-border)}.result-banner--success{background:var(--success-bg);border:1px solid var(--success-border);border-radius:var(--radius-md);color:var(--text-primary);align-items:center;gap:.75rem;padding:1rem 1.25rem;animation:.3s slideIn;display:flex}.result-banner--error{background:var(--error-bg);border:1px solid var(--error-border);border-radius:var(--radius-md);color:var(--text-primary);align-items:center;gap:.75rem;padding:1rem 1.25rem;animation:.3s slideIn;display:flex}.result-banner__icon{font-size:1.2rem;font-weight:700;line-height:1}.result-banner--success .result-banner__icon{color:var(--success)}.result-banner--error .result-banner__icon{color:var(--error)}.brand-badges{color:var(--text-secondary);flex-wrap:wrap;gap:.45rem;font-size:.78rem;display:flex}.brand-badges .badge{border-radius:var(--radius-xs);background:var(--bg-elevated);border:1px solid var(--border-subtle);padding:.3rem .6rem}.locale-tabs{border-radius:var(--radius-sm);background:var(--bg-page);border:1px solid var(--border-subtle);align-items:center;gap:2px;padding:3px;display:inline-flex}.locale-tab{border-radius:calc(var(--radius-sm) - 2px);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;padding:.38rem .85rem;font-family:inherit;font-size:.8rem;font-weight:500}.locale-tab:hover{color:var(--text-secondary);background:#ffffff08}.locale-tab.is-active{background:var(--accent);color:var(--bg-page);border-color:#0000;font-weight:600}.locale-header{flex-direction:column;gap:.75rem;margin-bottom:.5rem;display:flex}.file-input-wrapper{margin-top:.5rem;position:relative}.file-input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.file-input-label{cursor:pointer;align-items:center;gap:1rem;display:flex}.file-input-button{border-radius:var(--radius-sm);color:var(--bg-page);background:var(--accent);transition:all var(--transition-base);white-space:nowrap;border:none;justify-content:center;align-items:center;padding:.55rem 1.2rem;font-size:.88rem;font-weight:600;display:inline-flex}.file-input-label:hover .file-input-button{background:var(--accent-strong);transform:translateY(-1px);box-shadow:0 3px 12px #d4a43a2e}.file-input-button:active{transform:translateY(0)}.file-input-text{color:var(--text-secondary);flex:1;font-size:.88rem}.form-actions{flex-direction:column;gap:1rem;padding-top:.5rem;display:flex}.form-actions__buttons{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.loading-spinner{justify-content:center;align-items:center;display:inline-flex}.loading-spinner svg{color:var(--accent);animation:1s linear infinite spin}.loading-spinner__arc{stroke-linecap:round}@media (max-width:940px){.card{padding:2rem}.landing-card{padding:1.75rem 2rem}}@media (max-width:600px){.card{padding:1.5rem 1.25rem}.landing-card{gap:1.25rem;padding:1.5rem 1.25rem}.landing-header{flex-direction:column;align-items:flex-start;gap:1rem}.landing-header .card-subtitle{max-width:none}.landing-auth{justify-content:flex-start;width:100%}.landing-auth-name{flex:1;max-width:none}.landing-auth-logout{margin-left:auto}.panel{padding:1.25rem 1rem}.form-actions__buttons{flex-direction:column;width:100%}.form-actions__buttons button{width:100%}.panel--row{flex-direction:column;align-items:flex-start}.locale-tabs{justify-content:center;width:100%}.locale-tab{text-align:center;flex:1}}@media (prefers-contrast:high){.panel,.card,.action-button,.glass-button{border-width:2px}}@keyframes slideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
.hero-preview-container{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);background:#111827b3;border:1px solid #60a5fa26;margin-top:1rem;padding:1.5rem}.hero-preview-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.hero-preview-controls{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.hero-preview-control-group{align-items:center;gap:.75rem;display:flex}.hero-preview-label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.hero-preview-brand-tabs{border-radius:var(--radius-sm);background:#0f172a80;border:1px solid #60a5fa1f;gap:.5rem;padding:.25rem;display:flex}.hero-preview-brand-tab{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;padding:.4rem .9rem;font-size:.85rem;font-weight:500;transition:all .2s}.hero-preview-brand-tab:hover{color:var(--text-primary);background:#60a5fa1a}.hero-preview-brand-tab.active{color:var(--text-primary);background:#60a5fa26}.hero-preview-locale-select{border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;background:#0f172a99;border:1px solid #60a5fa33;padding:.4rem .75rem;font-size:.85rem;transition:all .2s}.hero-preview-locale-select:hover{background:#0f172ab3;border-color:#60a5fa4d}.hero-preview-locale-select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #3b82f633}.hero-preview-domain{align-items:center;gap:.5rem;font-size:.85rem;display:flex}.hero-preview-domain-label{color:var(--text-secondary)}.hero-preview-domain-url{color:var(--accent);font-weight:500}.hero-preview-content{position:relative}.hero-preview-mockup{border-radius:var(--radius-md);background:var(--bg-page);border:1px solid;overflow:hidden;box-shadow:0 8px 32px #0000004d}.hero-preview-browser-bar{background:#0f172acc;border-bottom:1px solid #60a5fa1a;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.hero-preview-browser-dots{gap:.4rem;display:flex}.hero-preview-browser-dots span{background:#94a3b866;border-radius:50%;width:.5rem;height:.5rem}.hero-preview-browser-url{border-radius:var(--radius-sm);color:var(--text-secondary);background:#0f172a99;flex:1;padding:.35rem .75rem;font-family:monospace;font-size:.75rem}.hero-preview-page-layout{background:#fff;flex-direction:row;min-height:100vh;display:flex;position:relative}.hero-preview-hero-section{z-index:1;background:#fff;align-items:flex-end;width:50%;height:100vh;padding:40px;display:flex;position:fixed;top:0;left:0;overflow:hidden}.hero-preview-image-wrapper{position:absolute;inset:0;overflow:hidden}.hero-preview-image{object-fit:cover;object-position:50% 50%;width:100%;height:100%}.hero-preview-carousel{z-index:0;position:absolute;inset:0;overflow:hidden}.hero-preview-slide{opacity:0;will-change:opacity,transform;background-position:50%;background-repeat:no-repeat;background-size:cover;transition:opacity 1.2s ease-in-out,transform 12s;position:absolute;inset:0;transform:scale(1.02)}.hero-preview-slide.is-active{opacity:1;transform:scale(1)}.hero-preview-gradient-overlay{z-index:1;pointer-events:none;height:400px;position:absolute;bottom:0;left:0;right:0}.hero-preview-image-placeholder{color:var(--text-secondary);z-index:0;background:linear-gradient(135deg,#3b82f61a 0%,#8b5cf61a 100%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.hero-preview-image-placeholder-icon{opacity:.5;margin-bottom:1rem;font-size:3rem}.hero-preview-image-placeholder p{margin:0;font-size:.9rem}.hero-preview-text-overlay{text-align:left;z-index:2;color:#fff;width:min(92%,540px);max-width:none;text-shadow:none;font-family:Inter,sans-serif;position:absolute;bottom:clamp(96px,18vh,220px);left:calc(50% + 3vw);transform:translate(-50%)}.hero-preview-title{color:#fff;margin:0 0 20px;font-size:48px;font-weight:400;line-height:1.2}.hero-preview-title em{color:#fff;font-style:italic}.hero-preview-subtitle{color:#fff;margin:0;font-size:16px;font-weight:400;line-height:1.4}.hero-preview-subtitle em{color:#fff;font-style:italic}.hero-preview-placeholder{text-align:left;color:#fff;padding:0}.hero-preview-placeholder p{text-shadow:0 1px 6px #0006;margin:.5rem 0}.hero-preview-placeholder-hint{opacity:.8;font-size:.85rem}.hero-preview-login-section{z-index:1;background:#fff;flex-direction:column;justify-content:center;align-items:center;width:50%;min-height:100vh;margin-left:50%;padding:40px 80px 20px;display:flex;position:relative;overflow-y:auto}.hero-preview-login-content{flex-direction:column;flex:none;justify-content:flex-start;align-items:center;width:100%;max-width:400px;display:flex}.hero-preview-logo{justify-content:center;align-items:center;width:100%;margin-bottom:50px;display:flex}.hero-preview-logo-icon{object-fit:contain;width:auto;height:32px;display:block}.hero-preview-logo-text{display:none}.hero-preview-logo--dual{justify-content:center;align-items:center;gap:1rem;display:flex}.hero-preview-logo--dual .hero-preview-logo-icon{height:50px}.hero-preview-logo--dual .hero-preview-logo-icon--secondary{height:75px}.hero-preview-login-title{color:#3d3d3d;margin:0 0 20px;font-family:Inter,sans-serif;font-size:32px;font-weight:400;line-height:1.3}.hero-preview-login-form{flex-direction:column;gap:0;width:100%;display:flex}.hero-preview-form-field{flex-direction:column;gap:.5rem;margin-bottom:16px;display:flex}.hero-preview-form-field label{color:#3d3d3d;letter-spacing:.16px;margin-bottom:8px;font-size:16px;font-weight:500;line-height:1.2;display:block}.hero-preview-input-mock{color:#3d3d3d;background:#fff;border:2px solid #ddd;border-radius:8px;width:100%;padding:16px;font-family:Inter,sans-serif;font-size:16px}.hero-preview-checkbox-mock{cursor:pointer;border-radius:12px;align-items:center;width:fit-content;margin-top:25px;padding:4px 8px;transition:background-color .2s;display:flex;position:relative}.hero-preview-checkbox-mock:hover{background-color:#0000000d}.hero-preview-checkbox{appearance:none;cursor:pointer;background-color:#ddd;border:none;border-radius:12px;width:44px;height:24px;margin:0 .75rem 0 0;transition:background-color .3s;position:relative;transform:translateY(-.07rem)}.hero-preview-checkbox:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:transform .3s;position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #0000001a}.hero-preview-checkbox:checked{background-color:var(--brand-color,#ff7200)}.hero-preview-checkbox:checked:before{transform:translate(20px)}.hero-preview-checkbox-mock span{letter-spacing:.14px;font-size:14px;line-height:1.2}.hero-preview-button-mock{color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;margin-top:10px;margin-bottom:10px;padding:16px;font-family:Inter,sans-serif;font-size:16px;font-weight:600;transition:background-color .2s}.hero-preview-button-mock:hover{background-color:var(--brand-hover,#b34d00)}.hero-preview-login-links{justify-content:space-between;align-items:baseline;width:100%;margin-top:8px;display:flex}.hero-preview-login-links span{color:#3d3d3d;cursor:pointer;border-bottom:1.5px solid;margin:0;padding:0 0 2px;font-size:14px;line-height:1.2;text-decoration:none;display:inline-block}.hero-preview-login-links span:hover{text-decoration:none}.hero-preview-modal-overlay{-webkit-backdrop-filter:blur(8px);background:#000000f2;justify-content:stretch;align-items:stretch;margin:0;padding:0;animation:.2s fadeIn;display:flex;z-index:99999!important;width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important;position:fixed!important;inset:0!important}.hero-preview-modal-content{background:var(--bg-surface);box-shadow:none;box-sizing:border-box;border:none;border-radius:0;flex-direction:column;margin:0;padding:0;animation:.3s slideUp;display:flex;position:relative;overflow:hidden;width:100vw!important;min-width:100vw!important;max-width:100vw!important;height:100vh!important;min-height:100vh!important;max-height:100vh!important}.hero-preview-modal-controls-overlay{z-index:10000;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex;position:absolute;top:1rem;left:1rem;right:1rem}.hero-preview-modal-controls{-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-sm);background:#0f172ae6;border:1px solid #60a5fa4d;flex-wrap:wrap;align-items:center;gap:1.5rem;padding:.75rem 1rem;display:flex;box-shadow:0 4px 12px #0000004d}.hero-preview-modal-close{-webkit-backdrop-filter:blur(10px);color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;background:#0f172ae6;border:1px solid #60a5fa4d;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;padding:0;font-size:1.25rem;transition:all .2s;display:flex;box-shadow:0 4px 12px #0000004d}.hero-preview-modal-close:hover{color:var(--text-primary);border-color:var(--accent);background:#60a5fa1a}.hero-preview-modal-body{box-sizing:border-box;flex:1;justify-content:stretch;align-items:stretch;padding:0;display:flex;overflow:hidden}.hero-preview-modal-body .hero-preview-container{border-radius:0;flex-direction:column;width:100%;height:100%;margin:0;padding:0;display:flex}.hero-preview-modal-body .hero-preview-header{display:none}.hero-preview-modal-body .hero-preview-content{flex:1;justify-content:stretch;align-items:stretch;width:100%;height:100%;min-height:0;display:flex;position:relative}.hero-preview-modal-body .hero-preview-mockup{border-radius:0;flex-direction:column;width:100%;height:100%;display:flex;position:relative}.hero-preview-modal-body .hero-preview-browser-bar{display:none}.hero-preview-modal-body .hero-preview-page-layout{background:#fff;flex-direction:row;flex:1;height:100%;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-preview-modal-body .hero-preview-hero-section{z-index:0;box-sizing:border-box;background:#fff;align-items:flex-end;width:50%;height:100vh;padding:40px;display:flex;position:fixed;top:0;left:0;overflow:hidden}.hero-preview-modal-body .hero-preview-login-section{z-index:1;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:transparent transparent;background:#fff;flex-direction:column;justify-content:center;align-items:center;width:50%;height:100vh;min-height:100vh;padding:40px 80px 20px;display:flex;position:fixed;top:0;right:0;overflow:hidden auto}.hero-preview-modal-body .hero-preview-login-section::-webkit-scrollbar{background:0 0;width:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:720px){.hero-preview-header{flex-direction:column;align-items:flex-start}.hero-preview-controls{flex-direction:column;align-items:flex-start;width:100%}.hero-preview-page-layout{flex-direction:column;min-height:auto}.hero-preview-hero-section{min-height:300px}.hero-preview-text-overlay{padding:2rem 1.5rem}.hero-preview-login-section{flex:1;padding:2rem 1.5rem}}@media (prefers-reduced-motion:reduce){.hero-preview-slide{transition:opacity .01ms!important}}
.existing-images-section{margin-bottom:1.5rem}.existing-images-section__title{color:var(--text-primary);letter-spacing:-.01em;margin:0 0 .75rem;font-size:.92rem;font-weight:600}.existing-images-list{flex-direction:column;gap:.5rem;display:flex}.existing-image-item{background:var(--bg-page);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:.85rem;padding:.7rem 1rem;display:flex}.existing-image-item:hover{border-color:var(--border-strong);background:var(--bg-elevated)}.existing-image-item input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--accent);cursor:pointer;flex-shrink:0}.existing-image-item__name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;font-family:var(--font-mono);flex:1;font-size:.82rem;overflow:hidden}.file-upload-section{margin-bottom:1rem}.uploaded-images-list{flex-direction:column;gap:.5rem;margin:1.25rem 0 0;padding:0;list-style:none;display:flex}.uploaded-image-item{background:var(--success-bg);border:1px solid var(--success-border);border-radius:var(--radius-xs);justify-content:space-between;align-items:center;gap:1rem;padding:.7rem 1rem;display:flex}.uploaded-image-item__name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-family:var(--font-mono);flex:1;overflow:hidden}.uploaded-image-item__remove{border:1px solid var(--error-border);color:var(--error);border-radius:var(--radius-xs);cursor:pointer;transition:all var(--transition-fast);background:0 0;padding:.3rem .65rem;font-family:inherit;font-size:.78rem;font-weight:500}.uploaded-image-item__remove:hover{background:var(--error-bg);border-color:var(--error)}.carousel-order-section{border-top:1px solid var(--border-subtle);margin-top:1.75rem;padding-top:1.75rem}.carousel-order-section__title{color:var(--text-primary);letter-spacing:-.01em;margin:0 0 .5rem;font-size:.92rem;font-weight:600}.carousel-order-list{flex-direction:column;gap:.5rem;margin-top:.85rem;display:flex}.carousel-order-item{background:var(--bg-page);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);transition:all var(--transition-fast);align-items:center;gap:.85rem;padding:.7rem 1rem;display:flex}.carousel-order-item--selected{background:var(--accent-glow);border-color:var(--accent);border-left:3px solid var(--accent)}.carousel-order-item__controls{flex-direction:column;gap:.15rem;display:flex}.carousel-order-item__move-btn{background:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:var(--radius-xs);cursor:pointer;width:1.5rem;height:1.2rem;transition:all var(--transition-fast);justify-content:center;align-items:center;padding:0;font-size:.6rem;display:flex}.carousel-order-item__move-btn:hover:not(:disabled){background:var(--accent-glow);color:var(--accent);border-color:var(--border-accent)}.carousel-order-item__move-btn:disabled{opacity:.25;cursor:not-allowed}.carousel-order-item__info{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;font-family:var(--font-mono);flex:1;font-size:.82rem;overflow:hidden}.carousel-order-item__tag{color:var(--text-muted);font-size:.78rem;font-style:normal;font-family:var(--font-display)}.carousel-order-item__selected-label{color:var(--accent-text);font-size:.78rem;font-weight:600;font-family:var(--font-display);margin-left:.25rem}.carousel-order-item__select-btn{flex-shrink:0;padding:.3rem .65rem;font-size:.78rem}.carousel-order-item__select-btn--active{background:var(--accent-glow);border-color:var(--accent);color:var(--accent-text)}.carousel-settings{flex-direction:column;gap:.75rem;display:flex}.carousel-toggle{width:fit-content}.fallback-image-list{flex-direction:column;gap:.5rem;margin-top:.65rem;display:flex}.fallback-image-item{background:var(--bg-page);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:.85rem;padding:.7rem 1rem;display:flex}.fallback-image-item:hover{border-color:var(--border-strong);background:var(--bg-elevated)}.fallback-image-item--selected{background:var(--accent-glow);border-color:var(--accent);border-left:3px solid var(--accent)}.fallback-image-item input[type=radio]{width:1rem;height:1rem;accent-color:var(--accent);cursor:pointer;flex-shrink:0}.image-thumbnail{border-radius:var(--radius-xs);border:1px solid var(--border-subtle);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-shrink:0;width:42px;height:42px}@media (max-width:600px){.carousel-order-item{flex-wrap:wrap}.carousel-order-item__info{flex-basis:calc(100% - 3rem);order:1}.carousel-order-item__select-btn{order:2;width:100%;margin-top:.5rem}.existing-image-item,.uploaded-image-item,.carousel-order-item,.fallback-image-item{padding:.6rem .75rem}}
.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100000;background:var(--accent-strong);color:var(--text-primary);border-radius:var(--radius-sm);transition:top var(--transition-fast);padding:.75rem 1.5rem;font-weight:600;text-decoration:none;position:absolute;top:-100%;left:50%;transform:translate(-50%)}.skip-link:focus{outline:2px solid var(--accent);outline-offset:2px;top:1rem}:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.loading-spinner svg{animation:none}}