:root{--bg:#05060a;--bg-grid-line:#00fff00f;--card-bg:#0a0e18c7;--card-bg-solid:#0b0f1a;--border:#00fff047;--border-strong:#00fff099;--accent:#00fff2;--accent-hover:#7dfff5;--accent-contrast:#04121a;--accent-2:#ff00c8;--accent-2-hover:#ff5fe0;--text:#b9f3f5;--text-h:#eafffe;--muted:#5e8b93;--error:#ff2f6e;--success:#39ff88;--glow-accent:0 0 6px color-mix(in srgb, var(--accent) 80%, transparent), 0 0 18px color-mix(in srgb, var(--accent) 45%, transparent);--glow-magenta:0 0 6px color-mix(in srgb, var(--accent-2) 80%, transparent), 0 0 18px color-mix(in srgb, var(--accent-2) 45%, transparent);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font:16px/1.5 JetBrains Mono,ui-monospace,Consolas,monospace}*{box-sizing:border-box}body{background:linear-gradient(var(--bg-grid-line) 1px, transparent 1px) 0 0 / 42px 42px, linear-gradient(90deg, var(--bg-grid-line) 1px, transparent 1px) 0 0 / 42px 42px, radial-gradient(ellipse 80% 55% at 50% -10%, #00fff024, transparent 60%), radial-gradient(ellipse 60% 40% at 90% 100%, #ff00c81a, transparent 60%), var(--bg);background-attachment:fixed;min-height:100vh;margin:0;position:relative}body:after{content:"";pointer-events:none;z-index:9999;mix-blend-mode:overlay;opacity:.5;background:repeating-linear-gradient(#ffffff09 0 1px,#0000 1px 3px);position:fixed;inset:0}h1,h2,h3{color:var(--text-h);letter-spacing:.03em;font-family:Orbitron,JetBrains Mono,sans-serif;font-weight:700}::selection{background:var(--accent);color:var(--accent-contrast)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--card-bg-solid)}::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--accent) 45%, transparent);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.app{max-width:1200px;margin:0 auto;padding:24px 20px 60px}.app-header{text-align:center;margin-bottom:8px;padding:18px 12px 10px}.app-header h1{text-transform:uppercase;letter-spacing:.08em;color:var(--text-h);text-shadow:0 0 4px color-mix(in srgb, var(--accent) 90%, transparent), 0 0 18px color-mix(in srgb, var(--accent) 55%, transparent), 0 0 40px color-mix(in srgb, var(--accent-2) 30%, transparent);margin:0 0 8px;font-size:30px}.app-header p{color:var(--muted);letter-spacing:.02em;margin:0;font-size:13.5px}.model-banner{text-align:center;letter-spacing:.04em;border:1px solid var(--border);background:color-mix(in srgb, var(--card-bg-solid) 85%, transparent);text-transform:uppercase;border-radius:2px;margin:16px 0;padding:9px 14px;font-size:13px;font-weight:500}.model-banner.loading{color:var(--accent);border-color:var(--border-strong);box-shadow:var(--glow-accent);animation:1.6s ease-in-out infinite pulse-glow}.model-banner.error{color:var(--error);border-color:color-mix(in srgb, var(--error) 60%, transparent);box-shadow:0 0 6px color-mix(in srgb, var(--error) 70%, transparent), 0 0 18px color-mix(in srgb, var(--error) 35%, transparent)}.model-banner.paid{color:var(--success);border-color:color-mix(in srgb, var(--success) 60%, transparent);box-shadow:0 0 6px color-mix(in srgb, var(--success) 60%, transparent), 0 0 18px color-mix(in srgb, var(--success) 30%, transparent)}.entitlement-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:14px 0;display:flex}.entitlement-badge{letter-spacing:.03em;border:1px solid var(--border-strong);color:var(--muted);background:color-mix(in srgb, var(--card-bg-solid) 85%, transparent);border-radius:2px;padding:6px 12px;font-size:12.5px;font-weight:600}.entitlement-badge.paid{color:var(--success);border-color:color-mix(in srgb, var(--success) 60%, transparent)}.btn-upgrade{background:color-mix(in srgb, var(--accent-2) 16%, transparent);border-color:var(--accent-2);color:var(--accent-2);text-shadow:0 0 8px color-mix(in srgb, var(--accent-2) 60%, transparent)}.btn-upgrade:hover:not(:disabled){background:color-mix(in srgb, var(--accent-2) 26%, transparent);box-shadow:var(--glow-magenta)}.paywall{border:1px solid color-mix(in srgb, var(--accent-2) 55%, transparent);background:color-mix(in srgb, var(--accent-2) 6%, transparent);text-align:center;border-radius:2px;margin-top:14px;padding:14px}.paywall p{color:var(--text);margin:0 0 10px;font-size:13px}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.65}}.tabs{border-bottom:1px solid var(--border);gap:4px;margin:20px 0;display:flex}.tab-btn{font:inherit;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;color:var(--muted);background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 20px;font-family:Orbitron,JetBrains Mono,sans-serif;font-size:14px;font-weight:700;transition:color .15s,border-color .15s,text-shadow .15s}.tab-btn:hover{color:var(--text)}.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent);text-shadow:0 0 8px color-mix(in srgb, var(--accent) 70%, transparent)}.tab-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}@media (width<=860px){.tab-grid{grid-template-columns:1fr}}.card{background:linear-gradient(165deg, var(--card-bg), #05080feb);border:1px solid var(--border);clip-path:polygon(0 14px,14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:22px 22px 20px;position:relative;box-shadow:inset 0 0 0 1px #00fff00a,0 0 26px #00fff012}.card:before{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-2));height:2px;position:absolute;inset:0 0 auto}.card h3{letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:8px;margin-top:0;font-size:16px;display:flex}.card h3:after{content:"";background:linear-gradient(90deg, var(--border-strong), transparent);flex:1;height:1px}.muted{color:var(--muted);font-size:13.5px}.hint{color:var(--muted);margin:4px 0 0;font-size:12.5px}.error{color:var(--error);font-size:13px}.steps{padding-left:20px;font-size:13.5px}.steps li{margin-bottom:6px}.steps b{color:var(--accent);font-weight:600}.field-group{margin:18px 0}.field-group label{letter-spacing:.03em;color:var(--text);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.field-group summary{cursor:pointer;color:var(--accent);letter-spacing:.03em;text-transform:uppercase;font-size:13px;font-weight:600}.field-group input[type=range]{width:100%;accent-color:var(--accent)}.upload-label{border:1.5px dashed var(--border-strong);text-align:center;letter-spacing:.03em;text-transform:uppercase;cursor:pointer;color:var(--accent);background:color-mix(in srgb, var(--accent) 5%, transparent);border-radius:2px;margin-bottom:12px;padding:18px;font-size:13.5px;font-weight:600;transition:box-shadow .15s,background .15s;display:block}.upload-label:hover{box-shadow:var(--glow-accent);background:color-mix(in srgb, var(--accent) 9%, transparent)}.upload-label input{color:var(--muted);margin:10px auto 0;font-size:12.5px;display:block}.adjust-row{flex-wrap:wrap;gap:8px;margin:10px 0 14px;display:flex}.button-row{flex-wrap:wrap;gap:10px;margin:16px 0;display:flex}.btn{font:inherit;letter-spacing:.05em;text-transform:uppercase;border:1px solid var(--border-strong);color:var(--text);cursor:pointer;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);background:0 0;border-radius:2px;align-items:center;gap:6px;padding:11px 18px;font-family:Orbitron,JetBrains Mono,sans-serif;font-size:13px;font-weight:700;text-decoration:none;transition:box-shadow .15s,background .15s,color .15s,border-color .15s;display:inline-flex}.btn:hover:not(:disabled){box-shadow:var(--glow-accent);border-color:var(--accent)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:color-mix(in srgb, var(--accent) 14%, transparent);border-color:var(--accent);color:var(--accent);text-shadow:0 0 8px color-mix(in srgb, var(--accent) 60%, transparent)}.btn-primary:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 22%, transparent)}.btn-secondary:hover:not(:disabled){color:var(--accent-2);border-color:var(--accent-2);box-shadow:var(--glow-magenta)}.btn-sm{padding:7px 12px;font-size:12px}.canvas-wrap{border:1px solid var(--border-strong);background:linear-gradient(#00fff00d 1px, transparent 1px) 0 0 / 24px 24px, linear-gradient(90deg, #00fff00d 1px, transparent 1px) 0 0 / 24px 24px, var(--card-bg-solid);border-radius:2px;justify-content:center;align-items:center;width:100%;min-height:200px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 18px #00fff01a}.result-canvas{max-width:100%;display:block}.result-video{border:1px solid var(--border);border-radius:2px;max-width:100%;margin-bottom:10px;display:block}.canvas-placeholder{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:13px;position:absolute}.results-text{border:1px solid var(--border);background:var(--card-bg-solid);width:100%;color:var(--success);resize:vertical;border-radius:2px;padding:12px;font-family:JetBrains Mono,ui-monospace,Consolas,monospace;font-size:12.5px;box-shadow:inset 0 0 14px #00fff00f}.app-footer{text-align:center;color:var(--muted);letter-spacing:.03em;margin-top:34px;font-size:11.5px}