@font-face{font-family:Metropolis;src:url(/fonts/Metropolis-SemiBold.otf) format("opentype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Proxima Nova;src:url(/fonts/ProximaNova-SemiBold.woff2) format("woff2"),url(/fonts/ProximaNova-SemiBold.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}:root{--bg: #0f0f0f;--panel: #1a1a1a;--panel-hover: #222222;--border: #2a2a2a;--text: #ffffff;--text-muted: #888888;--text-dim: #555555;--accent: #07da63;--accent-hover: #05c255;--input-bg: #111111;--modal-bg: #161616;--radius: 12px;--radius-sm: 8px;--radius-lg: 16px;--shadow: 0 4px 24px rgba(0,0,0,.4);--shadow-sm: 0 2px 8px rgba(0,0,0,.3);--transition: .15s ease;--logo-filter: invert(1)}[data-theme=light]{--bg: #f5f5f5;--panel: #ffffff;--panel-hover: #f0f0f0;--border: #e0e0e0;--text: #0f0f0f;--text-muted: #666666;--text-dim: #aaaaaa;--input-bg: #f8f8f8;--modal-bg: #ffffff;--shadow: 0 4px 24px rgba(0,0,0,.12);--shadow-sm: 0 2px 8px rgba(0,0,0,.08);--logo-filter: none}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;transition:background var(--transition),color var(--transition)}*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}h1,h2,h3,h4{font-weight:600}a{color:var(--accent);text-decoration:none}input,textarea,select{background:var(--input-bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:inherit;font-size:14px;padding:8px 12px;outline:none;transition:border-color var(--transition);width:100%}input:focus,textarea:focus,select:focus{border-color:var(--text-dim)}input::placeholder,textarea::placeholder{color:var(--text-dim)}select option{background:var(--panel)}textarea{resize:vertical}button{cursor:pointer;font-family:inherit;font-size:14px;border:none;border-radius:var(--radius-sm);transition:all var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--panel-hover);color:var(--text);padding:9px 16px;font-weight:600;border:1px solid var(--border)}.btn-primary:hover:not(:disabled){background:var(--border)}.btn-primary.accent{background:var(--accent);color:#000;border-color:transparent}.btn-primary.accent:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{background:var(--panel-hover);color:var(--text);padding:8px 14px;border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--border)}.btn-active{background:#fff;color:#000;padding:8px 14px;border:1px solid #ffffff;font-weight:600}.btn-active:hover:not(:disabled){background:#e8e8e8;border-color:#e8e8e8}.btn-ghost{background:transparent;color:var(--text-muted);padding:6px 10px}.btn-ghost:hover:not(:disabled){background:var(--panel-hover);color:var(--text)}.btn-icon{background:transparent;color:var(--text-muted);padding:6px;border-radius:var(--radius-sm);width:32px;height:32px;justify-content:center}.btn-icon:hover:not(:disabled){background:var(--panel-hover);color:var(--text)}.btn-danger{background:transparent;color:#ef4444;padding:8px 14px;border:1px solid rgba(239,68,68,.25)}.btn-danger:hover:not(:disabled){background:#ef444414}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .15s ease}.modal{background:var(--modal-bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:none;opacity:1}}.tabs{display:flex;gap:2px;background:var(--bg);padding:4px;border-radius:var(--radius-sm)}.tab{flex:1;padding:7px 14px;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font-size:13px;font-weight:500;justify-content:center}.tab.active{background:var(--panel);color:var(--text);box-shadow:var(--shadow-sm)}.toggle-wrap{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle{width:38px;height:22px;background:var(--border);border-radius:11px;position:relative;transition:background var(--transition);flex-shrink:0}.toggle.on{background:#07da63}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform var(--transition)}.toggle.on:after{transform:translate(16px)}.section{border-bottom:1px solid var(--border);padding:16px}.section:last-child{border-bottom:none}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.collapsible-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none;padding:2px 0}.collapsible-header:hover .section-title{color:var(--text)}.chevron{transition:transform var(--transition);color:var(--text-dim)}.chevron.open{transform:rotate(180deg)}.label{display:block;font-size:12px;font-weight:500;color:var(--text-muted);margin-bottom:6px}input[type=range]{-webkit-appearance:none;appearance:none;height:4px;background:var(--border);border-radius:2px;padding:0;border:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:#fff;border-radius:50%;cursor:pointer}input[type=range]:focus{border-color:transparent}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:600}.badge-accent{background:#ffffff1f;color:var(--text);border:1px solid var(--border)}.badge-muted{background:var(--border);color:var(--text-muted)}.toast-container{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:8px;z-index:9999}.toast{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px;box-shadow:var(--shadow);font-size:13px;display:flex;align-items:center;gap:8px;animation:slideUp .2s ease;max-width:320px}.toast.success{border-left:3px solid #22c55e}.toast.error{border-left:3px solid #ef4444}.toast.info{border-left:3px solid #3b82f6}.drag-over{border-color:#fff6!important;background:#ffffff08!important}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:pulse 1.5s ease-in-out infinite}