@import"https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;600;700&display=swap";:root{font-family:Work Sans,system-ui,sans-serif;line-height:1.5;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background:#000;color:#fff;display:block}:root{--bg: #000;--bg-card: #0d0d0d;--bg-hover: #151515;--bg-active: #1a1a1a;--text: #fff;--text-secondary: #aaa;--text-muted: #666;--accent: #00ff88;--accent-dim: rgba(0,255,136,.12);--red: #ff4444;--border: #1a1a1a;--border-hover: #2a2a2a;--radius: 10px;--radius-sm: 4px;--radius-pill: 999px;--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.5rem;--space-2xl: 2rem;--space-3xl: 3rem;--transition: .18s ease}:root[data-theme=light]{--bg: #ffffff;--bg-card: #f6f6f6;--bg-hover: #f1f1f1;--bg-active: #eaeaea;--border: #e2e2e2;--border-hover: #d2d2d2;--text: #111111;--text-secondary: #444444;--text-muted: #666666;--accent: #00a858;--accent-dim: rgba(0,168,88,.12)}:root[data-theme=light] .btn-option.active{background:var(--accent-dim);color:var(--text);border-color:var(--accent)}:root[data-theme=light] .btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}:root[data-theme=light] .btn-primary:hover{background:#008c4a;border-color:#008c4a}:root[data-theme=light] .tag-chip.active{background:var(--accent-dim);border-color:var(--accent);color:var(--text)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:Work Sans,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased}#root{min-height:100vh}#root{width:100%}.app{height:100vh;display:flex;flex-direction:column;width:100%}.header{display:flex;align-items:center;justify-content:center;padding:1.25rem 2.5rem;border-bottom:1px solid var(--border);background:var(--bg);position:sticky;top:0;z-index:100}.header-title{text-align:center}.header-title h1{letter-spacing:-.03em}.brand-title{font-size:2.25rem;font-weight:700;letter-spacing:-.05em;line-height:1.05}.byline{color:var(--text-secondary);font-weight:600;position:relative;display:inline-block;text-shadow:0 0 8px rgba(0,255,136,.3),0 0 20px rgba(0,255,136,.15);animation:bylineTextGlow 3s ease-in-out infinite}.byline:before{content:"";position:absolute;top:50%;left:50%;width:200%;height:300%;transform:translate(-50%,-50%);background:radial-gradient(ellipse at center,rgba(0,255,136,.15) 0%,rgba(0,255,136,.05) 40%,transparent 70%);border-radius:50%;z-index:-1;animation:bylineGlow 3s ease-in-out infinite;pointer-events:none}@keyframes bylineTextGlow{0%,to{text-shadow:0 0 8px rgba(0,255,136,.3),0 0 20px rgba(0,255,136,.15)}50%{text-shadow:0 0 12px rgba(0,255,136,.5),0 0 30px rgba(0,255,136,.25)}}@keyframes bylineGlow{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}}@media(prefers-reduced-motion:reduce){.byline{animation:none;text-shadow:0 0 8px rgba(0,255,136,.3)}.byline:before{animation:none;opacity:.5}}.tagline-sep{padding:0 .45rem;color:var(--text-muted)}.magic-halo{text-shadow:0 0 10px var(--accent-dim),0 0 28px var(--accent-dim);animation:magicHalo 4.2s ease-in-out infinite}@keyframes magicHalo{0%,to{text-shadow:0 0 10px var(--accent-dim),0 0 28px var(--accent-dim)}50%{text-shadow:0 0 16px var(--accent-dim),0 0 40px var(--accent-dim)}}@media(prefers-reduced-motion:reduce){.magic-halo{animation:none}}.tagline{font-size:.8125rem;color:var(--text-muted);margin-top:.15rem}.header-credits{position:absolute;right:2.5rem;font-size:.8125rem;color:var(--text-secondary);font-weight:600;-webkit-user-select:text;user-select:text}.background-jobs-indicator{position:absolute;right:10rem;display:flex;align-items:center;gap:.4rem;padding:.35rem .75rem;background:var(--accent);color:#fff;border-radius:1rem;font-size:.75rem;font-weight:600;animation:pulse-glow 2s infinite}.jobs-spinner{width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.connection-status-indicator{position:absolute;right:16rem;display:flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600}.connection-status-indicator.offline{background:#ff6b6b;color:#fff}.connection-status-indicator.reconnecting{background:#ffa726;color:#fff;animation:pulse-glow 2s infinite}.status-spinner{width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.status-icon{font-size:1rem;line-height:1}.status-text{line-height:1}.jobs-count{min-width:1ch;text-align:center}@keyframes pulse-glow{0%,to{box-shadow:0 0 rgba(var(--accent-rgb),.4)}50%{box-shadow:0 0 0 6px rgba(var(--accent-rgb),0)}}@media(max-width:720px){.header-credits{right:1rem;font-size:.75rem}.background-jobs-indicator{left:4.25rem;right:auto;padding:.3rem .5rem;font-size:.7rem;gap:.3rem}.connection-status-indicator{left:7.25rem;right:auto;padding:.3rem .5rem;font-size:.7rem;gap:.3rem}}@media(max-width:400px){.background-jobs-indicator .jobs-count,.connection-status-indicator .status-text{display:none}.background-jobs-indicator,.connection-status-indicator{padding:.35rem;border-radius:50%}}.app-body{flex:1;display:grid;grid-template-columns:var(--sidebar-w, 260px) 8px 1fr;min-height:0;overflow:hidden;position:relative}.sidebar-resizer{cursor:col-resize;background:transparent;position:relative}.sidebar-resizer:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;transform:translate(-50%);background:var(--border);opacity:1}.sidebar-resizer:hover:after{opacity:1}.sidebar{background:var(--bg);padding:1.25rem;display:flex;flex-direction:column;gap:1rem;min-height:0;overflow:visible;position:relative}.panel-collapse{border:1px solid var(--border);background:var(--bg-card);color:var(--text);border-radius:var(--radius-pill);width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition);font-weight:800;font-size:.9375rem;line-height:1;position:absolute;top:50%;transform:translateY(-50%);z-index:10}.panel-collapse:hover{background:var(--bg-hover);border-color:var(--border-hover)}.sidebar-collapse{left:calc(var(--sidebar-w, 260px) + 4px - 14px);z-index:100}.tools-collapse{right:calc(var(--tools-w, 380px) - 14px)}.sidebar.is-collapsed{padding:.75rem .5rem}.sidebar.is-collapsed .sidebar-section{display:none}.sidebar-inner{display:flex;flex-direction:column;gap:1rem;flex:1;overflow:auto;min-height:0}.sidebar-bottom{margin-top:auto}.sidebar-section{display:flex;flex-direction:column;gap:.5rem}.sidebar-title{font-size:.78rem;color:var(--text-muted);text-transform:lowercase;letter-spacing:.08em;padding:.25rem}.nav-item{width:100%;text-align:left;padding:.75rem 1rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);color:var(--text);cursor:pointer;transition:all var(--transition);font-family:inherit;font-size:.875rem;font-weight:600}.nav-item:hover{background:var(--bg-hover);border-color:var(--border-hover)}.nav-item.active{background:var(--bg-active);border-color:var(--text-muted)}.content{min-width:0;background:var(--bg);min-height:0;height:100%;overflow:auto}.breadcrumb{display:flex;align-items:center;gap:0;padding:.5rem 1rem;font-size:.8125rem;color:var(--text-secondary);border-bottom:1px solid var(--border);background:var(--bg);flex-shrink:0}.breadcrumb-item{background:none;border:none;color:var(--accent);cursor:pointer;padding:.125rem .25rem;font-size:inherit;font-family:inherit;border-radius:var(--radius-sm);transition:background .15s}.breadcrumb-item:hover{background:var(--bg-hover)}.breadcrumb-current{color:var(--text-primary);cursor:default;pointer-events:none}.breadcrumb-sep{margin:0 .25rem;opacity:.4}@media(max-width:640px){.breadcrumb{padding:.375rem .75rem;font-size:.75rem}}.workspace{display:grid;grid-template-columns:minmax(300px,1fr) 8px var(--tools-w, 380px);min-height:0;height:100%;position:relative;overflow-x:auto}.workspace-resizer{cursor:col-resize;background:transparent;position:relative}.workspace-resizer:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;transform:translate(-50%);background:var(--border);opacity:1}.workspace-resizer:hover:after{opacity:1}.canvas-panel{padding:1.5rem;display:flex;flex-direction:column;gap:1rem;min-height:0;overflow:hidden;position:relative}.canvas-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem}.canvas-toggle{display:flex;gap:.5rem}.canvas-project{display:flex;flex-direction:column;align-items:flex-end;gap:.15rem}.canvas-project.muted{color:var(--text-muted);font-weight:600}.canvas-project-name{font-weight:700}.canvas-project-id{color:var(--text-muted);font-size:.78rem}.canvas-dropzone{flex:1;min-height:200px;max-height:calc(100vh - 280px);overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.upload-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;z-index:9999;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.upload-spinner{width:48px;height:48px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}.upload-text{color:var(--text);font-size:.9375rem;font-weight:600}.tools-panel{min-height:0;overflow:auto;overflow-x:hidden}.tools-panel .panel-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.tools-panel .panel-header h2{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tools-panel.is-collapsed{overflow:hidden}.tools-panel.is-collapsed .panel-header{justify-content:flex-end}.tools-panel.is-collapsed .panel-header h2,.tools-panel.is-collapsed .setting-group,.tools-panel.is-collapsed .generate-section,.tools-panel.is-collapsed .status-message{display:none}.ratio-group{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.ratio-group .btn-option{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:.625rem .375rem;font-size:.75rem}@media(max-width:520px){.ratio-group{grid-template-columns:repeat(2,minmax(0,1fr))}}.tools-panel .btn-group{flex-wrap:wrap;min-width:0}.tools-panel .btn-option{min-width:0}.tools-panel .text-input,.tools-panel .prompt-input{max-width:100%}.btn-group-stretch{flex-wrap:wrap}.btn-group-stretch .btn-option{min-width:0;flex:1 1 auto;white-space:nowrap;padding:.5rem .75rem;font-size:.75rem}@media(max-width:560px){.btn-group-stretch{flex-wrap:wrap;gap:.5rem}.btn-group-stretch .btn-option{flex:1 1 calc(50% - .25rem);min-width:80px;justify-content:center}}.canvas-video{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:calc(var(--radius) - 2px);background:var(--bg-card)}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}@media(max-width:900px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.project-grid{grid-template-columns:1fr}}.project-tile{display:flex;align-items:stretch;gap:.75rem;padding:.75rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);color:var(--text);cursor:pointer;transition:all var(--transition);text-align:left;flex:1}.project-tile-wrapper{position:relative;display:flex}.project-tile-wrapper:hover .project-delete-btn{opacity:1}.project-delete-btn{position:absolute;top:-6px;right:-6px;width:28px;height:28px;border-radius:50%;background:var(--red);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition);z-index:10}.project-delete-btn svg{width:20px;height:20px}.project-delete-btn:hover{background:#f22;transform:scale(1.1)}.project-tile:hover{background:var(--bg-hover);border-color:var(--border-hover)}.project-tile.active{background:var(--bg-active);border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 12px #00ff8826}.project-thumb{width:72px;height:56px;border-radius:calc(var(--radius) - 4px);overflow:hidden;background:var(--bg-card);border:1px solid var(--border);flex:0 0 auto}.project-thumb img{width:100%;height:100%;object-fit:cover;display:block}.project-thumb-empty{width:100%;height:100%;background:var(--bg-card);display:flex;align-items:center;justify-content:center}.thumb-placeholder{font-size:1.5rem;opacity:.4}.project-info{min-width:0;display:flex;flex-direction:column;gap:.25rem}.project-title{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-date{font-size:.78rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-badges{display:flex;gap:.35rem;flex-wrap:wrap}.project-badge{font-size:.6rem;font-weight:700;width:18px;height:18px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center}.project-badge.badge-s{background:#0f8;color:#000}.project-badge.badge-c{background:#0af;color:#000}.project-badge.badge-n{background:#fa0;color:#000}.project-badge.badge-m{background:#f6f;color:#000}.project-badge.badge-r{background:#f73;color:#000}.project-badge.badge-t{background:#f48;color:#fff}.project-badge.badge-f{background:#a855f7;color:#fff}.panel{background:var(--bg);padding:2rem 2.25rem;display:flex;flex-direction:column;gap:1.5rem}.panel h2{font-size:.9375rem;font-weight:600;color:var(--text-secondary);text-transform:lowercase;letter-spacing:.06em;padding-bottom:.875rem;border-bottom:1px solid var(--border)}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-bottom:.875rem;margin-bottom:.5rem;border-bottom:1px solid var(--border)}.panel-header h2{padding:0;margin:0;border:none}.panel-settings{background:var(--bg-card)}.dropzone{border:2px dashed var(--border-hover);border-radius:var(--radius);min-height:260px;max-height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition);background:var(--bg-card)}.dropzone:hover{border-color:var(--text-muted);background:var(--bg-hover)}.dropzone.has-image{padding:0;border-style:solid;border-color:var(--border);height:100%}.dropzone-content{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem}.dropzone-icon{width:48px;height:48px;color:var(--text-muted)}.dropzone:hover .dropzone-icon{color:var(--text-muted)}.dropzone-icon svg{width:100%;height:100%}.dropzone-text{font-size:.9375rem;color:var(--text-muted);text-align:center;line-height:1.5}.preview-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:calc(var(--radius) - 2px);background:var(--bg-card)}.dimensions-badge{position:absolute;top:8px;left:8px;background:#000000b3;color:#fff;padding:4px 10px;border-radius:var(--radius);font-size:11px;font-weight:600;font-family:var(--font-mono, monospace);z-index:10;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dimensions-badge .dimensions-label{color:#fff9;font-weight:400}.preview-image{max-width:100%;max-height:min(100%,calc(100vh - 320px));width:auto;height:auto;object-fit:contain;display:block;transition:all .3s ease}.preview-image.clickable-image{cursor:zoom-in}.preview-image.clickable-image:hover{opacity:.95}.mask-canvas{position:absolute;z-index:6;touch-action:none;cursor:crosshair;transition:opacity .3s ease}.ratio-1-1{aspect-ratio:1/1}.ratio-16-9{aspect-ratio:16/9}.ratio-9-16{aspect-ratio:9/16;max-height:70vh}.ratio-1-1 .preview-image,.ratio-16-9 .preview-image,.ratio-9-16 .preview-image,.ratio-original .preview-image{object-fit:contain}.aspect-guide{position:absolute;top:0;left:0;right:0;bottom:0;border:2px solid var(--border-hover);pointer-events:none;z-index:5}.loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;background:#00000085;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#fff;text-align:center;padding:1rem;z-index:8}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.loading-phrase{font-weight:700;letter-spacing:.02em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.25rem;border-radius:var(--radius);border:1px solid var(--border-hover);font-family:inherit;font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition);text-transform:lowercase;text-decoration:none;background:var(--bg-card);color:var(--text)}.btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--text-muted)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn-primary{width:100%;background:var(--accent);color:#000;border-color:var(--accent);font-weight:600}.btn-primary:hover:not(:disabled){background:#00cc6e;border-color:#00cc6e}.btn-secondary{flex:1;font-size:.8125rem;padding:.75rem 1rem}.btn-sm{font-size:.7rem;padding:.4rem .6rem;flex:none}.btn-outline{background:transparent;border-color:var(--border);color:var(--text-muted)}.btn-outline:hover:not(:disabled){border-color:var(--text);color:var(--text)}.btn-generate{width:100%;padding:1rem 1.5rem;font-size:.9375rem;font-weight:700;background:var(--accent);color:#000;border-color:var(--text);display:flex;align-items:center;justify-content:center;gap:.75rem}.btn-cost{font-size:.8125rem;font-weight:600;opacity:.7;padding:.15rem .5rem;background:#00000026;border-radius:var(--radius)}.dashboard{display:flex;align-items:flex-start;justify-content:center;padding:2rem 2.25rem;height:100%;min-height:0}.dashboard-card{width:min(920px,100%);max-height:100%;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;overflow-y:auto}.dashboard-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--border);padding-bottom:1rem;position:sticky;top:-1.5rem;margin:-1.5rem -1.5rem 0;padding:1.5rem 1.5rem 1rem;background:var(--bg-card);z-index:5}.dashboard-head:after{content:"";position:absolute;top:100%;left:0;right:0;height:2rem;background:linear-gradient(to bottom,var(--bg-card),transparent);pointer-events:none}.dashboard-head h2{font-size:1.05rem;font-weight:700;letter-spacing:-.01em}.dashboard-sort{display:flex;align-items:center}.sort-select{font-size:.8125rem;padding:.25rem .5rem;border:1px solid var(--border);border-radius:4px;background:var(--bg);color:var(--text-primary);cursor:pointer;font-family:inherit}.dashboard-meta{color:var(--text-muted);font-size:.8125rem;font-weight:600}.dashboard-sticky-footer{display:flex;flex-direction:column;gap:.5rem;position:sticky;bottom:-1.5rem;margin:-.25rem -1.5rem -1.5rem;padding:1rem 1.5rem 1.5rem;background:var(--bg-card);z-index:5}.dashboard-sticky-footer:before{content:"";position:absolute;bottom:100%;left:0;right:0;height:2.5rem;background:linear-gradient(to bottom,transparent,var(--bg-card));pointer-events:none}.footer{border-top:1px solid var(--border);color:var(--text-muted);font-size:.8125rem;padding:1rem 1.25rem;background:var(--bg);display:flex;justify-content:center}.btn-generate:hover:not(:disabled){background:var(--text-secondary);border-color:var(--text-secondary)}.btn-loading{display:inline-flex;align-items:center;gap:.5rem}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.15);border-top-color:currentColor;border-radius:50%;animation:spin 1s linear infinite}.btn-generate .spinner{border-color:#00000026;border-top-color:var(--bg)}.btn-reveal{width:100%;padding:.875rem 1.25rem;font-size:.9375rem;font-weight:600;background:var(--bg-hover);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:var(--transition)}.btn-reveal:hover:not(:disabled){background:var(--accent-dim);border-color:var(--accent)}.btn-reveal:disabled{opacity:.5;cursor:not-allowed}.btn-reveal .btn-cost{font-size:.75rem;background:#00ff881a}.setting-group{display:flex;flex-direction:column;gap:.875rem}.panel>.setting-group+.setting-group{border-top:1px solid var(--border)}.setting-group label{font-size:.8125rem;font-weight:600;color:var(--text-muted);text-transform:lowercase;letter-spacing:.03em}.setting-hint{font-size:.7rem;color:var(--text-muted);opacity:.7;margin:-.5rem 0 0;font-weight:400}.field-label{display:block;font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:lowercase;letter-spacing:.03em;margin-bottom:.375rem}.selection-info{display:flex;align-items:center;gap:.5rem}.selection-badge{background:var(--accent);color:#fff;padding:.25rem .5rem;border-radius:var(--radius);font-size:.875rem;font-weight:700}.selection-text{color:var(--text-secondary);font-size:.875rem}.auth-gate{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.auth-main{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden}.auth-main:before{content:"";position:absolute;top:50%;left:50%;width:1000px;height:1000px;background:radial-gradient(circle,rgba(0,255,136,.18) 0%,rgba(0,255,136,.2) 25%,rgba(0,255,136,.04) 45%,transparent 65%);transform:translate(-50%,-50%);animation:authGlow 4s ease-in-out infinite;pointer-events:none}@keyframes authGlow{0%,to{opacity:.8;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.25)}}@media(prefers-reduced-motion:reduce){.auth-main:before{animation:none;opacity:.7}}.login-container{width:100%;max-width:400px;position:relative;z-index:1}.login-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:1rem;overflow:hidden;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff0d,0 0 60px #00ff880d}.login-header{padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--border);text-align:center}.login-header h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--text)}.login-content{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.login-field{display:flex;flex-direction:column;gap:.375rem}.login-label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:lowercase;letter-spacing:.03em}.login-btn{margin-top:.5rem;width:100%;padding:.875rem 1rem;font-size:.9375rem;font-weight:600}.login-status{text-align:center;font-size:.8125rem;padding:.75rem;border-radius:var(--radius);margin-top:.25rem}.login-status.success{background:#22c55e1a;color:#22c55e}.login-status.error{background:#ef44441a;color:#ef4444}.password-requirements{display:flex;flex-wrap:wrap;gap:.25rem .5rem;margin-top:.25rem}.password-requirements span{font-size:.65rem;color:var(--text-muted);opacity:.5;transition:opacity .2s,color .2s}.password-requirements span.met{color:var(--accent);opacity:1}.terms-field{margin-top:.5rem}.checkbox-label{display:flex;align-items:flex-start;gap:.5rem;font-size:.75rem;color:var(--text-muted);cursor:pointer;line-height:1.4}.checkbox-label input[type=checkbox]{margin-top:.15rem;accent-color:var(--accent);width:14px;height:14px;flex-shrink:0}.checkbox-label a{color:var(--accent);text-decoration:none}.checkbox-label a:hover{text-decoration:underline}.reset-hint{margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.1)}.reset-hint .link-btn{font-size:.8125rem}.login-footer{padding:1rem 1.5rem;border-top:1px solid var(--border);background:#0003;text-align:center;font-size:.8125rem;color:var(--text-muted);display:flex;flex-direction:column;gap:.6rem;justify-content:center;align-items:center}.login-footer-row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;justify-content:center}.login-footer a{color:var(--accent);text-decoration:none;font-weight:600}.login-footer a:hover{text-decoration:underline}.login-footer-sep{color:var(--text-muted);padding:0 .25rem}.login-footer .footer-link{color:var(--text-muted);font-size:.8125rem}.login-footer .footer-link:hover{color:var(--accent)}.link-btn{background:none;border:none;padding:0;color:var(--accent);font-size:inherit;font-family:inherit;font-weight:600;cursor:pointer;text-decoration:none}.link-btn:hover{text-decoration:underline}.link-btn:disabled{opacity:.5;cursor:not-allowed}.terms-checkbox{display:flex;align-items:flex-start;gap:.5rem;font-size:.8125rem;color:var(--text-muted);cursor:pointer;margin:.25rem 0}.terms-checkbox input[type=checkbox]{margin-top:.2rem;flex-shrink:0;accent-color:var(--accent)}.terms-checkbox .link-btn{font-size:.8125rem}.link-btn-small{background:none;border:none;padding:0;color:var(--text-muted);font-size:.8125rem;font-family:inherit;cursor:pointer;text-decoration:none}.link-btn-small:hover{color:var(--accent);text-decoration:underline}.forgot-password-link{text-align:right;margin-top:.4rem}.verify-info{text-align:center;font-size:.9375rem;color:var(--text-secondary);margin-bottom:1.25rem;line-height:1.6}.verify-info strong{color:var(--text);font-weight:600}.verification-code-input{font-size:1.5rem!important;letter-spacing:.5rem;text-align:center;font-family:monospace;font-weight:600}.verify-actions{text-align:center;margin-top:.75rem}.password-strength{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}.password-strength-bar{flex:1;height:4px;background:var(--border);border-radius:var(--radius-sm);overflow:hidden}.password-strength-fill{height:100%;border-radius:var(--radius-sm);transition:width .2s ease,background .2s ease}.password-strength-bar.weak .password-strength-fill{width:33%;background:#ef4444}.password-strength-bar.medium .password-strength-fill{width:66%;background:#f59e0b}.password-strength-bar.strong .password-strength-fill{width:100%;background:#22c55e}.password-strength-label{font-size:.75rem;font-weight:600;min-width:50px}.password-strength-label.weak{color:#ef4444}.password-strength-label.medium{color:#f59e0b}.password-strength-label.strong{color:#22c55e}.login-hint{text-align:center;font-size:.8125rem;color:var(--text-muted);margin-top:.5rem}.login-hint a{color:var(--accent);text-decoration:none}.login-hint a:hover{text-decoration:underline}.version-selector{background:var(--bg-card);border-radius:var(--radius);padding:.75rem}.version-selector select{width:100%;padding:.625rem 2rem .625rem .875rem;font-size:.8125rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2388888a' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;transition:all var(--transition)}.version-selector select:hover{border-color:var(--border-hover);background-color:var(--bg-hover)}.version-selector select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}select.text-input{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2388888a' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2rem;cursor:pointer}select.text-input:hover{border-color:var(--border-hover)}select.text-input:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.preset-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:.9rem .6rem;min-height:84px;cursor:pointer;transition:all var(--transition);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:var(--text-muted);font-family:inherit}.preset-btn:hover{background:var(--bg-hover);border-color:var(--border-hover)}.preset-btn.active{background:var(--bg-active);border-color:var(--text);color:var(--text)}.preset-icon{width:28px;height:28px}.preset-icon svg{width:100%;height:100%}.preset-label{font-size:.75rem;font-weight:600;text-transform:lowercase}.btn-group{display:flex;gap:.5rem}.btn-option{flex:1;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem 1rem;cursor:pointer;transition:all var(--transition);color:var(--text-muted);font-family:inherit;font-size:.8125rem;font-weight:600;text-transform:lowercase;text-align:center;text-decoration:none;display:flex;align-items:center;justify-content:center}.btn-option:hover{background:var(--bg-hover);border-color:var(--border-hover)}.btn-option.active{background:var(--bg-active);border-color:var(--accent);color:var(--accent)}.quality-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.quality-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:.875rem;cursor:pointer;transition:all var(--transition);display:flex;flex-direction:column;align-items:center;gap:.25rem;font-family:inherit;color:var(--text-muted)}.quality-btn:hover{background:var(--bg-hover);border-color:var(--border-hover)}.quality-btn.active{background:var(--bg-active);border-color:var(--text);color:var(--text)}.quality-name{font-size:.8125rem;font-weight:600;text-transform:lowercase}.quality-price{font-size:.75rem;color:var(--text-muted)}.quality-btn.active .quality-price{color:var(--text-muted)}.resolution-group .btn-option{display:flex;flex-direction:column;align-items:center;gap:.125rem;padding:.5rem .75rem}.resolution-price{font-size:.65rem;color:var(--text-muted);opacity:.8}.btn-option.active .resolution-price{color:var(--accent);opacity:1}.generate-section{margin-top:auto;display:flex;flex-direction:column;gap:.75rem;position:sticky;bottom:-2rem;margin-left:-2.25rem;margin-right:-2.25rem;padding:1rem 2.25rem 2rem;background:var(--bg-card);z-index:5}.generate-section:before{content:"";position:absolute;bottom:100%;left:0;right:0;height:2.5rem;background:linear-gradient(to bottom,transparent,var(--bg-card));pointer-events:none}.cost-hint{text-align:center;font-size:.75rem;color:var(--text-muted);text-transform:lowercase}.method-hint{display:block;margin-top:.5rem;font-size:.75rem;color:var(--text-muted);text-align:center}.slider-label{display:flex;justify-content:space-between;align-items:center}.slider-value{font-weight:600;color:var(--accent)}.zoom-slider{width:100%;height:6px;border-radius:var(--radius-sm);background:var(--bg-card);cursor:pointer;-webkit-appearance:none;appearance:none}.zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid var(--bg);box-shadow:0 2px 4px #0000004d}.zoom-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid var(--bg)}.slider-hints{display:flex;justify-content:space-between;font-size:.65rem;color:var(--text-muted);margin-top:.25rem}.text-input{width:100%;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:.85rem 1rem;color:var(--text);font-family:inherit;font-size:.9375rem;transition:var(--transition)}.text-input:focus{outline:none;border-color:var(--text-muted);background:var(--bg-hover)}.status-badge{padding:.75rem 1rem;border-radius:var(--radius);text-align:center;font-size:.8125rem;font-weight:600;background:var(--accent-dim);color:var(--accent);border:1px solid rgba(0,255,136,.2)}.status-message{padding:.875rem;border-radius:var(--radius);text-align:center;font-size:.8125rem;font-weight:600;background:var(--bg-card);border:1px solid var(--border);animation:pulse 2s infinite;text-transform:lowercase}.status-message.success{background:var(--accent-dim);border-color:#0f83;color:var(--accent);animation:none}.status-message.error{background:#ff44441a;border-color:#f443;color:var(--red);animation:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.video-container{display:flex;flex-direction:column;gap:1rem}.video-player{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:var(--radius);background:var(--bg-card)}.canvas-video.ratio-1-1 .video-player{aspect-ratio:1/1;object-fit:cover}.canvas-video.ratio-16-9 .video-player{aspect-ratio:16/9;object-fit:cover}.canvas-video.ratio-9-16 .video-player{aspect-ratio:9/16;object-fit:cover}.video-actions{display:flex;gap:.5rem;flex-wrap:wrap;align-items:stretch}.checkbox-inline{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted);white-space:nowrap;padding:0 4px}.video-info{display:flex;justify-content:center;gap:.5rem;font-size:.75rem;color:var(--text-muted);text-transform:lowercase}.video-info .dot{color:var(--text-muted)}.history{margin-top:auto;padding-top:1.25rem;border-top:1px solid var(--border)}.history h3{font-size:.7rem;font-weight:600;color:var(--text-muted);text-transform:lowercase;letter-spacing:.05em;margin-bottom:.75rem}.history-list{display:flex;flex-direction:column;gap:.375rem}.history-item{display:flex;justify-content:space-between;align-items:center;padding:.625rem .875rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);font-family:inherit;width:100%;text-align:left}.history-item:hover{background:var(--bg-hover);border-color:var(--border-hover)}.history-time{font-size:.75rem;color:var(--text-muted)}.history-meta{font-size:.75rem;color:var(--text-muted);text-transform:lowercase}.footer{padding:1.25rem 2.5rem;border-top:1px solid var(--border);text-align:center;font-size:.75rem;color:var(--text-muted);text-transform:lowercase;letter-spacing:.02em}.tag-section{display:flex;flex-direction:column;gap:.6rem}.tag-subtitle{font-size:.75rem;color:var(--text-muted);text-transform:lowercase;letter-spacing:.03em}.tag-grid{display:flex;flex-wrap:wrap;gap:.5rem}.tag-chip{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-pill);padding:.5rem .75rem;cursor:pointer;transition:all var(--transition);color:var(--text-muted);font-family:inherit;font-size:.8125rem;font-weight:600;text-transform:lowercase}.tag-chip:hover{background:var(--bg-hover);border-color:var(--border-hover);color:var(--text)}.tag-chip.active{background:var(--bg-active);border-color:var(--accent);color:var(--accent)}.ratio-tags{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:.4rem}.ratio-tags .tag-chip{flex:0 0 auto;padding:.4rem .7rem;font-size:.75rem}.prompt-input{width:100%;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;color:var(--text);font-family:inherit;font-size:.9375rem;resize:vertical;min-height:100px;transition:var(--transition)}.prompt-input:focus{outline:none;border-color:var(--text-muted);background:var(--bg-hover)}.material-descriptions{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.material-input-row{display:flex;align-items:center;gap:.75rem}.material-label{min-width:80px;font-size:.8125rem;font-weight:600;color:var(--text-muted);text-transform:lowercase;letter-spacing:.03em}.material-input{flex:1;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem .75rem;color:var(--text);font-family:inherit;font-size:.8125rem;transition:var(--transition)}.material-input:focus{outline:none;border-color:var(--text-muted);background:var(--bg-hover)}.material-input::placeholder{color:var(--text-muted)}.label-with-action{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.text-btn{background:transparent;border:none;color:var(--text-muted);font:inherit;font-size:.8125rem;font-weight:600;cursor:pointer;padding:0;text-transform:lowercase}.text-btn:hover{color:var(--text)}.prompt-container{position:relative}.prompt-badge{position:absolute;top:10px;right:10px;z-index:5;padding:.35rem .6rem;border-radius:var(--radius-pill);font-size:.7rem;font-weight:700;letter-spacing:.02em;background:var(--accent-dim);color:var(--accent);border:1px solid rgba(0,255,136,.2);text-transform:lowercase}.prompt-hint{font-size:.75rem;color:var(--text-muted);margin-top:.5rem;font-style:italic}.slider{width:100%;height:4px;background:var(--border);border-radius:var(--radius-sm);-webkit-appearance:none;appearance:none;outline:none;margin:1rem 0}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--text);border-radius:50%;cursor:pointer;transition:var(--transition)}.slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.slider-labels{display:flex;justify-content:space-between;color:var(--text-muted);font-size:.8125rem;text-transform:uppercase;letter-spacing:.05em}.upload-progress-bar{height:4px;background:var(--border);border-radius:var(--radius-sm);overflow:hidden;margin-bottom:.5rem}.upload-progress-fill{height:100%;background:var(--accent);transition:width .3s ease}.fixed-upload-indicator{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem 1.25rem;box-shadow:0 4px 20px #0000004d;z-index:1000;min-width:200px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.fixed-upload-content{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem;font-size:.9375rem;color:var(--text)}.fixed-upload-spinner{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}.fixed-upload-progress{height:4px;background:var(--border);border-radius:var(--radius-sm);overflow:hidden}.fixed-upload-fill{height:100%;background:var(--accent);transition:width .3s ease}.fixed-upload-progress.uploading .fixed-upload-fill{animation:upload-pulse 1.5s ease-in-out infinite;opacity:.7}@keyframes upload-pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;transition:all var(--transition);border:2px dashed transparent;border-radius:var(--radius);padding:.5rem;margin:-.5rem}.asset-grid.drag-active{border-color:var(--accent);background:var(--accent-dim)}.asset-tile{position:relative;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem;cursor:pointer;transition:all var(--transition)}.asset-tile:hover{border-color:var(--border-hover);background:var(--bg-hover);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.asset-tile.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-dim)}.asset-thumb{position:relative;aspect-ratio:4/3;min-height:80px;border-radius:var(--radius);overflow:hidden;background:var(--bg-input);margin-bottom:.5rem}.asset-thumb img{width:100%;height:100%;object-fit:cover;display:block}.asset-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:1.5rem}.asset-badge{position:absolute;bottom:4px;right:4px;font-size:.7rem;padding:2px 4px;background:#000000b3;border-radius:var(--radius-sm)}.asset-badge.video{background:var(--accent);color:var(--bg)}.asset-status-icons{position:absolute;bottom:4px;left:4px;display:flex;gap:2px}.status-dot{width:18px;height:18px;font-size:.6rem;font-weight:700;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#000000b3;color:#fff;text-transform:uppercase}.status-dot.staging{background:#0f8;color:#000}.status-dot.clean{background:#0af;color:#000}.status-dot.season{background:#fa0;color:#000}.status-dot.edit{background:#f55;color:#fff}.status-dot.motion{background:#f6f;color:#000}.status-dot.reframe{background:#a855f7;color:#fff}.status-dot.renovate{background:#f73;color:#000}.status-dot.render{background:#22d3ee;color:#000}.status-dot.floorplan{background:#84cc16;color:#000}.status-dot.clip{background:#f472b6;color:#000}.asset-tile:hover .asset-delete{opacity:1}.asset-delete:hover{background:#ff2828}.asset-tile.asset-add{border:2px dashed var(--border);background:transparent;cursor:pointer}.asset-tile.asset-add:hover{border-color:var(--accent);background:var(--bg-hover)}.asset-add-icon{display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--text-muted);background:transparent}.asset-tile.asset-add:hover .asset-add-icon{color:var(--accent)}.asset-tile.asset-add .asset-name{text-align:center;padding-right:0}.asset-empty{grid-column:1/-1;padding:2rem;text-align:center;color:var(--text-muted);font-size:.9375rem}.image-count{position:absolute;bottom:4px;right:4px;background:var(--accent);color:var(--bg);font-size:.65rem;font-weight:700;padding:2px 6px;border-radius:var(--radius-pill);min-width:18px;text-align:center}.back-btn{display:inline-flex;align-items:center;justify-content:center;background:none;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;padding:.25rem;margin-right:.5rem;transition:all var(--transition)}.back-btn:hover{color:var(--text);border-color:var(--text-muted);background:var(--bg-hover)}.back-btn svg{display:block}.thumbnail-strip{display:flex;gap:.5rem;padding:.75rem;background:var(--bg-card);border-top:1px solid var(--border);overflow-x:auto;min-height:80px}.thumbnail-strip::-webkit-scrollbar{height:4px}.thumbnail-strip::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-sm)}.thumb-item{flex:0 0 auto;width:80px;height:60px;border-radius:var(--radius-sm);overflow:hidden;border:2px solid transparent;cursor:pointer;transition:all var(--transition);position:relative}.thumb-item:hover{border-color:var(--border-hover)}.thumb-item.active{border-color:var(--accent)}.thumb-item img{width:100%;height:100%;object-fit:cover}.thumb-item .thumb-badge{position:absolute;bottom:2px;right:2px;font-size:.6rem;background:#000000b3;padding:1px 3px;border-radius:var(--radius-sm)}.thumb-generating-indicator{position:absolute;top:2px;right:2px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;background:#00000080;border-radius:50%;pointer-events:none}.thumb-spinner{width:10px;height:10px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.thumb-add{flex:0 0 auto;width:80px;height:60px;border:2px dashed var(--border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:1.5rem;cursor:pointer;transition:all var(--transition)}.thumb-add:hover{border-color:var(--accent);color:var(--accent)}.strip-toggle{display:block;width:100%;background:var(--bg-card);border:1px solid var(--border);border-top:none;border-radius:0 0 var(--radius-sm) var(--radius-sm);padding:.35rem .75rem;font-size:.7rem;color:var(--text-muted);cursor:pointer;text-align:center;flex-shrink:0}.strip-toggle:hover{background:var(--bg-hover);color:var(--text)}.thumbnail-strip.collapsed{min-height:0;max-height:0;padding:0;overflow:hidden;border:none;transition:all .2s ease}.strip-toggle-wrapper{flex-shrink:0}.mobile-menu-toggle{display:none;position:absolute;left:1rem;top:50%;transform:translateY(-50%);background:transparent;border:1px solid var(--border);border-radius:var(--radius);width:44px;height:44px;cursor:pointer;color:var(--text);padding:0;z-index:110;transition:all var(--transition)}.mobile-menu-toggle:hover{background:var(--bg-hover);border-color:var(--border-hover)}.mobile-menu-toggle svg{width:22px;height:22px;display:block;margin:auto}.mobile-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:200;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;animation:fadeIn .2s ease-out forwards}@media(max-width:1400px){.workspace{display:flex!important;flex-direction:column!important;grid-template-columns:unset!important;overflow-y:auto!important;overflow-x:hidden!important;height:auto!important;min-height:100%}.workspace-resizer,.tools-collapse{display:none!important}.canvas-panel{width:100%!important;flex:0 0 auto!important;overflow:hidden!important;min-height:200px!important;order:1!important}.canvas-dropzone{min-height:200px!important;max-height:55vh!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important}.canvas-dropzone .preview-image,.canvas-dropzone img:not(.reframe-preview-img-forced){max-height:55vh!important;max-width:100%!important;width:auto!important;height:auto!important;object-fit:contain!important}.preview-container{overflow:hidden!important;max-height:55vh!important;display:flex!important;align-items:center!important;justify-content:center!important}.tools-panel{width:100%!important;flex:0 0 auto!important;border-left:none!important;border-top:1px solid var(--border)!important;order:2!important}.tools-panel.is-collapsed{display:none!important}}@media(max-width:1080px){html,body{height:auto;overflow-x:hidden}.app{height:auto;min-height:100vh;overflow:visible}.mobile-menu-toggle{display:flex;align-items:center;justify-content:center}.mobile-overlay{display:block}.header{position:relative;padding:1rem;flex-shrink:0}.header-title{text-align:center;width:100%}.brand-title{font-size:1.5rem}.sidebar{display:none!important;position:fixed;top:0;left:0;bottom:0;width:280px;max-width:85vw;z-index:250;border-right:1px solid var(--border);background:var(--bg);padding-top:1rem}.sidebar.mobile-open{display:flex!important;animation:slideInLeft .25s ease-out}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.panel-collapse,.sidebar-collapse,.tools-collapse,.sidebar-resizer,.workspace-resizer{display:none!important}.app-body{display:block!important;grid-template-columns:none!important;flex:1;overflow:visible}.content{width:100%;min-height:0;overflow:visible}.dashboard,.dashboard-card{padding:1rem}.dashboard-head{top:-1rem;margin:-1rem -1rem 0;padding:1rem 1rem .75rem}.dashboard-sticky-footer{bottom:-1rem;margin:-.25rem -1rem -1rem;padding:.75rem 1rem 1rem}.workspace{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;gap:0;min-height:0;overflow:visible}.workspace-resizer{display:none!important;width:0!important;height:0!important}.canvas-panel{width:100%!important;min-height:auto;padding:1rem;flex-shrink:0}.canvas-dropzone{min-height:200px;max-height:60vh}.canvas-dropzone .preview-image,.canvas-dropzone img:not(.reframe-preview-img-forced){max-height:60vh;width:auto;max-width:100%;object-fit:contain}.ratio-9-16{max-height:60vh}.thumbnail-strip{min-height:70px;max-height:90px;flex-shrink:0;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-padding:0 .75rem}.thumb-item{scroll-snap-align:start}.thumbnail-strip.collapsed{display:none}.strip-toggle{flex-shrink:0}.tools-panel{border-left:none;border-top:1px solid var(--border);padding:1rem;min-height:auto;overflow:visible}.tools-panel.is-collapsed{display:none}.footer{margin-top:auto;flex-shrink:0}.canvas-topbar{flex-wrap:wrap;gap:.5rem}.canvas-toggle{order:1;flex:1}.canvas-project{order:0;flex:1;align-items:flex-start}.tag-grid{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.5rem}.tag-chip{flex:0 0 auto}.preset-grid{grid-template-columns:repeat(2,1fr)}.footer{padding:.5rem;font-size:.65rem}.mobile-hint .desktop-only{display:none}.mobile-hint .mobile-only{display:inline}.generate-section,.tools-panel .panel-actions{position:fixed!important;bottom:0!important;left:0!important;right:0!important;background:var(--bg)!important;border-top:1px solid var(--border)!important;padding:1rem!important;margin:0!important;z-index:100!important;box-shadow:0 -4px 20px #0000004d!important}.tools-panel{padding-bottom:140px!important}.tools-panel:not(:has(.generate-section)):not(:has(.panel-actions)){padding-bottom:1rem!important}.tools-panel.is-collapsed .generate-section,.tools-panel.is-collapsed .panel-actions{display:none}}.mobile-hint .mobile-only{display:none}.mobile-hint .desktop-only{display:inline}.account-panel{display:flex;flex-direction:column;gap:1rem}.account-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.account-card-header{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--bg-hover);border-bottom:1px solid var(--border);font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.account-card-header svg{width:18px;height:18px;flex-shrink:0;color:var(--accent)}.account-card-content{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon svg{position:absolute;left:.875rem;width:18px;height:18px;color:var(--text-muted);pointer-events:none;z-index:1}.input-with-icon .text-input{padding-left:2.75rem}.account-status{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--accent-dim);border:1px solid rgba(0,255,136,.2);border-radius:var(--radius);margin-bottom:.5rem}.account-status-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.account-status-value{font-size:.875rem;font-weight:600;color:var(--accent)}.account-setting-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--border)}.account-setting-row:last-of-type{border-bottom:none}.account-setting-info{display:flex;align-items:flex-start;gap:.75rem;flex:1;min-width:0}.account-setting-info>svg{width:20px;height:20px;flex-shrink:0;color:var(--text-muted);margin-top:2px}.account-setting-info>div{display:flex;flex-direction:column;gap:.25rem;min-width:0}.account-setting-label{font-size:.875rem;font-weight:600;color:var(--text)}.account-setting-hint{font-size:.75rem;color:var(--text-muted)}.btn-toggle{padding:.5rem 1rem;background:var(--bg-hover);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all var(--transition);flex-shrink:0}.btn-toggle:hover{border-color:var(--border-hover);color:var(--text)}.btn-toggle.active{background:var(--accent);border-color:var(--accent);color:var(--bg)}.account-logo-actions{display:flex;gap:.5rem;flex-shrink:0}.btn-upload{cursor:pointer}.btn-remove{padding:.5rem;display:flex;align-items:center;justify-content:center}.btn-remove svg{width:16px;height:16px}.account-logo-preview{display:flex;justify-content:center;padding:1rem;background:var(--bg-hover);border-radius:var(--radius);margin-top:.5rem}.account-logo-preview img{max-width:150px;max-height:80px;object-fit:contain}.account-info-banner{display:flex;align-items:flex-start;gap:.875rem;padding:1rem;background:var(--bg-hover);border:1px solid var(--border);border-radius:var(--radius)}.account-info-banner>svg{width:20px;height:20px;flex-shrink:0;color:var(--text-muted);margin-top:2px}.account-info-banner>div{display:flex;flex-direction:column;gap:.375rem}.account-info-title{font-size:.875rem;font-weight:600;color:var(--text)}.account-info-text{font-size:.8125rem;color:var(--text-muted);line-height:1.5}.account-actions-row{display:flex;gap:.5rem}.password-change-form{display:flex;flex-direction:column;gap:.75rem;padding:.75rem 0 0;border-top:1px solid var(--border)}.profile-form{gap:.875rem}.form-field{display:flex;flex-direction:column;gap:.375rem}.form-label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.form-row{display:flex;gap:.75rem}.form-field-small{flex:0 0 100px}.form-field-grow{flex:1}.text-input-contrast{background:var(--bg)!important;border:1px solid var(--border-hover)!important;color:var(--text)!important}.text-input-contrast::placeholder{color:var(--text-muted);opacity:.7}.text-input-contrast:focus{border-color:var(--accent)!important;box-shadow:0 0 0 2px #00ff8826}.input-error{border-color:var(--danger)!important}.input-error:focus{border-color:var(--danger)!important;box-shadow:0 0 0 2px #ff4d4d26}.form-hint{font-size:.7rem;color:var(--text-muted)}.form-hint-error{color:var(--danger)}.ops-panel{display:flex;flex-direction:column;gap:1rem}.ops-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;padding:.25rem;background:var(--bg-card);border-radius:var(--radius)}.ops-tab{flex:1;padding:.75rem 1rem;background:transparent;border:none;border-radius:calc(var(--radius) - 2px);color:var(--text-muted);font-size:.875rem;cursor:pointer;transition:all .2s ease}.ops-tab:hover{color:var(--text);background:var(--bg-hover)}.ops-tab.active{background:var(--accent);color:#000;font-weight:600}.ops-tab-icon{display:inline-flex;width:16px;height:16px;margin-right:.5rem;vertical-align:middle}.ops-tab-icon svg{width:100%;height:100%}.label-icon{display:inline-flex;width:14px;height:14px;margin-right:.4rem;vertical-align:middle;opacity:.8}.label-icon svg{width:100%;height:100%}.btn-icon{display:inline-flex;width:14px;height:14px;margin-right:.4rem;vertical-align:middle}.btn-icon svg{width:100%;height:100%}.ops-errors{display:flex;flex-wrap:wrap;gap:.5rem}.ops-tab-content{display:flex;flex-direction:column;gap:1.25rem;animation:fadeIn .15s ease}.ops-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.ops-stat-card{display:flex;flex-direction:column;gap:.25rem;padding:1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);text-align:center}.ops-stat-card.highlight{background:linear-gradient(135deg,var(--accent-dim),var(--bg-card));border-color:var(--accent)}.ops-stat-card.warning{background:linear-gradient(135deg,rgba(245,166,35,.15),var(--bg-card));border-color:#f5a623}.ops-stat-card.error{background:linear-gradient(135deg,rgba(229,62,62,.15),var(--bg-card));border-color:var(--error)}.ops-stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.ops-stat-value{font-size:1.3rem;font-weight:700;color:var(--text)}.ops-empty{padding:1.25rem;text-align:center;color:var(--text-muted);font-size:.85rem;opacity:.7}.ops-success-banner{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:var(--accent-dim);border:1px solid rgba(0,255,136,.3);border-radius:var(--radius);color:var(--accent)}.ops-success-icon{font-size:1.25rem;font-weight:600}.ops-revenue-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1rem}.ops-revenue-card{background:var(--bg-card);border-radius:var(--radius-sm);padding:1rem;text-align:center}.ops-revenue-card--highlight{border:2px solid var(--accent);background:#00ff880d}.ops-revenue-label{display:block;font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.25rem}.ops-revenue-value{display:block;font-size:1.3rem;font-weight:700;color:var(--text)}.ops-revenue-card--highlight .ops-revenue-value{color:var(--accent)}.ops-credits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:.75rem}.ops-credits-card{background:var(--bg-hover);border-radius:var(--radius-sm);padding:.75rem;text-align:center}.ops-progress-bar{flex:1;height:6px;background:#333;border-radius:3px;overflow:hidden;display:flex}.ops-progress-bar__fill{height:100%;border-radius:3px;transition:width .3s ease}.ops-progress-bar__fill--success{background:#10b981}.ops-progress-bar__fill--error{background:#ef4444}.ops-progress-bar__fill--warning{background:#f5a623}.ops-module-row{display:flex;align-items:center;gap:.5rem;font-size:.85rem}.ops-module-row__label{width:90px;color:#aaa;flex-shrink:0}.ops-module-row__stats{width:120px;text-align:right;color:#888;font-size:.8rem;flex-shrink:0}.ops-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .5rem;border-radius:.75rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.ops-badge--admin{background:#818cf833;color:#818cf8}.ops-badge--pro{background:#3b82f633;color:#3b82f6}.ops-badge--basic{background:#9ca3af33;color:#9ca3af}.ops-search-input{width:100%;padding:.625rem .75rem;background:var(--bg-hover);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.85rem;transition:border-color .15s}.ops-search-input:focus{border-color:var(--accent);outline:none}.ops-search-input::placeholder{color:var(--text-muted);opacity:.6}.ops-feedback-list{display:flex;flex-direction:column;gap:.75rem}.ops-feedback-card{border-radius:var(--radius-sm);padding:1rem;background:var(--bg-card);border:1px solid var(--border);transition:opacity .15s}.ops-feedback-card--read{opacity:.6}.ops-feedback-card--up{border-left:3px solid #10b981}.ops-feedback-card--down{border-left:3px solid #ef4444}.ops-feedback-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}.ops-feedback-meta{margin-left:auto;display:flex;align-items:center;gap:.5rem}.ops-feedback-email{color:#aaa;font-size:.8rem;font-weight:500}.ops-feedback-date{color:#555;font-size:.75rem}.ops-feedback-image{width:100%;border-radius:6px;max-height:280px;object-fit:contain;background:#111;cursor:pointer}.ops-feedback-categories{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:.5rem}.ops-feedback-comment{color:#ddd;font-size:.9rem;margin-bottom:.5rem;font-style:italic}.ops-feedback-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:.5rem}.ops-feedback-debug{margin-top:.5rem;padding:.5rem;background:#111;border-radius:4px;font-size:.75rem;color:#999;display:flex;flex-direction:column;gap:.375rem}.ops-feedback-debug__row{display:flex;gap:.75rem;flex-wrap:wrap}.ops-feedback-debug__label{color:#666}.ops-feedback-debug__value{color:#bbb}.ops-feedback-debug__divider{border-top:1px solid #222;padding-top:.25rem}.ops-feedback-url{display:flex;gap:.375rem;align-items:center}.ops-feedback-url__label{color:#666;min-width:50px}.ops-feedback-url__link{color:#818cf8;font-size:.75rem;text-decoration:none;word-break:break-all}.ops-feedback-url__link:hover{text-decoration:underline}.ops-traffic-controls{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.ops-traffic-input{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:.35rem .5rem;font-size:.8rem}.ops-traffic-input:focus{border-color:var(--accent);outline:none}.ops-traffic-separator{color:var(--text-muted);margin:0 .25rem}.ops-traffic-row{display:flex;justify-content:space-between;align-items:center;padding:.35rem .5rem;background:var(--bg-card);border-radius:var(--radius-sm);font-size:.8rem}.ops-traffic-row__label{color:var(--text)}.ops-traffic-row__label--muted{color:var(--text-muted)}.ops-traffic-row__count{font-weight:600}.ops-traffic-row__pct{color:var(--text-muted);margin-left:.35rem;font-size:.75rem}.ops-traffic-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.ops-traffic-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent)}.ops-traffic-ip{font-family:monospace;font-size:.75rem}.ops-traffic-pages{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem}.ops-section{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius)}.ops-section__label{font-size:.875rem;font-weight:600;color:var(--text)}.ops-section__hint{font-size:.75rem;color:var(--text-muted)}.ops-table-truncate{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ops-revenue-card--marge-good .ops-revenue-value{color:#10b981}.ops-revenue-card--marge-mid .ops-revenue-value{color:#f5a623}.ops-revenue-card--marge-bad .ops-revenue-value{color:#ef4444}.selected-user{background:var(--accent-dim)!important;border-left:3px solid var(--accent)}.credits-manager{background:var(--bg-card);border-radius:var(--radius);padding:1.25rem;margin-top:1.5rem}.credits-manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.credits-manager-header h4,.credits-manager-header label{margin:0;font-size:1rem;font-weight:600}.credits-manager-selected{font-size:.875rem;color:var(--accent)}.credits-manager-form{display:flex;flex-direction:column;gap:1rem}.input-with-hint{display:flex;flex-direction:column;gap:.25rem}.input-hint{font-size:.75rem;color:var(--text-muted)}.ops-tab-content .form-group{display:flex;flex-direction:column;gap:.5rem}.ops-tab-content .form-group label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.ops-tab-content .form-group input[type=text],.ops-tab-content .form-group input[type=number]{padding:.75rem 1rem;background:var(--bg-hover);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:.875rem}.ops-tab-content .form-group input:focus{border-color:var(--accent);outline:none}.ops-tab-content .btn-group.btn-group-stretch{display:flex;gap:.75rem}.ops-tab-content .btn-group-stretch .btn-option{flex:1;padding:1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:.875rem;cursor:pointer;transition:all .2s ease}.ops-tab-content .btn-group-stretch .btn-option:hover{background:var(--bg-hover);border-color:var(--accent)}.user-actions{display:flex;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.btn-action{padding:.5rem 1rem;border-radius:var(--radius);font-size:.875rem;cursor:pointer;transition:all .2s ease;border:1px solid var(--border);background:transparent}.btn-action--reset{color:var(--text)}.btn-action--reset:hover{border-color:var(--accent);color:var(--accent)}.btn-action--danger{border-color:#ff444480;color:var(--red)}.btn-action--danger:hover{background:#ff44441a}.ops-readonly-banner{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#ffc8321a;border:1px solid rgba(255,200,50,.3);border-radius:var(--radius);margin-bottom:1.5rem;font-size:.875rem;color:#ffc832}.ops-readonly-banner code{background:var(--bg-hover);padding:.125rem .375rem;border-radius:4px;font-size:.8em}.prompts-section{margin-bottom:1.5rem}.prompts-section-title,.prompts-header{font-size:.875rem;font-weight:600;color:var(--text);margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.group-selector{display:flex;gap:.5rem}.group-selector .btn-group-option{padding:.5rem 1rem;border-radius:var(--radius);background:var(--bg-hover);border:1px solid transparent;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.group-selector .btn-group-option:hover{color:var(--text)}.group-selector .btn-group-option.active{background:var(--accent);color:#000;font-weight:600}.config-grid{display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto;padding:.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm)}.config-item{display:flex;flex-direction:column;gap:.25rem;padding:.5rem;background:var(--bg-card);border-radius:var(--radius-sm);border:1px solid var(--border)}.config-item.protected{opacity:.7}.config-key{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.config-name{font-family:monospace;font-size:.75rem;font-weight:600;color:var(--text)}.config-source{font-size:.65rem;padding:1px 4px;border-radius:var(--radius-sm);text-transform:uppercase}.config-source.env{background:#f5a623;color:#000}.config-source.override{background:var(--accent);color:var(--bg)}.config-source.default{background:var(--bg-hover);color:var(--text-muted)}.config-protected{font-size:.7rem}.config-desc{font-size:.7rem;color:var(--text-muted)}.config-default{opacity:.6;font-style:italic}.config-input-row{display:flex;gap:.35rem;align-items:center}.config-input{font-size:.8125rem;padding:.35rem .5rem;flex:1}.config-input:disabled{opacity:.6;cursor:not-allowed}.btn-reset{padding:.35rem .5rem;background:var(--bg-hover);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;font-size:.9375rem;line-height:1;transition:all var(--transition)}.btn-reset:hover{background:var(--accent);color:var(--bg);border-color:var(--accent)}.config-empty-state{display:flex;flex-direction:column;align-items:center;padding:3rem 2rem;text-align:center}.config-empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.config-empty-state p{color:var(--text-muted);margin-bottom:1.5rem}.config-value-row{display:flex;gap:.5rem}.config-value-row input{flex:1;padding:.75rem 1rem;background:var(--bg-hover);border:1px solid var(--border);border-radius:var(--radius);color:var(--text)}.config-value-row input:focus{border-color:var(--accent);outline:none}.btn-icon{padding:.5rem .75rem;background:var(--bg-hover);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;color:var(--text-muted);transition:all .2s ease}.btn-icon:hover{border-color:var(--accent);color:var(--accent)}.prompts-section{margin-bottom:1rem}.prompts-header{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.5rem;padding-bottom:.25rem;border-bottom:1px solid var(--border)}.prompt-module{background:var(--bg-card);border-radius:var(--radius);margin-bottom:.5rem;overflow:hidden}.prompt-module-title{padding:1rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:600;list-style:none}.prompt-module-title:hover{background:var(--bg-hover)}.prompt-module-title:after{content:"▸";transition:transform .2s ease}.prompt-module[open] .prompt-module-title:after{transform:rotate(90deg)}.prompt-details{padding:0 1rem 1rem;border-top:1px solid var(--border)}.prompt-field{display:flex;gap:.75rem;padding:.5rem 0;font-size:.875rem}.prompt-label{flex-shrink:0;width:120px;color:var(--text-muted)}.prompt-value{color:var(--text)}.tags-list{padding:0 1rem 1rem}.tag-item{display:flex;gap:1rem;padding:.5rem 0;border-bottom:1px solid var(--border);font-size:.875rem}.tag-item:last-child{border-bottom:none}.tag-id{flex-shrink:0;width:100px;font-weight:600;color:var(--accent)}.tag-prompt{color:var(--text-muted)}.prompt-provider{font-size:.75rem;color:var(--text-muted);font-weight:400}.prompt-template{font-family:monospace;background:var(--bg-hover);padding:.25rem .5rem;border-radius:4px;font-size:.8125rem}.prompt-note{font-style:italic;color:var(--text-muted)}.prompt-preview-section{margin-top:1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.prompt-preview-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--bg-hover);border-bottom:1px solid var(--border);font-weight:600}.prompt-preview-content{padding:1rem;margin:0;white-space:pre-wrap;word-break:break-word;font-size:.8125rem;line-height:1.5;max-height:300px;overflow-y:auto}.btn-close{background:none;border:none;font-size:1.25rem;cursor:pointer;color:var(--text-muted);padding:0;line-height:1}.btn-close:hover{color:var(--text)}.btn-sm{padding:.25rem .75rem;font-size:.75rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:400px;animation:slideUp .2s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.modal-header h3{font-size:1.1rem;font-weight:600;margin:0}.modal-close{background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;padding:0;line-height:1;transition:color var(--transition)}.modal-close:hover{color:var(--text)}.modal-body{padding:1.25rem}.modal-hint{font-size:.9375rem;color:var(--text-secondary);margin-bottom:1rem;line-height:1.5}.modal-footer{display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.25rem;border-top:1px solid var(--border)}.email-sent-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;text-align:center;max-width:380px;width:100%;animation:slideUp .2s ease,pulse .5s ease}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.email-sent-icon{position:relative;width:80px;height:80px;margin:0 auto 1.5rem}.email-sent-icon svg{width:80px;height:80px;color:var(--accent)}.email-sent-checkmark{position:absolute;bottom:-5px;right:-5px;width:32px;height:32px;background:var(--success, #22c55e);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:scaleIn .3s ease .2s both}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.email-sent-checkmark svg{width:18px;height:18px;color:#fff}.email-sent-icon.sending svg{opacity:.5}.email-sending-spinner{position:absolute;top:50%;left:50%;width:90px;height:90px;margin:-45px 0 0 -45px;border:3px solid transparent;border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}.email-sent-modal h2{font-size:1.5rem;font-weight:600;margin:0 0 1rem;color:var(--text)}.email-sent-modal p{color:var(--text-secondary);margin:0 0 1rem;line-height:1.6}.email-sent-modal p strong{color:var(--accent);word-break:break-all}.email-sent-hint{font-size:.8125rem;color:var(--text-muted);background:var(--bg-hover);padding:.75rem;border-radius:var(--radius-sm);margin-bottom:1.5rem!important}.email-sent-modal .btn{width:100%;padding:.875rem 1.5rem;font-size:1rem}.purchase-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:2.5rem 2rem;text-align:center;max-width:400px;width:100%;animation:slideUp .2s ease,pulse .5s ease}.purchase-modal-icon{width:72px;height:72px;margin:0 auto 1.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:scaleIn .3s ease .1s both}.purchase-modal-icon.success{background:var(--success, #22c55e)}.purchase-modal-icon.cancelled{background:var(--text-muted)}.purchase-modal-icon svg{width:36px;height:36px;color:#fff}.purchase-modal h2{font-size:1.5rem;font-weight:600;margin:0 0 1rem;color:var(--text)}.purchase-modal p{color:var(--text-secondary);margin:0 0 1.5rem;line-height:1.6}.purchase-modal p strong{color:var(--accent)}.purchase-modal .btn{width:100%;padding:.875rem 1.5rem;font-size:1rem}.project-tile-add{border:2px dashed var(--border);background:transparent}.project-tile-add:hover{border-color:var(--accent);background:var(--bg-hover)}.project-thumb-add{display:flex;align-items:center;justify-content:center;background:transparent}.project-thumb-add .add-icon{font-size:2rem;color:var(--text-muted);transition:color var(--transition)}.project-tile-add:hover .add-icon{color:var(--accent)}.modal-large{max-width:900px;width:90vw;max-height:85vh;box-sizing:border-box;overflow-x:hidden}.modal-large .modal-body{overflow-y:auto;overflow-x:hidden;max-height:calc(85vh - 60px)}.version-history-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;padding:.5rem 0}.version-history-item{background:var(--bg-card);border:2px solid var(--border);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.version-history-item:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 8px 24px #00ff8826}.version-history-item.selected{border-color:var(--accent);box-shadow:0 0 0 3px #00ff884d,0 8px 24px #0f83}.version-delete-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;border:none;border-radius:50%;background:#ff3c3ce6;color:#fff;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;line-height:1;opacity:0;z-index:10}.version-delete-btn svg{width:18px;height:18px}.version-history-item:hover .version-delete-btn{opacity:1}.version-delete-btn:hover{transform:scale(1.15);background:#f33;box-shadow:0 4px 12px #ff3c3c80}.version-download-btn{position:absolute;bottom:8px;right:8px;width:28px;height:28px;border:none;border-radius:50%;background:linear-gradient(145deg,#0f8,#0c6);color:#000;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:0 2px 8px #0f86;opacity:0;z-index:10}.version-download-btn svg{width:20px;height:20px}.version-history-item:hover .version-download-btn,.version-history-item.selected .version-download-btn,.version-history-item.selected .version-delete-btn{opacity:1}.version-download-btn:hover{transform:scale(1.15);box-shadow:0 4px 16px #0f89}.version-expand-btn{position:absolute;top:8px;left:8px;width:28px;height:28px;border:none;border-radius:50%;background:#ffffffe6;color:#333;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;opacity:0;z-index:10;box-shadow:0 2px 8px #0003}.version-expand-btn svg{width:16px;height:16px}.version-history-item:hover .version-expand-btn,.version-history-item.selected .version-expand-btn{opacity:1}.version-expand-btn:hover{transform:scale(1.15);background:#fff;box-shadow:0 4px 12px #0000004d}@media(hover:none),(max-width:768px){.version-history-item.touched .version-delete-btn,.version-history-item.touched .version-download-btn,.version-history-item.touched .version-expand-btn,.version-history-item.selected .version-delete-btn,.version-history-item.selected .version-download-btn,.version-history-item.selected .version-expand-btn{opacity:1}}.version-history-thumb{aspect-ratio:16/10;overflow:hidden;background:var(--bg);border-radius:var(--radius) var(--radius) 0 0}.version-history-thumb img,.version-history-thumb video{width:100%;height:100%;object-fit:cover}.version-history-info{padding:.75rem;display:flex;flex-direction:column;gap:.25rem}.version-history-label{font-weight:600;font-size:.8125rem}.version-history-module{text-transform:uppercase;font-size:.7rem;letter-spacing:.05em}.version-history-module[data-module=staging]{color:#0f8}.version-history-module[data-module=clean]{color:#0af}.version-history-module[data-module=season]{color:#fa0}.version-history-module[data-module=renovate]{color:#ff8c00}.version-history-module[data-module=edit]{color:#38bdf8}.version-history-module[data-module=motion]{color:#f6f}.version-history-module[data-module=reframe]{color:#a855f7}.version-history-module[data-module=render]{color:#22d3ee}.version-history-module[data-module=floorplan]{color:#84cc16}.version-history-module[data-module=clip]{color:#f472b6}.version-history-resolution,.version-history-quality{font-size:.7rem;color:var(--text-secondary);background:#ffffff14;padding:2px 6px;border-radius:4px;margin-top:2px}.version-history-date{font-size:.75rem;color:var(--text-muted)}.version-history-prompt{font-size:.7rem;color:var(--text-secondary);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.version-section{margin-bottom:1.5rem}.version-section-title{font-size:.8125rem;font-weight:600;color:var(--text-secondary);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em}.module-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.module-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);cursor:pointer;transition:all var(--transition);font-size:.8125rem;box-shadow:0 2px 6px #00000026}.module-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000040}.module-btn-icon{font-size:.75rem;font-weight:700;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center}.module-btn-label{font-size:.8125rem;color:var(--text)}.module-btn-staging{background:#00ff8826;border-color:#0f8}.module-btn-staging .module-btn-icon{background:#0f8;color:#000}.module-btn-staging:hover{background:#00ff8840}.module-btn-clean{background:#00aaff26;border-color:#0af}.module-btn-clean .module-btn-icon{background:#0af;color:#000}.module-btn-clean:hover{background:#00aaff40}.module-btn-renovate{background:#ff773326;border-color:#f73}.module-btn-renovate .module-btn-icon{background:#f73;color:#000}.module-btn-renovate:hover{background:#ff773340}.module-btn-reframe{background:#8b5cf626;border-color:#8b5cf6}.module-btn-reframe .module-btn-icon{background:#8b5cf6;color:#fff}.module-btn-reframe:hover{background:#8b5cf640}.module-btn-season{background:#ffaa0026;border-color:#fa0}.module-btn-season .module-btn-icon{background:#fa0;color:#000}.module-btn-season:hover{background:#ffaa0040}.module-btn-motion{background:#ff66ff26;border-color:#f6f}.module-btn-motion .module-btn-icon{background:#f6f;color:#000}.module-btn-motion:hover{background:#ff66ff40}.module-btn-edit{background:#ff555526;border-color:#f55}.module-btn-edit .module-btn-icon{background:#f55;color:#fff}.module-btn-edit:hover{background:#ff555540}.module-btn-render{background:#00cccc26;border-color:#0cc}.module-btn-render .module-btn-icon{background:#0cc;color:#000}.module-btn-render:hover{background:#00cccc40}.module-btn-floorplan{background:#66bb6626;border-color:#6b6}.module-btn-floorplan .module-btn-icon{background:#6b6;color:#000}.module-btn-floorplan:hover{background:#66bb6640}.module-btn-clip{background:#f472b626;border-color:#f472b6}.module-btn-clip .module-btn-icon{background:#f472b6;color:#000}.module-btn-clip:hover{background:#f472b640}.module-btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none;background:var(--bg-card)!important;border-color:var(--border)!important}.module-btn:disabled:hover{transform:none;box-shadow:none}.version-history-item.selected{border-color:var(--accent);border-width:2px;background:#00ff881a;box-shadow:0 0 12px #00ff8840}.version-history-item,.version-history-thumb.video-thumb{position:relative}.video-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#0009;color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;padding-left:3px}.version-history-item:hover .video-play-icon{background:var(--accent);color:#000}.image-modal-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000f2;padding:20px}.image-modal-content{position:relative;display:flex;flex-direction:column;align-items:center;max-width:calc(100vw - 40px);max-height:calc(100vh - 40px)}.image-modal-header{width:100%;display:flex;justify-content:flex-end;padding-bottom:10px;flex-shrink:0}.image-modal-img{max-width:calc(100vw - 60px);max-height:calc(100vh - 140px);object-fit:contain;border-radius:var(--radius)}.image-modal-video{max-width:calc(100vw - 60px);max-height:calc(100vh - 140px);border-radius:var(--radius);background:#000}.image-modal-close{background:#ffffff1a;border:none;color:#fff;font-size:1.5rem;cursor:pointer;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s}.image-modal-close:hover{background:#fff3;color:var(--accent)}.image-modal-footer{padding-top:15px;flex-shrink:0}.image-modal-download{display:inline-flex;align-items:center;gap:6px;background:var(--accent);color:#fff;padding:.5rem 1.5rem;border-radius:20px;text-decoration:none;font-size:.9375rem;font-weight:600;transition:background .2s,transform .2s}.image-modal-download:hover{background:var(--accent-hover);transform:scale(1.02)}.asset-version-count{position:absolute;top:4px;left:4px;background:#000000b3;color:#fff;font-size:.65rem;font-weight:600;padding:2px 5px;border-radius:var(--radius);min-width:16px;text-align:center}@media(max-width:560px){.modal-large{width:calc(100vw - 20px);max-width:calc(100vw - 20px);max-height:90vh;margin:10px}.modal-large .modal-body{padding:.75rem;max-height:calc(90vh - 50px)}.modal-header h3{font-size:.9375rem}.module-buttons{flex-wrap:wrap;gap:.5rem}.module-btn{padding:.4rem .8rem;font-size:.8125rem}.module-btn-icon{width:20px;height:20px;font-size:.65rem}.version-section-title{font-size:.75rem}.version-history-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.version-history-thumb{aspect-ratio:4/3}.version-history-info{padding:.4rem}.version-history-label,.version-history-date{font-size:.65rem}}@media(min-width:1401px){.canvas-panel{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.canvas-topbar,.thumbnail-strip{flex-shrink:0}.canvas-dropzone{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.canvas-dropzone .preview-container{max-width:100%;max-height:100%;width:auto;height:auto}.canvas-dropzone .preview-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain!important}}.ledger-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:900px;max-height:85vh;display:flex;flex-direction:column;animation:slideUp .2s ease}.ledger-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border);flex-shrink:0}.ledger-modal .modal-header h2{font-size:1.1rem;font-weight:600;margin:0}.ledger-modal .modal-body{padding:1rem 1.25rem;overflow:hidden;display:flex;flex-direction:column;flex:1;min-height:0}.ledger-filters{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.ledger-filters .text-input{min-width:150px;flex:1}.users-table-wrapper{max-height:300px;overflow:auto;border:1px solid var(--border);border-radius:var(--radius);margin-top:.5rem}.users-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.8125rem}.users-table th{padding:.75rem 1rem;text-align:left;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border);background:var(--bg-card);position:sticky;top:0;z-index:1}.users-table td{padding:1rem;border-bottom:1px solid var(--border);vertical-align:middle}.users-table tbody tr{cursor:pointer;transition:background .15s ease}.users-table tbody tr:hover{background:var(--bg-hover)}.users-table tbody tr.selected{background:var(--accent-dim)}.users-table tbody tr.disabled-user{opacity:.5;background:#ff444408}.user-email{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-credits{font-weight:600;color:var(--accent)}.user-logins,.user-last-login{white-space:nowrap;color:var(--text-secondary);font-size:.75rem}.user-status{text-align:center}.status-badge--active,.status-badge--disabled{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.status-badge--active{background:var(--accent-dim);color:var(--accent)}.status-badge--disabled{background:#ff444426;color:var(--red)}.ledger-summary{font-size:.8125rem;color:var(--text-muted);margin-bottom:.75rem}.ledger-table-wrapper{flex:1;overflow:auto;border:1px solid var(--border);border-radius:var(--radius)}.ledger-table{width:100%;border-collapse:collapse;font-size:.8125rem}.ledger-table th,.ledger-table td{padding:.6rem .75rem;text-align:left;border-bottom:1px solid var(--border)}.ledger-table th{background:var(--bg-card);font-weight:600;position:sticky;top:0;z-index:1}.ledger-table tbody tr:hover{background:var(--bg-hover)}.ledger-table tbody tr.credit{background:#00ff8808}.ledger-table tbody tr.debit{background:#ff444405}.ledger-date{white-space:nowrap;color:var(--text-secondary);font-size:.8125rem}.ledger-user{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ledger-amount{font-weight:600;font-family:monospace;white-space:nowrap}.ledger-amount.positive{color:var(--accent)}.ledger-amount.negative{color:var(--red)}.ledger-reason{color:var(--text-secondary)}.ledger-meta{display:flex;gap:.35rem;flex-wrap:wrap}.meta-tag{background:var(--bg-hover);padding:.15rem .4rem;border-radius:4px;font-size:.75rem;color:var(--text-muted)}@media(max-width:768px){.ledger-modal{max-width:100%;max-height:90vh;margin:.5rem}.ledger-filters{flex-direction:column}.ledger-table{font-size:.75rem}.ledger-table th,.ledger-table td{padding:.4rem .5rem}.ledger-meta{display:none}}.stats-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:1000px;max-height:85vh;display:flex;flex-direction:column;animation:slideUp .2s ease}.stats-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border);flex-shrink:0}.stats-modal .modal-header h2{font-size:1.1rem;font-weight:600;margin:0}.stats-modal .modal-body{padding:1rem 1.25rem;overflow-y:auto;flex:1}.stats-filters{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-bottom:1.5rem}.stats-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;text-align:center}.stats-card-value{font-size:1.8rem;font-weight:700;color:var(--accent);line-height:1.2}.stats-card-label{font-size:.8125rem;color:var(--text-muted);margin-top:.25rem}.stats-section{margin-bottom:1.5rem}.stats-section h3{font-size:.9375rem;font-weight:600;margin:0 0 .75rem;color:var(--text-secondary)}.stats-bar-chart{display:flex;flex-direction:column;gap:.5rem}.stats-bar-row{display:flex;align-items:center;gap:.75rem}.stats-bar-row.error{color:var(--red)}.stats-bar-label{width:100px;font-size:.8125rem;color:var(--text-secondary);flex-shrink:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.stats-bar-container{flex:1;height:20px;background:var(--bg-card);border-radius:4px;overflow:hidden}.stats-bar{height:100%;background:var(--accent);border-radius:4px;transition:width .3s ease}.stats-bar.credits{background:linear-gradient(90deg,var(--accent),#00cc66)}.stats-bar-value{width:60px;text-align:right;font-size:.8125rem;font-weight:600;color:var(--text)}.stats-heatmap{display:flex;flex-wrap:wrap;gap:4px}.stats-heatmap-cell{width:32px;height:32px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--text);cursor:default;transition:transform .1s}.stats-heatmap-cell:hover{transform:scale(1.1)}.stats-heatmap-hour{opacity:.7}.stats-table-wrapper{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius)}.stats-table{width:100%;border-collapse:collapse;font-size:.8125rem}.stats-table th,.stats-table td{padding:.6rem .75rem;text-align:left;border-bottom:1px solid var(--border)}.stats-table th{background:var(--bg-card);font-weight:600;position:sticky;top:0}.stats-table tbody tr:hover{background:var(--bg-hover)}.stats-user{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stats-credits{font-weight:600;color:var(--accent)}.logs-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:1100px;max-height:85vh;display:flex;flex-direction:column;animation:slideUp .2s ease}.logs-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border);flex-shrink:0}.logs-modal .modal-header h2{font-size:1.1rem;font-weight:600;margin:0}.logs-modal .modal-body{padding:1rem 1.25rem;overflow:hidden;display:flex;flex-direction:column;flex:1;min-height:0}.logs-filters{display:flex;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}.logs-filters .text-input{flex:1;min-width:120px}.logs-count{font-size:.8125rem;color:var(--text-muted);margin-bottom:.5rem}.logs-table-wrapper{flex:1;overflow:auto;border:1px solid var(--border);border-radius:var(--radius)}.logs-table{width:100%;border-collapse:collapse;font-size:.8125rem;font-family:monospace}.logs-table th,.logs-table td{padding:.5rem .6rem;text-align:left;border-bottom:1px solid var(--border)}.logs-table th{background:var(--bg-card);font-weight:600;position:sticky;top:0;z-index:1}.logs-table tbody tr:hover{background:var(--bg-hover)}.logs-table tbody tr.error{background:#ff444414}.logs-table tbody tr.warn{background:#ffc8320f}.logs-time{white-space:nowrap;color:var(--text-muted);font-size:.75rem}.logs-event{font-weight:600;color:var(--text)}.logs-fields{display:flex;flex-wrap:wrap;gap:.25rem}.logs-field{background:var(--bg-hover);padding:.1rem .35rem;border-radius:var(--radius-sm);font-size:.7rem;color:var(--text-muted);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:768px){.stats-modal,.logs-modal{max-width:100%;max-height:90vh;margin:.5rem}.stats-cards{grid-template-columns:repeat(2,1fr)}.stats-bar-label{width:70px}.logs-filters{flex-direction:column}.logs-fields{display:none}}.style-preview-modal{max-width:520px;max-height:85vh;display:flex;flex-direction:column}.style-preview-modal .modal-body{overflow-y:auto;padding:1rem}.style-preview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.style-preview-card{display:flex;flex-direction:column;gap:.375rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.style-preview-img{width:100%;aspect-ratio:1;object-fit:cover}.style-preview-label{padding:.375rem .625rem .5rem;font-size:.8125rem;font-weight:600;text-transform:lowercase;color:var(--text)}@media(max-width:600px){.style-preview-modal{max-width:100%;max-height:100vh;height:100vh;border-radius:0}.style-preview-grid{grid-template-columns:1fr}}.style-info-btn{all:unset;cursor:pointer;margin-left:.375rem;color:var(--accent);font-size:1rem;line-height:1;vertical-align:middle;transition:filter .15s}.style-info-btn:hover{filter:drop-shadow(0 0 4px var(--accent))}.canvas-dropzone{min-height:250px!important;max-height:calc(100vh - 240px)!important}.canvas-dropzone .dropzone.has-image,.canvas-dropzone .preview-container{height:100%!important;max-height:100%!important;min-height:200px!important}.canvas-dropzone .preview-container .preview-image{max-height:100%!important;object-fit:contain!important}.modal-footer{display:flex;align-items:center;justify-content:center;padding:.75rem 1.25rem;border-top:1px solid var(--border);background:var(--bg-card)}.modal-footer-hint{font-size:.8125rem;color:var(--text-muted);text-align:center}.lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000f2;z-index:2000;display:flex;align-items:center;justify-content:center;animation:fadeIn .15s ease;cursor:zoom-out}.lightbox-close{position:absolute;top:20px;right:20px;width:44px;height:44px;border:none;border-radius:50%;background:#ffffff1a;color:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;z-index:2001}.lightbox-close svg{width:24px;height:24px}.lightbox-close:hover{background:#fff3;transform:scale(1.1)}.lightbox-content{max-width:95vw;max-height:90vh;display:flex;align-items:center;justify-content:center;cursor:default}.lightbox-image{max-width:95vw;max-height:90vh;object-fit:contain;border-radius:var(--radius);box-shadow:0 8px 32px #00000080}.lightbox-video{max-width:95vw;max-height:90vh;border-radius:var(--radius);box-shadow:0 8px 32px #00000080}.lightbox-actions{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:.75rem}.lightbox-download,.lightbox-share{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--accent);color:#000;border:none;border-radius:var(--radius);font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .2s}.lightbox-download:hover,.lightbox-share:hover{background:#00cc6a;transform:scale(1.05);box-shadow:0 4px 16px #0f86}.lightbox-share{background:#ffffff26;color:#fff}.lightbox-share:hover{background:#ffffff40;box-shadow:0 4px 16px #fff3}.lightbox-download svg,.lightbox-share svg{width:18px;height:18px}.asset-tile{border-radius:16px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid var(--border);position:relative}.asset-tile:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 8px 24px #00ff8826}.asset-info{display:flex;flex-direction:column;gap:.25rem;padding:.5rem .75rem;background:var(--bg-card)}.asset-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;font-weight:400;color:var(--text-muted)}.asset-actions{display:flex;align-items:center;gap:.5rem;margin-left:auto}.asset-edit-btn{background:transparent;color:var(--text-secondary);border:1px solid var(--border);padding:.3rem .65rem;border-radius:var(--radius);font-size:.72rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.asset-edit-btn:hover{border-color:var(--accent);color:var(--accent);background:#00ff881a}.asset-delete{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:#ff3c3ce6;border:none;color:#fff;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;opacity:0;z-index:10}.asset-delete svg{width:14px;height:14px}.asset-tile:hover .asset-delete,.asset-tile.touched .asset-delete{opacity:1}.asset-delete:hover{background:#f33;transform:scale(1.1);box-shadow:0 4px 12px #ff3c3c66}.focus-controls{display:flex;flex-direction:column;gap:.75rem}.focus-slider{display:flex;align-items:center;gap:.5rem}.focus-slider span{font-size:.75rem;color:var(--text-muted);min-width:40px}.focus-slider span:last-child{text-align:right}.focus-slider input[type=range]{flex:1;height:4px;-webkit-appearance:none;background:var(--border);border-radius:var(--radius-sm);cursor:pointer}.focus-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;box-shadow:0 2px 6px #0000004d}.focus-slider input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;border:none;box-shadow:0 2px 6px #0000004d}.modal-options{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.modal-option{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.modal-option h4{font-size:.9375rem;font-weight:600;margin-bottom:.5rem;color:var(--text)}.modal-option p{font-size:.8125rem;color:var(--text-secondary);margin-bottom:.75rem;line-height:1.5}.modal-option .btn{width:100%}.modal-option-divider{text-align:center;font-size:.8125rem;color:var(--text-muted);position:relative}.modal-option-divider:before,.modal-option-divider:after{content:"";position:absolute;top:50%;width:calc(50% - 1.5rem);height:1px;background:var(--border)}.modal-option-divider:before{left:0}.modal-option-divider:after{right:0}.modal-info{font-size:.9375rem;color:var(--text-secondary);line-height:1.6;margin-bottom:.5rem}.modal-info strong{color:var(--accent);font-weight:600}.reframe-preview-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5}.reframe-crop-preview{position:absolute;border:2px dashed var(--accent);box-shadow:0 0 0 9999px #00000080;transition:all .2s ease}.reframe-outpaint-preview{position:absolute;border:2px dashed var(--accent);background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(0,255,136,.1) 10px,rgba(0,255,136,.1) 20px)}.panel-actions{margin-top:auto;border-top:1px solid var(--border);position:sticky;bottom:-2rem;margin-left:-2.25rem;margin-right:-2.25rem;padding:1rem 2.25rem 2rem;background:var(--bg-card);z-index:5}.panel-actions:before{content:"";position:absolute;bottom:100%;left:0;right:0;height:2.5rem;background:linear-gradient(to bottom,transparent,var(--bg-card));pointer-events:none}.reframe-preview-img-forced{position:absolute!important;max-width:none!important;max-height:none!important;min-width:0!important;min-height:0!important;object-fit:fill!important;margin:0!important;padding:0!important;border:none!important;pointer-events:none!important;z-index:1!important}.upload-zone{border:2px dashed var(--border-color);border-radius:var(--radius);padding:1.5rem;cursor:pointer;transition:all .2s ease;background:var(--bg-elevated);min-height:120px;display:flex;align-items:center;justify-content:center}.upload-zone:hover{border-color:var(--accent);background:var(--bg-hover)}.upload-zone .upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--text-muted);text-align:center}.upload-zone .upload-icon{font-size:2rem}.upload-zone .upload-preview{max-width:100%;max-height:200px;object-fit:contain;border-radius:4px}.upload-overlay-hint{display:block;margin-top:.5rem;font-size:.75rem;color:var(--text-muted);text-align:center}.style-presets-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.style-preset-card{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem .5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all var(--transition);text-align:center}.style-preset-card:hover{background:var(--bg-hover);border-color:var(--border-hover)}.style-preset-card.active{background:var(--bg-active);border-color:var(--accent)}.preset-thumbnail-placeholder{display:none}.preset-info{display:flex;flex-direction:column;align-items:center;gap:.125rem}.preset-name{font-size:.8125rem;font-weight:600;color:var(--text-muted);text-transform:lowercase}.style-preset-card:hover .preset-name,.style-preset-card.active .preset-name{color:var(--accent)}.preset-desc{font-size:.6rem;color:var(--text-muted);line-height:1.3;opacity:.8}.checkbox-group{display:flex;flex-direction:column;gap:.5rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:var(--text)}.checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--accent)}.panel-render,.panel-floorplan{padding:1.5rem;overflow-y:auto;flex:1}.panel-render .panel-header,.panel-floorplan .panel-header{margin-bottom:1.5rem}.panel-render .panel-header h2,.panel-floorplan .panel-header h2{margin:0 0 .25rem;font-size:1.25rem;font-weight:600}.btn-group-stretch{display:flex;flex-wrap:wrap;gap:.5rem}.btn-group-stretch .btn-option{flex:1 1 auto;text-align:center;justify-content:center}.status-message{padding:.75rem;border-radius:var(--radius);font-size:.875rem;margin-top:.5rem;background:var(--bg-elevated);color:var(--text)}.status-message.error{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.status-message.success{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.3)}@keyframes shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}.skeleton-shimmer{background:linear-gradient(90deg,var(--bg-card) 0%,var(--bg-hover) 20%,var(--bg-card) 40%,var(--bg-card) 100%);background-size:468px 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius)}.skeleton-project{display:flex;align-items:stretch;gap:.75rem;padding:.75rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card)}.skeleton-thumb{width:72px;height:56px;flex-shrink:0;border-radius:calc(var(--radius) - 4px)}.skeleton-content{flex:1;display:flex;flex-direction:column;gap:.5rem;justify-content:center}.skeleton-title{height:16px;width:60%;border-radius:4px}.skeleton-text{height:12px;width:80%;border-radius:4px}.skeleton-asset{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem;overflow:hidden}.skeleton-asset-thumb{aspect-ratio:4/3;min-height:80px;border-radius:var(--radius);margin-bottom:.5rem}.skeleton-asset-info{display:flex;flex-direction:column;gap:.25rem}.skeleton-asset-name{height:14px;width:70%;border-radius:4px}.skeleton-version{background:var(--bg-card);border:2px solid var(--border);border-radius:16px;overflow:hidden}.skeleton-version-thumb{aspect-ratio:16/10;background:var(--bg)}.skeleton-version-info{padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.skeleton-version-label{height:14px;width:50%;border-radius:4px}.skeleton-version-date{height:12px;width:65%;border-radius:4px}.skeleton-default{padding:1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius)}.skeleton-block{height:100px;width:100%;border-radius:var(--radius)}@media(max-width:768px){.skeleton-version-thumb{aspect-ratio:4/3}.skeleton-version-info{padding:.4rem}.skeleton-version-label,.skeleton-version-date{height:12px}}@media(pointer:coarse)and (max-width:768px){.project-delete-btn{width:44px;height:44px;top:-10px;right:-10px}.version-delete-btn,.version-download-btn,.version-expand-btn{width:44px;height:44px}.version-expand-btn svg{width:22px;height:22px}.asset-delete{width:44px;height:44px}.asset-delete svg{width:18px;height:18px}}.legal-page{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.legal-main{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:2rem;position:relative;overflow:auto}.legal-main:before{content:"";position:fixed;top:50%;left:50%;width:1000px;height:1000px;background:radial-gradient(circle,rgba(0,255,136,.12) 0%,rgba(0,255,136,.08) 25%,rgba(0,255,136,.02) 45%,transparent 65%);transform:translate(-50%,-50%);animation:authGlow 4s ease-in-out infinite;pointer-events:none;z-index:0}@media(prefers-reduced-motion:reduce){.legal-main:before{animation:none;opacity:.5}}.legal-container{width:100%;max-width:700px;position:relative;z-index:1}.legal-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:1rem;overflow:hidden;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff0d,0 0 60px #00ff880d}.legal-header{padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--border);text-align:center}.legal-header h2{margin:0;font-size:1.5rem;font-weight:600;color:var(--text)}.legal-subtitle{margin:.5rem 0 0;font-size:.8125rem;color:var(--text-muted)}.legal-content{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.legal-section{display:flex;flex-direction:column;gap:.75rem}.legal-section h3{font-size:1rem;font-weight:600;color:var(--accent);margin:0;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.legal-dl{display:grid;grid-template-columns:minmax(140px,auto) 1fr;gap:.5rem 1rem;margin:0}.legal-dl dt{font-size:.8125rem;font-weight:600;color:var(--text-muted)}.legal-dl dd{font-size:.9375rem;color:var(--text);margin:0}.legal-dl a{color:var(--accent);text-decoration:none}.legal-dl a:hover{text-decoration:underline}.legal-text{font-size:.9375rem;color:var(--text-secondary);line-height:1.6;margin:0}.legal-text a{color:var(--accent);text-decoration:none}.legal-text a:hover{text-decoration:underline}.legal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border);background:#0003;text-align:center}.legal-footer .btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 2rem;text-decoration:none}@media(max-width:600px){.legal-main{padding:1rem}.legal-container{max-width:100%}.legal-panel{border-radius:.75rem}.legal-header{padding:1.25rem 1rem .75rem}.legal-header h2{font-size:1.25rem}.legal-content{padding:1rem;gap:1.25rem}.legal-dl{grid-template-columns:1fr;gap:.25rem}.legal-dl dt{color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;margin-top:.5rem}.legal-dl dt:first-of-type{margin-top:0}.legal-dl dd{margin-bottom:.25rem}}.legal-container-wide{max-width:850px}.legal-h4{font-size:.9375rem;font-weight:600;color:var(--text);margin:1rem 0 .5rem}.legal-h4:first-of-type{margin-top:0}.legal-list{list-style:disc;padding-left:1.5rem;margin:.5rem 0;color:var(--text-secondary);font-size:.9375rem;line-height:1.7}.legal-list li{margin-bottom:.35rem}.legal-list strong{color:var(--text)}.legal-dl-compact{background:var(--bg);padding:1rem 1.25rem;border-radius:var(--radius);border:1px solid var(--border);margin:.5rem 0}.legal-table{width:100%;border-collapse:collapse;margin:.75rem 0;font-size:.8125rem}.legal-table th,.legal-table td{padding:.65rem .85rem;text-align:left;border:1px solid var(--border)}.legal-table th{background:var(--bg);color:var(--text);font-weight:600}.legal-table td{color:var(--text-secondary);background:var(--bg-card)}.legal-note{background:#ffaa0014;border:1px solid rgba(255,170,0,.25);border-radius:var(--radius);padding:1rem 1.25rem;margin:1rem 0;font-size:.8125rem;color:var(--text-secondary);line-height:1.6}.legal-note strong{color:var(--text);display:block;margin-bottom:.35rem}.legal-date{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border);color:var(--text-muted);font-size:.8125rem}@media(max-width:600px){.legal-container-wide{max-width:100%}.legal-table{font-size:.75rem}.legal-table th,.legal-table td{padding:.5rem .65rem}.legal-dl-compact{padding:.75rem 1rem}}.footer-link{background:none;border:none;color:var(--text-muted);font-size:inherit;font-family:inherit;cursor:pointer;padding:0;text-decoration:none;transition:color var(--transition)}.footer-link:hover{color:var(--accent);text-decoration:underline}.legal-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;z-index:2000;display:flex;align-items:flex-start;justify-content:center;padding:2rem;overflow:auto}.legal-modal-wrapper{width:100%;max-width:750px}.legal-modal-wrapper .legal-page{min-height:auto}.legal-modal-wrapper .legal-main{padding:0}.legal-modal-wrapper .legal-main:before{display:none}.legal-modal-wrapper .header{display:none}@media(max-width:600px){.legal-modal-overlay{padding:1rem}}.onboarding-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:1rem;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));animation:onboardingFadeIn .4s ease}.onboarding-overlay.exiting{animation:onboardingFadeOut .3s ease forwards}@keyframes onboardingFadeIn{0%{opacity:0}to{opacity:1}}@keyframes onboardingFadeOut{0%{opacity:1}to{opacity:0}}.onboarding-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;width:100%;max-width:520px;padding:2rem;position:relative;animation:onboardingSlideUp .5s cubic-bezier(.16,1,.3,1)}@keyframes onboardingSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.onboarding-progress{display:flex;justify-content:center;gap:.5rem;margin-bottom:1.5rem}.onboarding-dot{width:10px;height:10px;border-radius:50%;border:2px solid var(--border);background:transparent;cursor:pointer;padding:0;transition:all .3s ease}.onboarding-dot:hover{border-color:var(--text-secondary)}.onboarding-dot.completed{background:var(--accent);border-color:var(--accent)}.onboarding-dot.active{background:var(--accent);border-color:var(--accent);transform:scale(1.2);box-shadow:0 0 12px #0f86}.onboarding-skip{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--text-muted);font-size:.8125rem;cursor:pointer;padding:.5rem .75rem;border-radius:var(--radius);transition:all .2s ease}.onboarding-skip:hover{color:var(--text-secondary);background:var(--bg-hover)}.onboarding-content{text-align:center;min-height:320px;display:flex;flex-direction:column}.onboarding-title{font-size:1.75rem;font-weight:700;margin-bottom:1.5rem;letter-spacing:-.02em}.onboarding-body{flex:1;display:flex;flex-direction:column;justify-content:center}.onboarding-checkbox{margin-top:1.5rem;text-align:center}.onboarding-checkbox .checkbox-label{font-size:.8125rem;color:var(--text-muted)}.onboarding-checkbox input[type=checkbox]{accent-color:var(--accent)}.onboarding-nav{display:flex;justify-content:space-between;gap:1rem;margin-top:1rem;padding-top:1.5rem;border-top:1px solid var(--border)}.onboarding-nav-btn{min-width:100px}.onboarding-welcome{display:flex;flex-direction:column;align-items:center;gap:1rem}.onboarding-logo{display:flex;flex-direction:column;align-items:center;margin-bottom:.5rem}.onboarding-logo-text{font-size:3rem;font-weight:700;letter-spacing:-.05em;text-shadow:0 0 30px rgba(0,255,136,.3),0 0 60px rgba(0,255,136,.15)}.onboarding-logo-sub{font-size:.9375rem;color:var(--text-secondary);font-weight:600;text-shadow:0 0 8px rgba(0,255,136,.2)}.onboarding-tagline{font-size:1.25rem;color:var(--accent);font-weight:600;margin:0}.onboarding-description{color:var(--text-secondary);line-height:1.7;max-width:380px;margin:0}.onboarding-features{display:grid;grid-template-columns:1fr 1fr;gap:1rem;text-align:left}.onboarding-features-intro{grid-column:1 / -1;text-align:center;font-size:.875rem;color:var(--text-secondary);margin:0 0 .25rem}.onboarding-feature{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:var(--bg-hover);border-radius:var(--radius);border:1px solid var(--border);transition:all .2s ease}.onboarding-feature:hover{border-color:var(--accent);background:var(--accent-dim)}.onboarding-feature-icon{width:36px;height:36px;flex-shrink:0;color:var(--accent)}.onboarding-feature-icon svg{width:100%;height:100%}.onboarding-feature-text h4{font-size:.9375rem;font-weight:600;margin:0 0 .25rem}.onboarding-feature-text p{font-size:.8125rem;color:var(--text-secondary);margin:0;line-height:1.4}.onboarding-workflow{display:flex;flex-direction:column;align-items:center;gap:.75rem}.onboarding-workflow-step{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--bg-hover);border-radius:var(--radius);border:1px solid var(--border);width:100%;max-width:380px;text-align:left}.onboarding-workflow-number{width:36px;height:36px;border-radius:50%;background:var(--accent);color:var(--bg);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;flex-shrink:0}.onboarding-workflow-content h4{font-size:.9375rem;font-weight:600;margin:0 0 .25rem}.onboarding-workflow-content p{font-size:.8125rem;color:var(--text-secondary);margin:0;line-height:1.4}.onboarding-workflow-arrow{width:24px;height:24px;color:var(--text-muted)}.onboarding-workflow-arrow svg{width:100%;height:100%}.onboarding-getstarted{display:flex;flex-direction:column;align-items:center;gap:1.25rem}.onboarding-getstarted-icon{width:80px;height:80px;color:var(--accent);animation:onboardingPulse 2s ease-in-out infinite}@keyframes onboardingPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.onboarding-getstarted-icon svg{width:100%;height:100%}.onboarding-getstarted-text{color:var(--text-secondary);line-height:1.7;max-width:360px;margin:0}.onboarding-getstarted-hint{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--accent-dim);border-radius:var(--radius);font-size:.8125rem;color:var(--text)}.onboarding-getstarted-hint svg{width:18px;height:18px;color:var(--accent);flex-shrink:0}.onboarding-credits-celebration{text-align:center;padding:1.5rem 0 .5rem}.onboarding-credits-amount{font-size:4rem;font-weight:900;letter-spacing:-.03em;line-height:1;color:var(--accent);text-shadow:0 0 40px rgba(0,230,118,.3)}.onboarding-credits-label{font-size:1.125rem;font-weight:600;color:var(--text-secondary);margin-top:.25rem}@media(max-width:600px){.onboarding-modal{padding:1.5rem;margin:.5rem;max-width:none;border-radius:16px}.onboarding-title{font-size:1.5rem}.onboarding-content{min-height:280px}.onboarding-features{grid-template-columns:1fr;gap:.75rem}.onboarding-feature{padding:.5rem}.onboarding-feature-icon{width:28px;height:28px}.onboarding-workflow-step{padding:.75rem 1rem}.onboarding-workflow-number{width:32px;height:32px;font-size:1rem}.onboarding-logo-text{font-size:2.5rem}.onboarding-getstarted-icon{width:60px;height:60px}.onboarding-nav{flex-direction:column-reverse;gap:.75rem}.onboarding-nav-btn{width:100%}}.legal-document{width:100%;max-width:800px;margin:0 auto;background:var(--bg-card);border:1px solid var(--border);border-radius:1rem;overflow:hidden;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff0d}.legal-document .legal-header{padding:2rem 2rem 1.5rem;border-bottom:1px solid var(--border);background:#00ff8805}.legal-document .legal-header h1{margin:0;font-size:1.75rem;font-weight:700;color:var(--text);letter-spacing:-.02em}.legal-document .legal-subtitle{margin:.75rem 0 0;font-size:.9375rem;color:var(--accent);font-weight:600}.legal-document .legal-date{margin:.5rem 0 0;font-size:.8125rem;color:var(--text-muted)}.legal-document .legal-content{padding:2rem;display:flex;flex-direction:column;gap:2rem}.legal-document .legal-section{display:flex;flex-direction:column;gap:1rem}.legal-document .legal-section h2{margin:0;font-size:1.15rem;font-weight:600;color:var(--accent);padding-bottom:.5rem;border-bottom:1px solid var(--border)}.legal-document .legal-section p{margin:0;font-size:.9375rem;line-height:1.7;color:var(--text-secondary)}.legal-document .legal-section ul{margin:0;padding-left:1.25rem;display:flex;flex-direction:column;gap:.5rem}.legal-document .legal-section li{font-size:.9375rem;line-height:1.6;color:var(--text-secondary)}.legal-document .legal-section li strong{color:var(--text)}.legal-document .legal-highlight{background:var(--accent-dim);border:1px solid var(--accent);border-radius:var(--radius);padding:1rem 1.25rem;font-size:1rem;color:var(--accent);text-align:center;margin:.5rem 0}.legal-document .legal-link{color:var(--accent);text-decoration:none;transition:color var(--transition)}.legal-document .legal-link:hover{text-decoration:underline}.legal-document .legal-provider{background:var(--bg-card);border-radius:var(--radius);padding:1.5rem;margin-top:1rem}.legal-document .legal-provider address{font-style:normal;font-size:.9375rem;line-height:1.8;color:var(--text-secondary)}.legal-document .legal-provider address strong{font-size:1rem;color:var(--text)}.legal-document .legal-footer{padding:1.5rem 2rem;border-top:1px solid var(--border);background:#0003;display:flex;justify-content:center}@media(max-width:600px){.legal-document{border-radius:.75rem;margin:.5rem}.legal-document .legal-header{padding:1.5rem 1.25rem 1rem}.legal-document .legal-header h1{font-size:1.35rem}.legal-document .legal-content{padding:1.25rem;gap:1.5rem}.legal-document .legal-section h2{font-size:1rem}.legal-document .legal-section p,.legal-document .legal-section li{font-size:.8125rem}.legal-document .legal-highlight{font-size:.9375rem;padding:.75rem 1rem}.legal-document .legal-footer{padding:1rem 1.25rem}}.config-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:3rem;color:var(--text-muted)}.config-spinner{width:1.25rem;height:1.25rem;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.ops-loading{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2rem;color:var(--text-muted);font-size:.875rem}@media(max-width:800px){.ops-revenue-grid,.ops-credits-grid,.ops-stats-grid{grid-template-columns:repeat(2,1fr)}.ops-traffic-grid{grid-template-columns:1fr}}@media(max-width:500px){.ops-revenue-grid,.ops-credits-grid,.ops-stats-grid{grid-template-columns:1fr}.users-table{display:block;overflow-x:auto}.credits-manager-header{flex-direction:column;align-items:flex-start;gap:.5rem}.user-actions{flex-wrap:wrap}.group-selector{width:100%}.group-selector .btn-group-option{flex:1;text-align:center}.ops-traffic-controls{flex-direction:column;align-items:stretch}.ops-traffic-grid{grid-template-columns:1fr}.ops-tabs{flex-wrap:wrap}.ops-tab{flex:1 1 45%;text-align:center}}.pricing-panel{max-width:900px}.pricing-balance{display:flex;align-items:center;gap:.5rem;padding:1rem;background:var(--surface-elevated);border-radius:var(--radius);margin-bottom:1rem}.pricing-balance svg{width:20px;height:20px;color:var(--accent)}.pricing-login-hint,.pricing-info-banner{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:var(--surface-elevated);border-radius:var(--radius);border:1px solid var(--border);margin-bottom:1rem}.pricing-login-hint svg,.pricing-info-banner svg{width:20px;height:20px;flex-shrink:0;color:var(--text-secondary)}.pricing-login-title,.pricing-info-title{display:block;font-weight:600;margin-bottom:.25rem}.pricing-login-text,.pricing-info-text{display:block;font-size:.875rem;color:var(--text-secondary)}.pricing-mode-toggle{display:flex;gap:.5rem;margin-bottom:1rem}.pricing-mode-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);color:var(--text-muted);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all var(--transition)}.pricing-mode-btn:hover{border-color:var(--accent);background:var(--bg-hover)}.pricing-mode-btn.active{border-color:var(--accent);background:var(--accent);color:#000}.pricing-mode-btn svg{width:18px;height:18px}.pricing-mode-description{margin-bottom:1.5rem}.pricing-mode-description p{margin:0;color:var(--text-secondary)}.pricing-error{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius);color:#ef4444;margin-bottom:1rem}.pricing-error svg{width:16px;height:16px;flex-shrink:0}.pricing-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-bottom:1.5rem}.pricing-card{position:relative;display:flex;flex-direction:column;padding:1.5rem;background:var(--surface-elevated);border:2px solid var(--border);border-radius:var(--radius);transition:border-color .15s ease}.pricing-card:hover{border-color:var(--accent-muted)}.pricing-card-popular{border-color:var(--accent)}.pricing-card-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:.25rem .75rem;background:var(--accent);color:#fff;font-size:.75rem;font-weight:600;text-transform:uppercase;border-radius:100px}.pricing-card-header{text-align:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.pricing-card-name{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;font-family:inherit;letter-spacing:-.01em}.pricing-card-price{display:flex;align-items:baseline;justify-content:center;gap:.125rem}.pricing-card-currency{font-size:1.25rem;font-weight:600;color:var(--text-secondary)}.pricing-card-amount{font-size:2.5rem;font-weight:700;line-height:1}.pricing-card-price-sub{font-size:.875rem;font-weight:400;color:var(--text-secondary);margin-left:.125rem}.pricing-card-custom{font-size:1.25rem;font-weight:600;color:var(--text-secondary)}.pricing-card-description{margin:.5rem 0 0;font-size:.875rem;color:var(--text-secondary)}.pricing-card-features{list-style:none;margin:0 0 1rem;padding:0;flex:1}.pricing-card-features li{display:flex;align-items:center;gap:.5rem;padding:.375rem 0;font-size:.875rem;color:var(--text-secondary)}.pricing-card-features svg{width:16px;height:16px;color:var(--accent);flex-shrink:0}.pricing-card-btn{width:100%;text-transform:none;font-size:.9375rem;padding:.75rem 1.25rem;font-weight:600;letter-spacing:0}.pricing-info{padding:1.25rem;background:var(--surface-elevated);border-radius:var(--radius)}.pricing-info h4{margin:0 0 1rem;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.pricing-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin-bottom:1rem}.pricing-info-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:var(--surface);border-radius:var(--radius-sm)}.pricing-info-label{font-size:.875rem;color:var(--text-secondary)}.pricing-info-value{font-size:.875rem;font-weight:600}.pricing-info-note{margin:0;font-size:.75rem;color:var(--text-muted);text-align:center}.pricing-steps{list-style:none;margin:0 0 1rem;padding:0;counter-reset:step}.pricing-steps li{display:flex;align-items:center;gap:.75rem;padding:.5rem 0}.pricing-step-num{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--accent);color:#fff;border-radius:50%;font-size:.875rem;font-weight:600;flex-shrink:0}@media(max-width:640px){.pricing-cards{grid-template-columns:1fr}.pricing-mode-toggle{flex-direction:column}.pricing-info-grid{grid-template-columns:1fr}}.retry-button-container{margin-top:.5rem}.retry-button{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem 1rem;background:var(--surface-elevated);border:1px dashed var(--accent);color:var(--accent);border-radius:var(--radius);cursor:pointer;transition:all .15s ease}.retry-button:hover:not(:disabled){background:var(--accent);border-style:solid;color:#fff}.retry-button:disabled{opacity:.5;cursor:not-allowed}.retry-button svg{width:16px;height:16px}.retry-button .btn-loading{display:flex;align-items:center;gap:.5rem}.retry-error{margin-top:.5rem;padding:.5rem;font-size:.75rem;color:#ef4444;background:#ef44441a;border-radius:var(--radius-sm)}.pricing-card-credits{display:flex;align-items:baseline;justify-content:center;gap:.25rem;margin:.5rem 0;padding:.5rem 0;border-radius:var(--radius);background:var(--bg-hover)}.pricing-card-credits-amount{font-size:1.5rem;font-weight:700;color:var(--accent)}.pricing-card-credits-label{font-size:.875rem;color:var(--text-secondary)}.clip-workspace{padding:1.5rem;display:flex;flex-direction:column;gap:1rem;height:100%;min-height:0;overflow:hidden;position:relative}.clip-workspace-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-shrink:0}.clip-selection-count{font-size:.8125rem;color:var(--text-muted);font-weight:600}.clip-workspace-content{flex:1;overflow:auto}.clip-asset-groups{display:flex;flex-direction:column;gap:1rem;max-height:calc(100vh - 200px);overflow-y:auto}.clip-asset-group{background:var(--bg-secondary);border-radius:var(--radius)}.clip-group-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:var(--bg-hover);border-bottom:1px solid var(--border)}.clip-group-name{font-size:.8125rem;font-weight:600;color:var(--text)}.clip-group-count{font-size:.7rem;color:var(--text-secondary)}.clip-group-items{display:flex;gap:8px;padding:.75rem;overflow-x:auto;overflow-y:visible;scrollbar-width:thin;height:110px}.clip-asset-card{position:relative;flex:0 0 120px;width:120px;height:90px;border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;border:2px solid transparent;opacity:.8;transition:opacity .2s,border-color .2s,transform .15s;background:var(--bg-card)}.clip-asset-card:hover{opacity:1;transform:scale(1.03)}.clip-asset-card.selected{opacity:1;border-color:var(--accent)}.clip-asset-card img,.clip-asset-card video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.clip-asset-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;pointer-events:none}.clip-asset-number{font-size:1.75rem;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5)}.clip-video-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:1rem;gap:1rem;overflow:hidden}.clip-video-player{max-width:90%;max-height:70vh;width:auto;height:auto;object-fit:contain;border-radius:var(--radius);background:#000}.clip-video-actions{display:flex;gap:.5rem}.clip-empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:200px;color:var(--text-secondary);text-align:center}.clip-empty-state p{margin:0;font-size:1.125rem}.clip-empty-state small{margin-top:.5rem;opacity:.7}.clip-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:#fff;z-index:10}.clip-loading-overlay .spinner{width:48px;height:48px;border-width:4px}.clip-asset-badge{position:absolute;bottom:3px;left:3px;background:#000000d9;color:#fff;font-size:.6rem;font-weight:600;padding:2px 5px;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.03em;display:flex;align-items:center;gap:2px;pointer-events:none;box-shadow:0 1px 3px #0000004d}.clip-video-icon{font-size:.55rem;color:var(--accent)}.clip-asset-card.is-video video{width:100%;height:100%;object-fit:cover}.clip-asset-card.is-video:hover video{opacity:1}.retry-confirm-modal{max-width:420px}.retry-confirm-modal .modal-body p{color:var(--text);line-height:1.6;margin-bottom:1rem}.retry-info-box{display:flex;gap:.75rem;padding:1rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:var(--radius);font-size:.8125rem;color:var(--text-secondary)}.retry-info-box .info-icon{flex-shrink:0}.retry-confirm-modal .modal-footer{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.retry-confirm-modal .modal-footer .btn-option{min-width:100px}.retry-confirm-modal .modal-footer .btn-generate{min-width:140px}.upload-error-modal{max-width:480px}.upload-error-modal .modal-header h3{display:flex;align-items:center;gap:.5rem}.upload-error-message{color:var(--text);line-height:1.6;margin-bottom:1.25rem;word-break:break-word}.upload-error-hints{padding:1rem;background:#3b82f614;border:1px solid rgba(59,130,246,.15);border-radius:8px;font-size:.9375rem}.upload-error-hints strong{display:block;margin-bottom:.5rem;color:var(--text)}.upload-error-hints ul{margin:0;padding-left:1.25rem}.upload-error-hints li{color:var(--text-secondary);line-height:1.6;margin-bottom:.35rem}.upload-error-hints li:last-child{margin-bottom:0}.upload-error-modal .modal-footer{display:flex;justify-content:flex-end;margin-top:1.5rem}.status-with-retry{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:var(--radius);background:var(--bg-card);border:1px solid var(--border)}.status-with-retry.success{background:var(--accent-dim);border-color:#0f83}.status-with-retry.error{background:#ff44441a;border-color:#f443}.status-with-retry .status-text{flex:1;font-size:.8125rem;font-weight:600;text-transform:lowercase}.status-with-retry.success .status-text{color:var(--accent)}.status-with-retry.error .status-text{color:var(--red)}.status-with-retry .retry-btn{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:600;background:transparent;border:1px dashed var(--accent);border-radius:var(--radius);color:var(--accent);cursor:pointer;transition:all .15s ease;white-space:nowrap}.status-with-retry .retry-btn:hover:not(:disabled){background:var(--accent);border-style:solid;color:#000}.status-with-retry .retry-btn:disabled{opacity:.4;cursor:not-allowed;border-color:var(--text-secondary);color:var(--text-secondary)}.reference-panel-header{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:1px solid var(--border);border-radius:var(--radius);padding:.625rem .875rem;cursor:pointer;color:var(--text-muted);font-size:.8125rem;font-weight:600;letter-spacing:.03em;text-transform:lowercase;transition:all .15s ease}.reference-panel-header:hover:not(:disabled){border-color:var(--text-muted);color:var(--text)}.reference-panel-label{display:flex;align-items:center;gap:.375rem}.reference-active-indicator{display:flex;align-items:center;gap:.25rem;font-size:.6875rem;color:var(--accent);font-weight:500}.reference-panel-content{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.reference-preview{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:var(--bg-elevated, var(--bg-card));border:1px solid var(--border);border-radius:var(--radius)}.reference-thumbnail{width:64px;height:64px;object-fit:cover;border-radius:calc(var(--radius) - 2px);flex-shrink:0}.reference-preview-info{display:flex;align-items:center;justify-content:space-between;flex:1;min-width:0}.reference-preview-name{font-size:.75rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reference-remove-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;border-radius:4px;flex-shrink:0;transition:color .15s ease}.reference-remove-btn:hover{color:var(--error, #ff4444)}.reference-picker-modal{max-width:560px;max-height:80vh;display:flex;flex-direction:column}.reference-picker-nav{display:flex;align-items:center;gap:.5rem}.reference-picker-nav h3{margin:0;font-size:.9375rem;font-weight:600}.reference-picker-back{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;border-radius:4px;display:flex;align-items:center;transition:color .15s ease}.reference-picker-back:hover{color:var(--text)}.reference-picker-body{overflow-y:auto;max-height:60vh}.reference-picker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.reference-picker-tile{background:none;border:1px solid var(--border);border-radius:var(--radius);padding:0;cursor:pointer;overflow:hidden;transition:all .15s ease;text-align:center}.reference-picker-tile:hover{border-color:var(--accent);transform:translateY(-1px)}.reference-picker-thumb{position:relative;aspect-ratio:1;overflow:hidden;background:var(--bg-elevated, #111)}.reference-picker-thumb img{width:100%;height:100%;object-fit:cover}.reference-picker-empty{width:100%;height:100%;background:var(--bg-elevated, #111)}.reference-picker-count{position:absolute;top:4px;right:4px;background:#000000b3;color:#fff;font-size:.625rem;padding:.125rem .375rem;border-radius:4px;font-weight:600}.reference-picker-label{display:block;padding:.375rem .5rem;font-size:.6875rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reference-picker-badge{display:inline-block;font-size:.625rem;padding:.125rem .375rem;border-radius:3px;background:var(--bg-elevated, #222);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.reference-picker-badge.badge-staging{color:var(--accent)}.reference-picker-badge.badge-render{color:#a78bfa}.reference-picker-badge.badge-edit{color:#fbbf24}.reference-picker-badge.badge-clean,.reference-picker-badge.badge-renovate,.reference-picker-badge.badge-season{color:#60a5fa}.reference-picker-empty-state{grid-column:1 / -1;text-align:center;padding:2rem;color:var(--text-muted);font-size:.8125rem}.feedback-overlay{position:absolute;bottom:12px;right:12px;display:flex;gap:6px;z-index:10;pointer-events:auto}.feedback-btn{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:#00000080;color:#ffffffb3;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.feedback-btn:hover{background:#000000b3;color:#fff;transform:scale(1.1)}.feedback-btn.active.feedback-up{background:#10b981cc;color:#fff;border-color:#10b98180}.feedback-btn.active.feedback-down{background:#ef4444cc;color:#fff;border-color:#ef444480}.feedback-btn:disabled{opacity:.5;cursor:default;transform:none}.feedback-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:2000;display:flex;align-items:center;justify-content:center;animation:fadeIn .15s ease}.feedback-modal{background:#1a1a1d;border:1px solid #333;border-radius:12px;padding:24px;width:420px;max-width:90vw;max-height:80vh;overflow-y:auto}.feedback-modal h3{margin:0 0 4px;font-size:1.1rem;color:#fff}.feedback-modal-desc{margin:0 0 16px;font-size:.85rem;color:#888}.feedback-categories{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.feedback-category{padding:6px 14px;border-radius:20px;border:1px solid #444;background:transparent;color:#ccc;font-size:.85rem;cursor:pointer;transition:all .15s ease}.feedback-category:hover{border-color:#666;color:#fff}.feedback-category.active{background:#ef444426;border-color:#ef4444;color:#ef4444}.feedback-comment{width:100%;padding:10px 12px;border:1px solid #333;border-radius:8px;background:#111;color:#fff;font-size:.9rem;resize:vertical;margin-bottom:16px;font-family:inherit;box-sizing:border-box}.feedback-comment::placeholder{color:#555}.feedback-comment:focus{outline:none;border-color:#555}.feedback-modal-actions{display:flex;justify-content:flex-end;gap:8px}.feedback-badge{background:#ef4444;color:#fff;font-size:.7rem;font-weight:600;padding:1px 6px;border-radius:10px;margin-left:4px;min-width:16px;text-align:center;line-height:1.4}.toast-container{position:fixed;bottom:32px;left:50%;transform:translate(-50%);z-index:9999;pointer-events:none;display:flex;flex-direction:column;gap:10px}.toast-notification{pointer-events:auto;background:#18181b;border:1px solid #333;border-radius:8px;padding:12px 20px;box-shadow:0 4px 20px #00000080;display:flex;align-items:center;gap:12px;min-width:320px;max-width:90vw;animation:slideUpFade .3s cubic-bezier(.16,1,.3,1);color:#fff}.toast-notification.success{border-left:4px solid #10b981;border-top:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333}.toast-notification.success .toast-icon{color:#10b981}.toast-notification.error{border-left:4px solid #ef4444;border-top:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333}.toast-notification.error .toast-icon{color:#ef4444}.toast-icon{font-size:1.2rem;display:flex;align-items:center;justify-content:center}.toast-message{flex:1;font-size:.9rem;font-weight:500;line-height:1.4}.toast-close{background:none;border:none;font-size:1.2rem;color:#666;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;transition:all .2s}.toast-close:hover{background:#ffffff1a;color:#fff}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:9998;padding:0 1rem 1rem;pointer-events:none;animation:slideUpBanner .4s cubic-bezier(.16,1,.3,1)}.cookie-banner-content{pointer-events:auto;max-width:720px;margin:0 auto;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem;display:flex;align-items:center;gap:1rem;box-shadow:0 -4px 20px #0000004d}.cookie-banner-icon{flex-shrink:0;width:32px;height:32px;color:var(--accent)}.cookie-banner-icon svg{width:100%;height:100%}.cookie-banner-text{flex:1;min-width:0}.cookie-banner-text p{font-size:.85rem;color:var(--text-secondary);line-height:1.5;margin:0}.cookie-banner-link{display:inline-block;margin-top:.35rem;font-size:.8rem;color:var(--accent);text-decoration:none;transition:opacity var(--transition);background:none;border:none;padding:0;cursor:pointer;font-family:inherit}.cookie-banner-link:hover{opacity:.8;text-decoration:underline}.cookie-banner-btn{flex-shrink:0;background:var(--accent);color:#000;border:none;border-radius:6px;padding:.6rem 1.25rem;font-size:.85rem;font-weight:600;cursor:pointer;transition:all var(--transition);font-family:inherit}.cookie-banner-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.cookie-banner-btn:active{transform:translateY(0)}@keyframes slideUpBanner{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.cookie-banner{padding:0 .75rem .75rem}.cookie-banner-content{flex-direction:column;text-align:center;padding:1rem;gap:.75rem}.cookie-banner-icon{width:28px;height:28px}.cookie-banner-text p{font-size:.8rem}.cookie-banner-btn{width:100%;padding:.75rem 1rem}}@media(prefers-reduced-motion:reduce){.cookie-banner{animation:none}.cookie-banner-btn:hover{transform:none}}:root{--landing-bg: #0a0a0a;--landing-bg-card: #111;--landing-bg-elevated: #1a1a1a;--landing-border: #1e1e1e;--landing-border-hover: #2a2a2a;--landing-green: #00e676;--landing-green-dim: rgba(0, 230, 118, .08);--landing-green-glow: rgba(0, 230, 118, .19);--landing-green-bright: #69f0ae;--landing-text: #f0f0f0;--landing-text-sub: #8a8a8a;--landing-text-muted: #555;--landing-font: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--landing-font-mono: "SF Mono", "Fira Code", "Roboto Mono", "Courier New", monospace;--landing-mono-weight: 500;--landing-mono-spacing: .05em;--landing-section-padding: clamp(3rem, 6vw, 5rem);--landing-container-width: 1200px;--landing-container-padding: clamp(1rem, 4vw, 2rem);--landing-radius: 12px;--landing-radius-lg: 16px;--landing-transition: .2s ease;--landing-transition-slow: .4s ease}.landing-page{min-height:100vh;background:var(--landing-bg);color:var(--landing-text);font-family:var(--landing-font);font-size:16px;line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.landing-page:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.03;z-index:1000;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}.landing-container{max-width:var(--landing-container-width);margin:0 auto;padding:0 var(--landing-container-padding)}.landing-section{padding:var(--landing-section-padding) 0;position:relative}.landing-headline{font-weight:800;letter-spacing:-.025em;line-height:1.1;color:var(--landing-text)}.landing-headline-xl{font-size:clamp(2.5rem,6vw,4rem);font-weight:900;letter-spacing:-.035em}.landing-headline-lg{font-size:clamp(2rem,4vw,3rem)}.landing-headline-md{font-size:clamp(1.5rem,3vw,2rem)}.landing-subline{color:var(--landing-text-sub);font-size:clamp(1rem,2vw,1.25rem);font-weight:400;max-width:600px}.landing-label{font-family:var(--landing-font-mono);font-size:.875rem;font-weight:500;text-transform:lowercase;letter-spacing:.1em;color:#00e67680}.landing-label:before{content:"// "}.landing-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.75rem;font-family:var(--landing-font);font-size:.9375rem;font-weight:600;border-radius:var(--landing-radius);cursor:pointer;transition:all var(--landing-transition);text-decoration:none;border:none;white-space:nowrap}.landing-btn-primary{background:var(--landing-green);color:#000}.landing-btn-primary:hover{background:var(--landing-green-bright);transform:translateY(-2px);box-shadow:0 8px 24px var(--landing-green-glow)}.landing-btn-outline{background:transparent;color:var(--landing-text);border:1px solid var(--landing-border)}.landing-btn-outline:hover{border-color:var(--landing-border-hover);background:var(--landing-bg-elevated)}.landing-card{background:var(--landing-bg-card);border:1px solid var(--landing-border);border-radius:var(--landing-radius);padding:1.5rem;transition:all var(--landing-transition)}.landing-card:hover{border-color:var(--landing-border-hover)}.landing-card-highlight{border-color:var(--landing-green);box-shadow:0 0 30px var(--landing-green-dim)}.landing-card-hover:hover{transform:translateY(-3px);border-top:2px solid var(--landing-green)}.landing-fade-in{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.landing-fade-in.visible{opacity:1;transform:translateY(0)}.landing-stagger>*{opacity:0;transform:translateY(24px);transition:opacity .5s ease,transform .5s ease}.landing-stagger.visible>*:nth-child(1){transition-delay:0ms}.landing-stagger.visible>*:nth-child(2){transition-delay:50ms}.landing-stagger.visible>*:nth-child(3){transition-delay:.1s}.landing-stagger.visible>*:nth-child(4){transition-delay:.15s}.landing-stagger.visible>*:nth-child(5){transition-delay:.2s}.landing-stagger.visible>*:nth-child(6){transition-delay:.25s}.landing-stagger.visible>*:nth-child(7){transition-delay:.3s}.landing-stagger.visible>*:nth-child(8){transition-delay:.35s}.landing-stagger.visible>*:nth-child(9){transition-delay:.4s}.landing-stagger.visible>*:nth-child(10){transition-delay:.45s}.landing-stagger.visible>*{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.landing-fade-in,.landing-stagger>*{opacity:1;transform:none;transition:none}}@keyframes shimmer{0%{background-position:200% center}to{background-position:-200% center}}.landing-shimmer{background:linear-gradient(90deg,var(--landing-green) 0%,var(--landing-green-bright) 25%,#fff 50%,var(--landing-green-bright) 75%,var(--landing-green) 100%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 4s linear infinite}@media(prefers-reduced-motion:reduce){.landing-shimmer{animation:none;background:var(--landing-green)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.landing-pulse{animation:pulse 2s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.landing-pulse{animation:none}}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1rem 0;transition:all var(--landing-transition-slow)}.landing-nav.scrolled{background:#0a0a0af2;backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--landing-border)}@supports (-webkit-touch-callout: none){.landing-nav.scrolled{background:#0a0a0afa}}.landing-nav-inner{display:flex;align-items:center;justify-content:space-between}.landing-nav-logo{display:flex;flex-direction:column;gap:0}.landing-nav-logo-main{font-size:1.25rem;font-weight:800;color:var(--landing-text);text-decoration:none;letter-spacing:-.02em}.landing-nav-logo-sub{font-family:var(--landing-font-mono);font-size:.6875rem;font-weight:500;letter-spacing:.05em;color:var(--landing-text-muted);text-transform:lowercase}.landing-nav-links{display:flex;align-items:center;gap:2rem}.landing-nav-link{font-size:.875rem;color:var(--landing-text-sub);text-decoration:none;transition:color var(--landing-transition);background:none;border:none;cursor:pointer;padding:0}.landing-nav-link:hover{color:var(--landing-text)}.landing-nav-cta{padding:.625rem 1.25rem;font-size:.875rem}.landing-nav-mobile-toggle{display:none;background:none;border:none;color:var(--landing-text);cursor:pointer;padding:.5rem}@media(max-width:768px){.landing-nav-links{display:none}.landing-nav-mobile-toggle{display:block}.landing-nav-links.open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--landing-bg);border-bottom:1px solid var(--landing-border);padding:1.5rem var(--landing-container-padding) 2rem;gap:1.25rem}.landing-nav-links.open .landing-nav-link{font-size:1.125rem;padding:.5rem 0}.landing-nav-links.open .landing-nav-cta{margin-top:.5rem;padding:1rem 1.5rem;font-size:1rem}}.landing-hero{min-height:90vh;display:flex;flex-direction:column;justify-content:center;padding-top:5rem;position:relative;overflow:hidden}html{scroll-behavior:smooth}.landing-hero-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;background:radial-gradient(circle,var(--landing-green-dim) 0%,transparent 70%);pointer-events:none;opacity:.5}.landing-hero-content{position:relative;z-index:1;text-align:center;max-width:900px;margin:0 auto}.landing-hero-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--landing-bg-card);border:1px solid var(--landing-border);border-radius:9999px;font-family:var(--landing-font-mono);font-size:.875rem;font-weight:500;letter-spacing:.06em;color:var(--landing-text-sub);text-transform:lowercase;margin-bottom:2rem}.landing-hero-pill-dot{width:6px;height:6px;background:var(--landing-green);border-radius:50%}.landing-hero-headline{margin-bottom:1.5rem}.landing-hero-subline{margin:0 auto 2.5rem;text-align:center}.landing-hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.landing-hero-credits-hint{text-align:center;color:var(--landing-green);font-size:.875rem;font-weight:500;margin-top:1.25rem;letter-spacing:.01em}.landing-showcase{padding-top:0}.landing-showcase-tabs{display:flex;gap:.5rem;justify-content:center;margin-bottom:2rem;flex-wrap:wrap}.landing-showcase-tab{padding:.625rem 1.25rem;font-family:var(--landing-font);font-size:.875rem;font-weight:500;background:transparent;border:1px solid var(--landing-border);border-radius:var(--landing-radius);color:var(--landing-text-sub);cursor:pointer;transition:all var(--landing-transition)}.landing-showcase-tab:hover{border-color:var(--landing-border-hover);color:var(--landing-text)}.landing-showcase-tab.active{background:var(--landing-bg-elevated);border-color:var(--landing-green);color:var(--landing-text)}.landing-showcase-content{background:var(--landing-bg-card);border:1px solid var(--landing-border);border-radius:var(--landing-radius-lg);overflow:hidden;position:relative}.landing-showcase-visual{aspect-ratio:16 / 9;position:relative;overflow:hidden}.landing-showcase-caption{padding:1.5rem;border-top:1px solid var(--landing-border)}.landing-showcase-caption-title{font-size:1rem;font-weight:600;margin-bottom:.25rem}.landing-showcase-caption-detail{font-family:var(--landing-font-mono);font-size:.875rem;font-weight:500;color:#999;letter-spacing:.05em}.landing-slider{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.landing-slider-before,.landing-slider-after{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center}.landing-slider-before{clip-path:inset(0 50% 0 0)}.landing-slider-divider{position:absolute;top:0;bottom:0;left:50%;width:3px;background:var(--landing-green);transform:translate(-50%);cursor:ew-resize;z-index:10}.landing-slider-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background:var(--landing-green);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#000;font-weight:700;box-shadow:0 4px 12px var(--landing-green-glow)}.landing-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--landing-bg-elevated) 0%,var(--landing-bg-card) 100%)}.landing-placeholder-icon{font-size:3rem;margin-bottom:1rem;opacity:.3}.landing-placeholder-text{font-family:var(--landing-font-mono);font-size:.875rem;font-weight:500;letter-spacing:.05em;color:var(--landing-text-muted)}.landing-stats{padding:3rem 0;border-top:1px solid var(--landing-border);border-bottom:1px solid var(--landing-border)}.landing-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;text-align:center}.landing-stat-number{font-size:clamp(2rem,4vw,3rem);font-weight:800;color:var(--landing-green);letter-spacing:-.02em}.landing-stat-label{font-family:var(--landing-font-mono);font-size:.875rem;font-weight:500;color:#999;text-transform:lowercase;letter-spacing:.06em}@media(max-width:768px){.landing-stats-grid{grid-template-columns:repeat(2,1fr)}}.landing-workflow-strip-section{padding:2rem 0 4rem}.landing-workflow-strip-header{text-align:center;margin-bottom:2rem}.landing-workflow-strip-header h3{margin-top:.5rem}.landing-workflow-strip{display:flex;align-items:center;justify-content:center;gap:0;overflow-x:auto;padding:1rem 0;-webkit-overflow-scrolling:touch}.landing-workflow-strip-item{display:flex;align-items:center;gap:0;flex-shrink:0}.landing-workflow-strip-step{background:var(--landing-bg-card);border:1px solid var(--landing-border);border-radius:var(--landing-radius);padding:1.25rem 1.5rem;text-align:center;min-width:100px;transition:border-color var(--landing-transition)}.landing-workflow-strip-step:hover{border-color:var(--landing-border-hover)}.landing-workflow-strip-icon{font-size:2rem;margin-bottom:.5rem}.landing-workflow-strip-label{font-weight:600;font-size:.875rem;margin-bottom:.25rem}.landing-workflow-strip-desc{font-family:var(--landing-font-mono);font-size:.75rem;font-weight:500;letter-spacing:.05em;color:var(--landing-text-muted)}.landing-workflow-strip-arrow{color:var(--landing-green);font-size:1.5rem;padding:0 .75rem;flex-shrink:0}@media(max-width:768px){.landing-workflow-strip{justify-content:flex-start;padding-left:var(--landing-container-padding);padding-right:var(--landing-container-padding)}.landing-workflow-strip-step{padding:1rem;min-width:80px}.landing-workflow-strip-icon{font-size:1.5rem}}.landing-modules-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}.landing-module-card{padding:1.25rem;text-align:center;cursor:default;display:flex;flex-direction:column;min-height:180px}.landing-module-card .landing-module-desc{flex-grow:1}.landing-module-icon{width:48px;height:48px;margin:0 auto 1rem;background:var(--landing-bg-elevated);border-radius:var(--landing-radius);display:flex;align-items:center;justify-content:center;font-size:1.5rem}.landing-module-name{font-weight:600;margin-bottom:.5rem}.landing-module-desc{font-size:.875rem;color:var(--landing-text-sub)}@media(max-width:1024px){.landing-modules-grid{grid-template-columns:repeat(3,1fr)}}.landing-module-footer{text-align:center;margin-top:2rem}.landing-module-footer-info{font-family:var(--landing-font-mono);font-size:.875rem;font-weight:500;letter-spacing:.05em;color:#888}.landing-module-footer-link{font-family:var(--landing-font-mono);font-size:.875rem;font-weight:500;letter-spacing:.05em;color:var(--landing-green);background:none;border:none;cursor:pointer;padding:0;transition:opacity var(--landing-transition)}.landing-module-footer-link:hover{opacity:.8;text-decoration:underline}@media(max-width:640px){.landing-modules-grid{grid-template-columns:repeat(2,1fr)}}.landing-strengths-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.landing-strength-card{padding:2rem;cursor:default}.landing-strength-card-full{grid-column:1 / -1;border-color:var(--landing-green);background:linear-gradient(135deg,var(--landing-bg-card) 0%,rgba(0,230,118,.02) 100%)}.landing-strength-title{font-size:1.25rem;font-weight:700;margin-bottom:.75rem}.landing-strength-desc{color:var(--landing-text-sub);font-size:.9375rem}.landing-strength-card-usp{border-left:3px solid var(--landing-green);background:linear-gradient(135deg,var(--landing-bg-card) 0%,rgba(0,230,118,.03) 100%);position:relative}.landing-strength-badge{position:absolute;top:1rem;right:1rem;background:var(--landing-green);color:#000;font-size:.6875rem;font-weight:700;padding:.25rem .5rem;border-radius:4px;text-transform:uppercase;letter-spacing:.05em}@media(max-width:768px){.landing-strengths-grid{grid-template-columns:1fr}}.landing-pricing-free-hint{color:var(--landing-green);font-size:.95rem;font-weight:500;margin-top:.75rem}.landing-pricing-toggle{display:flex;justify-content:center;gap:.5rem;margin-bottom:3rem;background:var(--landing-bg-card);border:1px solid var(--landing-border);border-radius:var(--landing-radius);padding:.25rem;width:fit-content;margin-left:auto;margin-right:auto}.landing-pricing-toggle-btn{padding:.75rem 1.5rem;font-family:var(--landing-font);font-size:.875rem;font-weight:500;background:transparent;border:none;border-radius:calc(var(--landing-radius) - 2px);color:var(--landing-text-sub);cursor:pointer;transition:all var(--landing-transition)}.landing-pricing-toggle-btn.active{background:var(--landing-bg-elevated);color:var(--landing-text)}.landing-pricing-grid{display:grid;gap:1.5rem}.landing-pricing-grid-4{grid-template-columns:repeat(4,1fr)}.landing-pricing-grid-5{grid-template-columns:repeat(5,1fr)}.landing-pricing-grid-3{grid-template-columns:repeat(3,1fr)}.landing-pricing-card{padding:2rem;display:flex;flex-direction:column;position:relative}.landing-pricing-card-popular{border-color:var(--landing-green)}.landing-pricing-badge{position:absolute;top:-.75rem;left:50%;transform:translate(-50%);background:var(--landing-green);color:#000;font-size:.6875rem;font-weight:700;padding:.25rem .75rem;border-radius:9999px;text-transform:lowercase}.landing-pricing-name{font-weight:600;margin-bottom:.5rem}.landing-pricing-price{font-size:2rem;font-weight:800;margin-bottom:.25rem}.landing-pricing-price-sub{font-family:var(--landing-font-mono);font-size:.875rem;font-weight:500;color:#999;letter-spacing:.04em;margin-bottom:1.5rem}.landing-pricing-features{list-style:none;padding:0;margin:0 0 1.5rem;flex-grow:1}.landing-pricing-features li{font-size:.875rem;color:var(--landing-text-sub);padding:.375rem 0;border-bottom:1px solid var(--landing-border)}.landing-pricing-features li:last-child{border-bottom:none}.landing-pricing-enterprise{margin-top:1.5rem;background:var(--landing-bg-card);border:1px solid var(--landing-border);border-radius:var(--landing-radius);padding:2rem}.landing-pricing-enterprise-content{display:flex;justify-content:space-between;align-items:center;gap:2rem}.landing-pricing-enterprise-info{flex:1}.landing-pricing-enterprise-desc{color:var(--landing-text-sub);font-size:.9375rem;margin:.5rem 0 1rem}.landing-pricing-enterprise-features{display:flex;flex-wrap:wrap;gap:.5rem 2rem;list-style:none;padding:0;margin:0}.landing-pricing-enterprise-features li{font-size:.875rem;color:var(--landing-text-sub)}.landing-pricing-enterprise-features li:before{content:"✓ ";color:var(--landing-green)}.landing-pricing-enterprise-cta{text-align:center;flex-shrink:0}.landing-pricing-enterprise-cta .landing-pricing-price{margin-bottom:1rem}@media(max-width:1024px){.landing-pricing-grid-4,.landing-pricing-grid-5{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.landing-pricing-grid-4,.landing-pricing-grid-5,.landing-pricing-grid-3{grid-template-columns:1fr}.landing-pricing-enterprise-content{flex-direction:column;text-align:center}.landing-pricing-enterprise-features{justify-content:center}}.landing-faq-list{max-width:800px;margin:0 auto}.landing-faq-item{border-bottom:1px solid var(--landing-border)}.landing-faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1.5rem 0;background:none;border:none;font-family:var(--landing-font);font-size:1rem;font-weight:600;color:var(--landing-text);text-align:left;cursor:pointer;transition:color var(--landing-transition)}.landing-faq-question:hover{color:var(--landing-green)}.landing-faq-icon{font-size:1.25rem;transition:transform var(--landing-transition)}.landing-faq-item.open .landing-faq-icon{transform:rotate(45deg)}.landing-faq-answer{max-height:0;overflow:hidden;transition:max-height var(--landing-transition-slow)}.landing-faq-item.open .landing-faq-answer{max-height:500px}.landing-faq-answer-inner{padding-bottom:1.5rem;color:var(--landing-text-sub);line-height:1.7}.landing-footer{padding:3rem 0;border-top:1px solid var(--landing-border)}.landing-footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.landing-footer-brand{font-weight:700}.landing-footer-brand span{color:var(--landing-text-muted);font-weight:400}.landing-footer-links{display:flex;gap:2rem}.landing-footer-link{font-size:.875rem;color:var(--landing-text-muted);text-decoration:none;transition:color var(--landing-transition);background:none;border:none;padding:0;font-family:inherit;cursor:pointer}.landing-footer-link:hover{color:var(--landing-text)}.landing-footer-copy{font-family:var(--landing-font-mono);font-size:.875rem;font-weight:500;letter-spacing:.04em;color:#777}@media(max-width:768px){.landing-footer-inner{flex-direction:column;text-align:center}.landing-footer-links{flex-wrap:wrap;justify-content:center}}.landing-two-ways-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.landing-two-ways-card{padding:2.5rem}.landing-two-ways-card-featured{border-color:var(--landing-green)}.landing-two-ways-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.landing-two-ways-desc{color:var(--landing-text-sub);margin-bottom:1.5rem}.landing-two-ways-features{list-style:none;padding:0;margin:0 0 2rem}.landing-two-ways-features li{padding:.5rem 0;color:var(--landing-text-sub);font-size:.9375rem}.landing-two-ways-features li:before{content:"→ ";color:var(--landing-green)}@media(max-width:768px){.landing-two-ways-grid{grid-template-columns:1fr}}.landing-science{border-top:1px solid var(--landing-border);border-bottom:1px solid var(--landing-border);background:radial-gradient(ellipse 60% 50% at 50% 0%,rgba(0,230,118,.03) 0%,transparent 70%),var(--landing-bg)}.landing-science-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-bottom:3rem}.landing-science-card{padding:2.5rem;position:relative}.landing-science-icon{width:48px;height:48px;border-radius:12px;background:var(--landing-green-dim);border:1px solid rgba(0,230,118,.15);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:var(--landing-green)}.landing-science-headline{font-size:1.375rem;font-weight:700;margin-bottom:.75rem;color:var(--landing-text)}.landing-science-text{color:var(--landing-text-sub);font-size:.9375rem;line-height:1.7;margin:0}.landing-science-source{text-align:center;font-size:.8125rem;color:var(--landing-text-muted);font-family:var(--landing-font-mono);font-weight:var(--landing-mono-weight);letter-spacing:var(--landing-mono-spacing);line-height:1.6}.landing-science-source-badge{display:inline-block;background:var(--landing-bg-elevated);border:1px solid var(--landing-border);border-radius:6px;padding:.2rem .6rem;font-size:.6875rem;text-transform:uppercase;letter-spacing:.08em;color:var(--landing-text-sub);margin-right:.5rem;vertical-align:middle}@media(max-width:768px){.landing-science-grid{grid-template-columns:1fr}.landing-science-card{padding:2rem}}.landing-steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;text-align:center}.landing-step-number{font-size:4rem;font-weight:900;color:var(--landing-green);line-height:1;margin-bottom:1rem}.landing-step-title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.landing-step-desc{color:var(--landing-text-sub);font-size:.9375rem}@media(max-width:768px){.landing-steps-grid{grid-template-columns:1fr;gap:3rem}}.landing-testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.landing-testimonial-card{padding:2rem}.landing-testimonial-quote{font-size:1rem;line-height:1.7;margin-bottom:1.5rem;color:var(--landing-text)}.landing-testimonial-author{display:flex;align-items:center;gap:1rem}.landing-testimonial-avatar{width:48px;height:48px;border-radius:50%;background:var(--landing-bg-elevated);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--landing-green)}.landing-testimonial-name{font-weight:600}.landing-testimonial-role{font-size:.875rem;color:var(--landing-text-muted)}@media(max-width:768px){.landing-testimonials-grid{grid-template-columns:1fr}}.landing-problem-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.landing-problem-text h3{font-size:clamp(1.75rem,3vw,2.25rem);font-weight:800;margin-bottom:1.5rem;letter-spacing:-.02em}.landing-problem-text p{color:var(--landing-text-sub);margin-bottom:2rem;line-height:1.7}.landing-workflow-chain{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-top:1.5rem}.landing-workflow-item{display:flex;align-items:center;gap:.75rem}.landing-workflow-step{background:var(--landing-bg-card);border:1px solid var(--landing-border);border-radius:var(--landing-radius);padding:.75rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.25rem;min-width:70px}.landing-workflow-icon{font-size:1.75rem}.landing-workflow-label{font-family:var(--landing-font-mono);font-size:.75rem;font-weight:500;letter-spacing:.05em;color:#888;text-transform:lowercase}.landing-workflow-arrow{color:var(--landing-green);font-size:1.25rem}.landing-pain-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.landing-pain-card{padding:1.25rem;cursor:default;display:flex;flex-direction:column;min-height:120px}.landing-pain-card-title{font-weight:600;margin-bottom:.5rem}.landing-pain-card-desc{font-size:.875rem;color:var(--landing-text-muted)}@media(max-width:768px){.landing-problem-grid{grid-template-columns:1fr;gap:2rem}}.landing-cta-box{text-align:center;padding:4rem;border:1px solid var(--landing-green);border-radius:var(--landing-radius-lg);background:linear-gradient(135deg,var(--landing-bg-card) 0%,rgba(0,230,118,.02) 100%)}.landing-cta-box h2{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;margin-bottom:1rem}.landing-cta-box p{color:var(--landing-text-sub);margin-bottom:2rem;max-width:500px;margin-left:auto;margin-right:auto}.landing-cta-credits-hint{color:var(--landing-green);font-weight:500}.landing-cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.landing-enterprise-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.landing-enterprise-stats{display:flex;gap:2rem;margin-bottom:2rem}.landing-enterprise-stat{text-align:center}.landing-enterprise-stat-number{font-size:2.5rem;font-weight:800;color:var(--landing-green)}.landing-enterprise-stat-label{font-family:var(--landing-font-mono);font-size:.875rem;font-weight:500;letter-spacing:.06em;color:#999}@media(max-width:768px){.landing-enterprise-grid{grid-template-columns:1fr;gap:2rem}}.landing-section-header{text-align:center;margin-bottom:4rem}.landing-section-header .landing-label{margin-bottom:1rem;display:block}.landing-section-header h2{margin-bottom:1rem}.landing-section-header p{max-width:600px;margin:0 auto}.landing-video-container{position:relative;width:100%;height:100%}.landing-video-container video{width:100%;height:100%;object-fit:cover}.landing-video-still{position:absolute;bottom:1rem;right:1rem;width:120px;border:2px solid var(--landing-border);border-radius:var(--landing-radius);overflow:hidden}.landing-video-still img{width:100%;display:block}.landing-video-still-label{position:absolute;bottom:0;left:0;right:0;background:#000c;font-family:var(--landing-font-mono);font-size:.75rem;font-weight:500;letter-spacing:.05em;padding:.25rem;text-align:center;color:var(--landing-text-muted)}.landing-reframe-compare{display:flex;align-items:center;justify-content:center;gap:1.5rem;height:100%;padding:1.5rem}.landing-reframe-img{background:var(--landing-bg-elevated);border-radius:var(--landing-radius);overflow:hidden}.landing-reframe-img img{width:100%;height:100%;object-fit:cover}.landing-reframe-img-landscape{aspect-ratio:16 / 9;height:70%;max-height:320px}.landing-reframe-img-portrait{aspect-ratio:9 / 16;height:95%;max-height:480px}.landing-reframe-arrow{font-size:2rem;color:var(--landing-green);flex-shrink:0}.landing-demo-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem}.landing-demo-step{text-align:center}.landing-demo-step-number{width:40px;height:40px;background:var(--landing-green);color:#000;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.landing-demo-step-title{font-weight:600;margin-bottom:.25rem}.landing-demo-step-desc{font-size:.875rem;color:var(--landing-text-muted)}@media(max-width:640px){.landing-demo-steps{grid-template-columns:1fr}}.landing-upsell-compare{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.landing-upsell-card{padding:2rem}.landing-upsell-card-header{margin-bottom:1.5rem}.landing-upsell-card-header h3{font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.landing-upsell-subtitle{font-family:var(--landing-font-mono);font-size:.875rem;font-weight:500;letter-spacing:.05em;color:var(--landing-green)}.landing-upsell-features{list-style:none;padding:0;margin:0 0 2rem}.landing-upsell-features li{padding:.75rem 0;border-bottom:1px solid var(--landing-border);font-size:.9375rem;color:var(--landing-text-sub)}.landing-upsell-features li:last-child{border-bottom:none}.landing-upsell-features li strong{color:var(--landing-text);font-weight:500}@media(max-width:768px){.landing-upsell-compare{grid-template-columns:1fr}}.landing-upsell{background:var(--landing-bg-card);border-radius:var(--landing-radius-lg);padding:3rem;text-align:center}.landing-upsell h3{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.landing-upsell p{color:var(--landing-text-sub);max-width:600px;margin:0 auto 2rem}.landing-pm-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.landing-pm-features{list-style:none;padding:0;margin:1.5rem 0 0}.landing-pm-features li{padding:.625rem 0;color:var(--landing-text-sub);display:flex;align-items:center;gap:.75rem}.landing-pm-features li:before{content:"✓";color:var(--landing-green);font-weight:700}.landing-pm-mockup{position:relative}.landing-pm-window{background:#0d0d0d;border:1px solid var(--landing-border);border-radius:var(--landing-radius-lg);overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.landing-pm-header{display:flex;align-items:center;gap:.5rem;padding:.875rem 1rem;background:#111;border-bottom:1px solid var(--landing-border)}.landing-pm-dot{width:10px;height:10px;border-radius:50%}.landing-pm-dot.red{background:#ff5f56}.landing-pm-dot.yellow{background:#ffbd2e}.landing-pm-dot.green{background:#27ca40}.landing-pm-title{margin-left:.75rem;font-size:.8125rem;color:var(--landing-text-sub);font-weight:500}.landing-pm-content{display:grid;grid-template-columns:repeat(2,1fr);gap:.875rem;padding:1rem}.landing-pm-tile{background:var(--landing-bg-elevated);border:1px solid var(--landing-border);border-radius:8px;overflow:hidden;transition:border-color var(--landing-transition)}.landing-pm-tile:hover{border-color:var(--landing-border-hover)}.landing-pm-tile-thumb{aspect-ratio:16 / 10;overflow:hidden;background:#0a0a0a}.landing-pm-tile-thumb img{width:100%;height:100%;object-fit:cover}.landing-pm-tile-info{padding:.625rem .75rem}.landing-pm-tile-name{font-size:.75rem;font-weight:500;color:var(--landing-text);margin-bottom:.375rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.landing-pm-tile-badges{display:flex;gap:.25rem}.landing-pm-badge{font-size:.625rem;font-weight:600;padding:.125rem .375rem;border-radius:4px;text-transform:uppercase}.landing-pm-badge.badge-s{background:#9c27b033;color:#ce93d8}.landing-pm-badge.badge-c{background:#2196f333;color:#90caf9}.landing-pm-badge.badge-m{background:#ff980033;color:#ffcc80}.landing-pm-badge.badge-r{background:#4caf5033;color:#a5d6a7}.landing-pm-badge.badge-n{background:#00bcd433;color:#80deea}.landing-pm-tile-add{border-style:dashed;border-color:var(--landing-border)}.landing-pm-tile-add .landing-pm-tile-thumb{display:flex;align-items:center;justify-content:center}.landing-pm-add-icon{font-size:1.5rem;color:var(--landing-text-muted)}@media(max-width:768px){.landing-pm-grid{grid-template-columns:1fr;gap:2rem}.landing-pm-content{grid-template-columns:repeat(2,1fr);gap:.5rem;padding:.75rem}.landing-pm-tile-info{padding:.5rem}.landing-pm-tile-name{font-size:.6875rem}}.contact-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000}.contact-modal{position:fixed;top:1rem;right:1rem;bottom:1rem;left:1rem;margin:auto;width:min(100%,540px);height:fit-content;max-height:calc(100vh - 2rem);overflow-y:auto;background:var(--landing-bg-card);border:1px solid var(--landing-border);border-top:3px solid var(--landing-green);border-radius:var(--landing-radius-lg);padding:2rem;box-sizing:border-box;z-index:1001}.contact-modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--landing-text-muted);cursor:pointer;padding:.5rem;transition:color var(--landing-transition)}.contact-modal-close:hover{color:var(--landing-text)}.contact-modal-header{margin-bottom:1.5rem}.contact-modal-header h3{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.contact-modal-header p{color:var(--landing-text-sub);font-size:.9375rem}.contact-modal-form{display:flex;flex-direction:column;gap:1rem}.contact-modal-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(max-width:480px){.contact-modal-row{grid-template-columns:1fr}}.contact-modal-field{display:flex;flex-direction:column;gap:.375rem}.contact-modal-field label{font-family:var(--landing-font-mono);font-size:.75rem;font-weight:500;letter-spacing:.05em;color:var(--landing-text-sub);text-transform:lowercase}.contact-modal-field input,.contact-modal-field select,.contact-modal-field textarea{background:var(--landing-bg);border:1px solid var(--landing-border);border-radius:var(--landing-radius);padding:.75rem 1rem;font-family:var(--landing-font);font-size:.9375rem;color:var(--landing-text);transition:border-color var(--landing-transition)}.contact-modal-field input:focus,.contact-modal-field select:focus,.contact-modal-field textarea:focus{outline:none;border-color:var(--landing-green)}.contact-modal-field input::placeholder,.contact-modal-field textarea::placeholder{color:var(--landing-text-muted)}.contact-modal-field select{cursor:pointer}.contact-modal-field textarea{resize:vertical;min-height:80px}.contact-modal-error{color:#ff6b6b;font-size:.875rem;padding:.5rem;background:#ff6b6b1a;border-radius:var(--landing-radius)}.contact-modal-submit{width:100%;margin-top:.5rem}.contact-modal-submit:disabled{opacity:.6;cursor:not-allowed}.contact-modal-success{text-align:center;padding:2rem 0}.contact-modal-success-icon{color:var(--landing-green);margin-bottom:1rem}.contact-modal-success h3{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.contact-modal-success p{color:var(--landing-text-sub)}.landing-usecases-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media(max-width:768px){.landing-usecases-grid{grid-template-columns:1fr}}.landing-usecase-card{padding:0;overflow:hidden;cursor:default}.landing-usecase-visual{position:relative;aspect-ratio:16 / 10;background:var(--landing-bg-elevated);overflow:hidden}.landing-usecase-slider{position:absolute;top:0;right:0;bottom:0;left:0;cursor:ew-resize}.landing-usecase-slider-before,.landing-usecase-slider-after{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center}.landing-usecase-slider-divider{position:absolute;top:0;bottom:0;width:2px;background:var(--landing-green);transform:translate(-50%);z-index:10}.landing-usecase-slider-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;background:var(--landing-green);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#000;box-shadow:0 2px 8px var(--landing-green-glow)}.landing-usecase-info{padding:1.25rem}.landing-usecase-title{font-size:1.125rem;font-weight:700;margin-bottom:.25rem}.landing-usecase-subtitle{color:var(--landing-text-sub);font-size:.875rem;margin-bottom:1rem}.landing-usecase-pipeline,.landing-usecase-pipeline-item{display:flex;align-items:center;gap:.375rem}.landing-usecase-pipeline-arrow{color:var(--landing-text-muted)}.landing-usecase-pipeline-step{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--landing-bg-elevated);border:1px solid var(--landing-border);border-radius:6px}.landing-usecase-pipeline-step svg{color:var(--landing-green)}.landing-usecase-reframe{display:flex;align-items:center;justify-content:center;gap:1rem;height:100%;padding:1rem}.landing-usecase-reframe-landscape{position:relative;flex:1;max-width:55%}.landing-usecase-reframe-landscape img{width:100%;border-radius:6px;aspect-ratio:16 / 9;object-fit:cover}.landing-usecase-reframe-portrait{position:relative;width:80px}.landing-usecase-reframe-portrait img{width:100%;border-radius:6px;aspect-ratio:9 / 16;object-fit:cover}.landing-usecase-reframe-arrow{color:var(--landing-green);flex-shrink:0}.landing-usecase-format-label{position:absolute;bottom:.5rem;left:50%;transform:translate(-50%);font-family:var(--landing-font-mono);font-size:.625rem;font-weight:600;color:#fff;background:#0009;padding:.125rem .375rem;border-radius:4px}.landing-section-compact{padding-top:calc(var(--landing-section-padding) * .5);padding-bottom:calc(var(--landing-section-padding) * .5)}.landing-modules-grid-compact{gap:.75rem}.landing-module-card-compact{padding:1rem}.landing-module-card-compact .landing-module-icon{width:40px;height:40px;margin-bottom:.75rem}.landing-module-card-compact .landing-module-name{font-size:.9375rem;margin-bottom:.375rem}.landing-module-card-compact .landing-module-desc{font-size:.8125rem}.landing-module-icon svg{color:var(--landing-green)}.landing-step-icon{width:48px;height:48px;margin:0 auto .75rem;background:var(--landing-bg-elevated);border:1px solid var(--landing-border);border-radius:50%;display:flex;align-items:center;justify-content:center}.landing-step-icon svg{color:var(--landing-green)}.landing-workflow-icon svg{color:var(--landing-green)}.landing-workflow-arrow svg{vertical-align:middle}.landing-showcase-tab{display:inline-flex;align-items:center;gap:.5rem}.landing-showcase-tab svg{flex-shrink:0}.landing-showcase-tab.active svg{color:var(--landing-green)}.landing-placeholder-icon svg{color:var(--landing-text-muted);opacity:.5}