:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0b0d;--surface:#131418;--surface-2:#1a1c21;--surface-raised:#17181d;--border:#262830;--border-strong:#34373f;--text:#e9e9eb;--text-muted:#8b8e96;--text-faint:#5c5f68;--accent:#c78a3d;--accent-hover:#d69a4d;--accent-dim:#8a5f2b;--accent-text:#1a1206;--danger:#d9695f;--success:#5cb583;--radius:7px;--radius-lg:10px;--mono:"SF Mono", "IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;--font-body:"Inter", -apple-system, system-ui, "Segoe UI", Roboto, sans-serif;--font-display:"Fraunces", "Iowan Old Style", Georgia, serif;--shadow-card:0 1px 0 #ffffff08 inset, 0 8px 20px -12px #00000080}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:14px}#app{flex-direction:column;min-height:100dvh;display:flex}.auth-screen{flex:1;justify-content:center;align-items:stretch;min-height:100dvh;display:flex}.auth-screen[hidden]{display:none}.auth-showcase{background:radial-gradient(ellipse 620px 420px at 15% -10%, #c78a3d1a, transparent 60%), var(--surface);border-right:1px solid var(--border);flex-direction:column;flex:1;justify-content:center;max-width:520px;padding:56px;display:flex;position:relative;overflow:hidden}.auth-showcase-content{z-index:1;position:relative}.auth-ambient{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.ambient-orb{filter:blur(60px);opacity:.4;border-radius:50%;animation:26s ease-in-out infinite ambient-drift;position:absolute}.ambient-orb-1{background:radial-gradient(circle, var(--accent), transparent 70%);width:340px;height:340px;animation-duration:24s;top:-100px;left:-80px}.ambient-orb-2{background:radial-gradient(circle,#3a7ca5,#0000 70%);width:280px;height:280px;animation-duration:32s;animation-delay:-8s;bottom:-80px;right:-60px}.ambient-orb-3{background:radial-gradient(circle, var(--accent-hover), transparent 70%);opacity:.3;width:220px;height:220px;animation-duration:29s;animation-delay:-14s;top:42%;left:55%}@keyframes ambient-drift{0%,to{transform:translate(0)scale(1)}33%{transform:translate(34px,-24px)scale(1.08)}66%{transform:translate(-22px,22px)scale(.94)}}.ambient-particle{background:var(--accent);opacity:0;border-radius:50%;width:3px;height:3px;animation:linear infinite ambient-rise;position:absolute;bottom:-10px}@keyframes ambient-rise{0%{opacity:0;transform:translateY(0)scale(1)}10%{opacity:.6}85%{opacity:.25}to{opacity:0;transform:translateY(-460px)scale(.6)}}.ambient-particle.p1{animation-duration:14s;animation-delay:-1s;left:12%}.ambient-particle.p2{width:4px;height:4px;animation-duration:18s;animation-delay:-6s;left:28%}.ambient-particle.p3{animation-duration:12s;animation-delay:-3s;left:45%}.ambient-particle.p4{width:2px;height:2px;animation-duration:16s;animation-delay:-9s;left:63%}.ambient-particle.p5{animation-duration:20s;animation-delay:-4s;left:78%}.ambient-particle.p6{width:4px;height:4px;animation-duration:15s;animation-delay:-11s;left:90%}@media (prefers-reduced-motion:reduce){.ambient-orb,.ambient-particle{animation:none}}.auth-showcase-headline{font-family:var(--font-display);letter-spacing:-.015em;color:var(--text);margin:32px 0 28px;font-size:34px;font-weight:500;line-height:1.22}.auth-showcase-headline em{color:var(--accent);font-style:italic}.auth-feature-list{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.auth-feature-list li{color:var(--text-muted);padding-left:20px;font-size:13.5px;line-height:1.5;position:relative}.auth-feature-list li:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:7px;left:0}.auth-card{flex-direction:column;justify-content:center;width:100%;max-width:380px;padding:48px;display:flex}.auth-card-brand{display:none}.auth-heading{font-family:var(--font-display);letter-spacing:-.01em;margin:0 0 6px;font-size:26px;font-weight:600}.auth-card>.hint{margin-bottom:24px}.auth-card .btn-lg{margin-top:4px}.auth-forgot-link{text-align:right;margin-top:6px;font-size:12px;display:block}.auth-legal-footer{color:var(--text-faint);margin:20px 0 0;font-size:11.5px}@media (width<=780px){.auth-screen{flex-direction:column;align-items:center}.auth-showcase{display:none}.auth-card{justify-content:flex-start;max-width:400px;padding:36px 24px}.auth-card-brand{justify-content:center;margin-bottom:24px;display:flex}}.topbar{border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;justify-content:space-between;align-items:center;height:52px;padding:0 20px;display:flex}.topbar[hidden]{display:none}.header-right{align-items:center;gap:18px;display:flex}.wallet-chip{font-size:13px;font-family:var(--mono);align-items:center;gap:8px;display:flex}.wallet-chip #wallet-balance{font-weight:600}.brand{align-items:center;gap:10px;display:flex}.brand-mark{border:1px solid var(--border-strong);width:22px;height:22px;font-size:11px;font-weight:700;font-family:var(--mono);color:var(--text-muted);border-radius:4px;justify-content:center;align-items:center;display:flex}.brand h1{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:16px;font-weight:600}.header-status{color:var(--text-muted);font-size:12px;font-family:var(--mono);align-items:center;gap:7px;display:flex}.header-status .dot{background:var(--text-faint);border-radius:50%;width:6px;height:6px}.header-status.live .dot{background:var(--success)}.header-status.live #header-status-text{color:var(--success)}.studio-layout{flex-direction:column;flex:1;gap:20px;width:100%;max-width:1180px;margin:0 auto;padding:24px 20px 40px;display:flex}.studio-layout[hidden]{display:none}.preview-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.preview-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.preview-card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.tag{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);font-size:10.5px;font-family:var(--mono)}.tag-accent{color:var(--accent)}.preview-video-wrap{aspect-ratio:16/9;background:#000;position:relative}.preview-video-wrap video{object-fit:cover;width:100%;height:100%;display:block;transform:scaleX(-1)}.preview-placeholder{color:var(--text-faint);text-align:center;background:#05060a;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:16px;font-size:13px;display:flex;position:absolute;inset:0}.preview-placeholder[hidden]{display:none}.preview-placeholder p{margin:0}.controls-row{grid-template-columns:1fr 300px;align-items:start;gap:12px;display:grid}.controls-main{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:20px}.field{color:var(--text-muted);margin-bottom:16px;font-size:12.5px;display:block}.field>span{margin-bottom:6px;font-weight:500;display:block}.field>span strong{color:var(--text);font-family:var(--mono);font-weight:600}.hint-inline{color:var(--text-faint);font-weight:400}input[type=text],textarea,select{background:var(--surface-2);border:1px solid var(--border);width:100%;color:var(--text);border-radius:var(--radius);padding:9px 11px;font-family:inherit;font-size:13.5px}textarea{resize:vertical}input[type=text]:focus,textarea:focus,select:focus{border-color:var(--border-strong);outline:none}input[type=range]{width:100%;accent-color:var(--accent)}.switch[hidden]{display:none}.switch{color:var(--text-muted);cursor:pointer;align-items:center;gap:8px;margin-bottom:8px;font-size:12.5px;display:flex}.mode-toggle{border-bottom:1px solid var(--border);gap:4px;margin-bottom:18px;display:flex}.mode-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;margin-right:18px;padding:9px 4px;font-size:13px;font-weight:500}.mode-btn:hover{color:var(--text)}.mode-btn.active{color:var(--text);border-bottom-color:var(--accent)}.hint{color:var(--text-faint);margin:4px 0 14px;font-size:12px;line-height:1.5}.preset-grid{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.preset-chip{background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius);cursor:pointer;padding:6px 11px;font-size:12px}.preset-chip:hover{border-color:var(--border-strong);color:var(--text)}.preset-chip.active{border-color:var(--accent);color:var(--accent)}.dropzone{border:1px dashed var(--border-strong);border-radius:var(--radius);background:var(--surface-2);text-align:center;padding:18px;transition:border-color .1s;position:relative}.dropzone.dragging{border-color:var(--accent)}.dropzone-icon{color:var(--text-faint);margin:0 auto 8px;display:block}.dropzone-empty p{color:var(--text-muted);margin:0 0 4px;font-size:12.5px}.link-btn{color:var(--text);font-size:inherit;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-family:inherit;text-decoration:underline}.image-preview{border-radius:var(--radius);border:1px solid var(--border);width:64px;height:64px;margin:0 auto 10px;overflow:hidden}.image-preview img{object-fit:cover;width:100%;height:100%;display:block}.btn{border-radius:var(--radius);cursor:pointer;border:1px solid #0000;padding:9px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:background-color .12s,border-color .12s,transform 80ms}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--accent-text);font-weight:600}.btn-primary:hover{background:var(--accent-hover)}.btn-primary.active{background:var(--surface-2);color:var(--danger);border-color:var(--danger)}.btn-lg{width:100%;margin-top:4px;padding:12px 16px;font-size:13.5px}.btn-ghost{color:var(--text-muted);border-color:var(--border);background:0 0}.btn-ghost:hover{border-color:var(--border-strong);color:var(--text)}.btn-danger{color:var(--danger);border-color:var(--danger)}.btn-danger:hover{background:var(--danger);color:var(--bg)}.side-card-danger{border-color:#d9695f59}.btn-sm{padding:6px 10px;font-size:12px}.status-text{font-family:var(--mono);margin-top:10px;font-size:12px}.status-text.status-active{color:var(--success)}.status-text.status-error{color:var(--danger)}.connection-check{align-items:center;gap:10px;margin-bottom:12px;display:flex}.connection-check .hint-inline{font-size:12px}.connection-check .quality-good{color:var(--success)}.connection-check .quality-fair{color:var(--accent)}.connection-check .quality-poor,.connection-check .quality-critical{color:var(--danger)}.controls-side{flex-direction:column;gap:12px;display:flex}.side-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:16px}.side-card-header-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;display:flex}.side-card-header-row h3{margin-bottom:0}.table-search{background:var(--surface-2);border:1px solid var(--border);width:200px;color:var(--text);border-radius:var(--radius);padding:6px 10px;font-family:inherit;font-size:12.5px}.table-search:focus{border-color:var(--border-strong);outline:none}.side-card h3{text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);align-items:center;gap:8px;margin:0 0 14px;font-size:11px;font-weight:600;display:flex}.badge{color:var(--success);border:1px solid var(--success);letter-spacing:.04em;background:0 0;border-radius:3px;padding:1px 6px;font-size:9.5px;font-weight:700}.stat-list{flex-direction:column;gap:9px;margin:0;display:flex}.stat-list>div{justify-content:space-between;font-size:12.5px;display:flex}.stat-list dt{color:var(--text-muted)}.stat-list dd{font-weight:500;font-family:var(--mono);margin:0}.steps{color:var(--text-muted);margin:0 0 14px;padding-left:16px;font-size:12px;line-height:1.8}.steps strong{color:var(--text)}.url-row{gap:6px;margin-bottom:10px;display:flex}.url-row input{font-size:11.5px;font-family:var(--mono);flex:1}.toast{background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius);z-index:50;padding:9px 14px;font-size:12.5px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.modal-overlay{z-index:100;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-overlay[hidden]{display:none}.modal-card{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);width:100%;max-width:440px;max-height:80vh;padding:20px;overflow-y:auto;box-shadow:0 24px 48px -16px #0009}.modal-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.modal-header h3{margin:0;font-size:14px}.icon-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:15px}.icon-btn:hover{color:var(--text)}.pack-list{flex-direction:column;gap:10px;display:flex}.pack-item{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.pack-item-info{flex-direction:column;gap:2px;display:flex}.pack-item-name{font-size:13.5px;font-weight:600}.pack-item-meta{color:var(--text-muted);font-size:12px;font-family:var(--mono)}.pack-item-price{font-size:13.5px;font-weight:600;font-family:var(--mono);white-space:nowrap;margin-right:12px}.admin-shell{min-height:100dvh;display:flex}.admin-shell[hidden]{display:none}.admin-sidebar{border-right:1px solid var(--border);background:var(--surface);flex-direction:column;flex-shrink:0;width:220px;padding:18px 14px;display:flex}.admin-sidebar-brand{padding:4px 10px 20px}.admin-nav{flex-direction:column;flex:1;gap:2px;display:flex}.admin-nav-item{text-align:left;color:var(--text-muted);border-radius:0 var(--radius) var(--radius) 0;cursor:pointer;background:0 0;border:none;border-left:2px solid #0000;margin-left:-2px;padding:9px 10px 9px 12px;font-family:inherit;font-size:13px;transition:background-color .12s,color .12s,border-color .12s}.admin-nav-link{text-align:left;color:var(--text-muted);border-radius:var(--radius);margin-top:8px;padding:9px 10px;font-size:13px;text-decoration:none;display:block}.admin-nav-link:hover{background:var(--surface-2);color:var(--text)}.admin-nav-button{cursor:pointer;background:0 0;border:none;width:100%;font-family:inherit}.sidebar-balance-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);margin:12px 0;padding:12px}.sidebar-balance-row{font-family:var(--mono);align-items:baseline;gap:6px;margin:4px 0 8px;font-size:18px;font-weight:600;display:flex}.wallet-columns{grid-template-columns:1.3fr 1fr;align-items:start;gap:16px;display:grid}@media (width<=860px){.wallet-columns{grid-template-columns:1fr}}.admin-nav-item:hover{background:var(--surface-2);color:var(--text)}.admin-nav-item.active{background:var(--surface-2);color:var(--text);border-left-color:var(--accent);font-weight:600}.admin-sidebar-back{padding:10px;font-size:12.5px}.admin-main{flex-direction:column;flex:1;min-width:0;display:flex}.admin-topbar{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:0 28px;display:flex}.admin-topbar h2{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:18px;font-weight:600}.admin-content{flex:1;max-width:1000px;padding:24px 28px 40px}.admin-panel[hidden]{display:none}.stat-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-direction:column;gap:8px;padding:16px 18px;display:flex}.stat-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-faint);font-size:11px}.stat-value{font-size:23px;font-weight:600;font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.stat-grid-profit{margin-top:-8px}.stat-card-cost .stat-value{color:var(--text)}.stat-card-profit .stat-value,.stat-card-margin .stat-value{color:var(--success)}.stat-value.stat-negative,.stat-card-profit .stat-value.stat-negative,.stat-card-margin .stat-value.stat-negative{color:var(--danger)}.field-group-heading{text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);border-top:1px solid var(--border);margin:20px 0 14px;padding-top:16px;font-size:11px;font-weight:600}.field-group-heading .hint-inline{text-transform:none;letter-spacing:normal;margin-top:4px;font-size:11.5px;font-weight:400;display:block}@media (width<=860px){.admin-shell{flex-direction:column}.admin-sidebar{flex-direction:row;align-items:center;width:100%;padding:10px 14px;overflow-x:auto}.admin-sidebar-brand,.admin-sidebar-back{display:none}.admin-nav{flex-direction:row}.admin-content{padding:20px 16px 32px}.stat-grid{grid-template-columns:repeat(2,1fr)}}.new-pack-form{border-top:1px solid var(--border);grid-template-columns:2fr 1fr 1fr auto;align-items:end;gap:8px;margin-top:14px;padding-top:14px;display:grid}.new-pack-form .field{margin-bottom:0}.table-wrap{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:12.5px}.admin-table th{text-align:left;color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);padding:6px 10px;font-size:10.5px;font-weight:500}.admin-table td{border-bottom:1px solid var(--border);font-family:var(--mono);padding:8px 10px}.pack-item input[type=text],.pack-item input[type=number]{width:100%}.pack-item-editable{grid-template-columns:2fr 1fr 1fr auto auto;align-items:center;gap:8px;width:100%;display:grid}@media (width<=860px){.preview-row,.controls-row{grid-template-columns:1fr}.header-right{gap:10px}.side-card-header-row{flex-direction:column;align-items:stretch}.table-search{width:100%}.wallet-chip .hint-inline{display:none}.new-pack-form,.pack-item-editable{grid-template-columns:1fr}}.app-footer{color:var(--text-faint);justify-content:center;gap:16px;padding-top:12px;font-size:12px;display:flex}.legal-page{max-width:720px;margin:0 auto;padding:40px 20px 80px}.legal-content h1{font-family:var(--font-display);letter-spacing:-.015em;margin:0 0 6px;font-size:32px;font-weight:600}.legal-content h2{font-family:var(--font-display);margin:36px 0 10px;font-size:18px;font-weight:600}.legal-content p,.legal-content li{color:var(--text-muted);font-size:13.5px;line-height:1.7}.legal-content ul{margin:10px 0;padding-left:20px}.legal-content li{margin-bottom:6px}.legal-content strong{color:var(--text)}.legal-content a{color:var(--accent)}.legal-content a:hover{color:var(--accent-hover)}.app-footer a{color:var(--text-faint);text-decoration:none}.app-footer a:hover{color:var(--text)}.video-placeholder{border:1px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--surface);text-align:center;margin:20px 0 32px;padding:40px 20px}.video-placeholder-icon{border:1px solid var(--border-strong);width:48px;height:48px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;margin-bottom:14px;font-size:16px;display:inline-flex}.video-placeholder p{margin:4px 0}
