@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&family=Syne:wght@700;800&display=swap";:root{--bg-0: #08080d;--bg-1: #0f0f16;--bg-2: #15151f;--bg-3: #1c1c29;--bg-4: #232333;--bg-hover: #2a2a3e;--panel: #111119;--accent: #7c5af5;--accent-2: #a78bfa;--accent-3: #c4b5fd;--accent-dim: rgba(124, 90, 245, .12);--accent-border: rgba(124, 90, 245, .3);--text-1: #f0f0f8;--text-2: #a0a0be;--text-3: #60607e;--text-4: #40405a;--border: rgba(255,255,255,.07);--border-2: rgba(255,255,255,.12);--success: #22d3a0;--warning: #fbbf24;--error: #f87171;--info: #60a5fa;--radius-sm: 6px;--radius: 10px;--radius-lg: 16px;--shadow: 0 4px 24px rgba(0,0,0,.5);--shadow-lg: 0 8px 48px rgba(0,0,0,.7)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;background:var(--bg-0);color:var(--text-1);font-family:Outfit,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-4);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--bg-hover)}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius-sm);border:1px solid transparent;font-family:Outfit,sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover:not(:disabled){background:var(--accent-2);border-color:var(--accent-2)}.btn-ghost{background:transparent;color:var(--text-2);border-color:var(--border-2)}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-1);border-color:var(--border-2)}.btn-danger{background:transparent;color:var(--error);border-color:#f871714d}.btn-danger:hover:not(:disabled){background:#f871711a}.btn-success{background:var(--success);color:#0a1a14}.btn-success:hover:not(:disabled){filter:brightness(1.1)}.btn-icon{padding:7px;background:transparent;border-color:var(--border);color:var(--text-2)}.btn-icon:hover:not(:disabled){background:var(--bg-hover);color:var(--text-1)}.form-group{display:flex;flex-direction:column;gap:5px}.form-group label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3)}input[type=text],input[type=number],input[type=color],textarea,select{width:100%;background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-1);font-family:Outfit,sans-serif;font-size:13px;padding:7px 10px;outline:none;transition:border-color .15s}input[type=text]:focus,input[type=number]:focus,input[type=color]:focus,textarea:focus,select:focus{border-color:var(--accent-border)}input[type=text]::placeholder,input[type=number]::placeholder,input[type=color]::placeholder,textarea::placeholder,select::placeholder{color:var(--text-4)}input[type=color]{padding:3px;height:32px;cursor:pointer}select{cursor:pointer}select option{background:var(--bg-3)}textarea{resize:vertical;min-height:70px}.divider{height:1px;background:var(--border);margin:12px 0}.tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.04em}.tag.tag-accent{background:var(--accent-dim);color:var(--accent-3);border:1px solid var(--accent-border)}.tag.tag-success{background:#22d3a01a;color:var(--success);border:1px solid rgba(34,211,160,.25)}.code-block{background:var(--bg-0);border:1px solid var(--border);border-radius:var(--radius);padding:16px;font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.7;color:var(--text-2);overflow:auto;white-space:pre}.panel-section{padding:14px 16px;border-bottom:1px solid var(--border)}.panel-section .section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);margin-bottom:12px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.toggle-row span{font-size:13px;color:var(--text-2)}.toggle{position:relative;width:36px;height:20px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle .slider{position:absolute;inset:0;background:var(--bg-4);border-radius:10px;cursor:pointer;transition:.2s}.toggle .slider:before{content:"";position:absolute;width:14px;height:14px;left:3px;top:3px;background:var(--text-3);border-radius:50%;transition:.2s}.toggle input:checked+.slider{background:var(--accent)}.toggle input:checked+.slider:before{transform:translate(16px);background:#fff}.tabs{display:flex;gap:2px;padding:4px;background:var(--bg-2);border-radius:var(--radius-sm)}.tabs .tab{flex:1;padding:6px 12px;border-radius:6px;text-align:center;font-size:12px;font-weight:600;color:var(--text-3);cursor:pointer;transition:all .15s;border:none;background:none}.tabs .tab:hover{color:var(--text-2)}.tabs .tab.active{background:var(--bg-4);color:var(--text-1)}.overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center}.modal{background:var(--bg-2);border:1px solid var(--border-2);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:28px;min-width:420px;max-width:90vw}.modal .modal-title{font-family:Syne,sans-serif;font-size:20px;margin-bottom:20px}[title]{cursor:help}.no-select{user-select:none;-webkit-user-select:none}