@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap");:root{--bg-main:#0b0f17;--bg-card:rgba(18,24,38,.85);--bg-card-hover:rgba(24,32,50,.95);--border-card:hsla(0,0%,100%,.08);--border-focus:#10b981;--accent-emerald:#10b981;--accent-emerald-glow:rgba(16,185,129,.25);--accent-gold:#f59e0b;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--input-bg:#0f172a;--input-border:#1e293b}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg-main);color:var(--text-primary);min-height:100vh;line-height:1.5;background-image:radial-gradient(circle at 15% 15%,rgba(16,185,129,.07) 0,transparent 40%),radial-gradient(circle at 85% 85%,rgba(14,165,233,.05) 0,transparent 40%);background-attachment:fixed}.mono{font-family:JetBrains Mono,monospace}.studio-card{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-card);border-radius:14px;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 20px rgba(0,0,0,.25)}.studio-card:hover{border-color:hsla(0,0%,100%,.14)}.form-label{display:block;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:.35rem}.form-input,.form-select,.form-textarea{width:100%;background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;color:#fff;padding:.55rem .75rem;font-size:.85rem;transition:all .15s ease;outline:none;font-family:inherit}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-emerald-glow);background:#131d31}.form-textarea{resize:vertical}.template-tab-btn{display:flex;align-items:center;gap:.6rem;padding:.75rem 1rem;border-radius:12px;border:1px solid var(--border-card);background:rgba(18,24,38,.6);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;width:100%;text-align:left}.template-tab-btn.active{background:linear-gradient(135deg,rgba(16,185,129,.15),rgba(6,78,59,.2));border-color:var(--accent-emerald);color:#fff;box-shadow:0 0 20px var(--accent-emerald-glow)}.btn-primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-weight:700;border:none;border-radius:8px;padding:.55rem 1rem;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;font-size:.82rem;transition:all .2s ease;box-shadow:0 2px 10px rgba(16,185,129,.3)}.btn-primary:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:#1e293b;color:#cbd5e1;font-weight:600;border:1px solid var(--border-card);border-radius:8px;padding:.45rem .8rem;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;font-size:.78rem;transition:all .15s ease}.btn-secondary:hover{background:#334155;color:#fff}.btn-danger{background:rgba(239,68,68,.15);color:#f87171;border:1px solid rgba(239,68,68,.3);font-weight:600;border-radius:8px;padding:.45rem .8rem;font-size:.78rem;cursor:pointer;transition:all .15s ease}.btn-danger:hover{background:rgba(239,68,68,.3);color:#fff}.cat-pill{background:rgba(30,41,59,.7);border:1px solid hsla(0,0%,100%,.08);color:#94a3b8;font-size:.7rem;padding:.25rem .55rem;border-radius:6px;cursor:pointer;transition:all .15s ease}.cat-pill:hover{background:rgba(16,185,129,.2);border-color:var(--accent-emerald);color:#fff}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spin-icon{animation:spin 1s linear infinite}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0f172a}::-webkit-scrollbar-thumb{background:#334155;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#475569}