:root{--font: "Outfit", system-ui, -apple-system, sans-serif;--brand-pink: #f0148c;--brand-violet: #7c3aed;--brand-blue: #2d6bff;--brand-orange: #ff8a00;--ink: #1b1b3a;--grad-brand: linear-gradient(135deg, #7c3aed, #3f6af0);--grad-warm: linear-gradient(135deg, #ff8a00, #f0148c);--bg: #f7f6fb;--bg-tint: radial-gradient(1100px 480px at 18% -12%, rgba(139, 47, 214, .07), transparent 60%), radial-gradient(900px 420px at 92% -8%, rgba(45, 107, 255, .06), transparent 55%);--surface: #ffffff;--surface-2: #f1effa;--border: rgba(27, 27, 58, .1);--border-strong: rgba(27, 27, 58, .18);--text: #1b1b3a;--text-2: #565672;--text-3: #8d8da5;--accent: #7c3aed;--accent-soft: rgba(124, 58, 237, .1);--pink-soft: rgba(240, 20, 140, .09);--green: #0f9d63;--green-soft: rgba(15, 157, 99, .12);--amber: #b06a00;--amber-soft: rgba(255, 138, 0, .13);--red: #d63057;--red-soft: rgba(214, 48, 87, .1);--shadow: 0 1px 2px rgba(27, 27, 58, .05), 0 10px 28px -14px rgba(76, 41, 158, .18);--shadow-lg: 0 2px 4px rgba(27, 27, 58, .06), 0 24px 56px -18px rgba(76, 41, 158, .3);--btn-shadow: 0 1px 2px rgba(27, 27, 58, .1), 0 3px 8px -2px rgba(76, 41, 158, .14);--btn-highlight: inset 0 1px 0 rgba(255, 255, 255, .85), inset 0 -1px 0 rgba(27, 27, 58, .06);--radius: 14px;--noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E")}:root[data-theme=dark]{--bg: #100e1a;--bg-tint: radial-gradient(1100px 480px at 18% -12%, rgba(139, 47, 214, .16), transparent 60%), radial-gradient(900px 420px at 92% -8%, rgba(45, 107, 255, .12), transparent 55%);--surface: #181527;--surface-2: #211d33;--border: rgba(235, 232, 255, .09);--border-strong: rgba(235, 232, 255, .18);--text: #efedfa;--text-2: #a6a3c0;--text-3: #6f6c8a;--accent: #a78bfa;--accent-soft: rgba(167, 139, 250, .14);--grad-brand: linear-gradient(135deg, #9d7bf5, #5f8bff);--pink-soft: rgba(255, 79, 168, .12);--green: #3ecf8e;--green-soft: rgba(62, 207, 142, .14);--amber: #ffb054;--amber-soft: rgba(255, 176, 84, .13);--red: #ff6b8b;--red-soft: rgba(255, 107, 139, .12);--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 12px 32px -14px rgba(0, 0, 0, .6);--shadow-lg: 0 2px 4px rgba(0, 0, 0, .45), 0 26px 60px -18px rgba(0, 0, 0, .7);--btn-shadow: 0 1px 2px rgba(0, 0, 0, .5), 0 3px 10px -2px rgba(0, 0, 0, .4);--btn-highlight: inset 0 1px 0 rgba(255, 255, 255, .09), inset 0 -1px 0 rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;transition:background .25s ease,color .25s ease}button,input,textarea,select{font-family:var(--font);font-size:14px;color:var(--text)}h1,h2,h3{margin:0;font-weight:700;letter-spacing:-.02em}a{color:var(--accent);text-decoration:none;font-weight:500}::placeholder{color:var(--text-3)}.layout{display:flex;height:100%}.sidebar{width:236px;flex-shrink:0;display:flex;flex-direction:column;padding:20px 14px;border-right:1px solid var(--border);background:var(--surface);position:relative}.sidebar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--noise);opacity:.025;pointer-events:none}:root[data-theme=dark] .sidebar:after{opacity:.045}.logo{display:flex;align-items:center;gap:10px;padding:4px 8px 22px}.logo-img{width:38px;height:auto;display:block;filter:drop-shadow(0 2px 5px rgba(76,41,158,.28))}.wordmark{font-weight:800;font-size:17.5px;letter-spacing:-.03em;line-height:1}.wordmark-ad{color:var(--accent)}.wordmark-rest{color:var(--text)}.nav{display:flex;flex-direction:column;gap:3px;position:relative;z-index:1}.nav-item{position:relative;display:flex;align-items:center;gap:11px;padding:10px 13px;border-radius:11px;border:none;background:transparent;cursor:pointer;color:var(--text-2);font-weight:500;font-size:14px;text-align:left;width:100%;transition:color .22s ease,background-color .22s ease}.nav-icon{display:grid;place-items:center;width:20px;flex-shrink:0;transition:color .22s ease}.nav-item:hover{color:var(--text)}.nav-item:hover:not(.active){background-color:var(--surface-2)}.nav-item:hover:not(.active) .nav-icon{color:var(--accent)}.nav-item.active{color:var(--accent);font-weight:650}.nav-pill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:11px;z-index:0;background:var(--accent-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 22%,transparent),inset 0 1px #ffffff59}:root[data-theme=dark] .nav-pill{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 28%,transparent),inset 0 1px #ffffff12}.nav-item>:not(.nav-pill){position:relative;z-index:1}.sidebar-footer{margin-top:auto;padding:8px 6px 0;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1;gap:8px}.avatar{width:30px;height:30px;border-radius:99px;flex-shrink:0;object-fit:cover;box-shadow:inset 0 0 0 1px var(--border),0 1px 3px #1b1b3a33}.avatar-fallback{display:inline-grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-size:13px;font-weight:700}.main{flex:1;overflow-y:auto;background:var(--bg-tint),var(--bg)}.page{max-width:880px;margin:0 auto;padding:40px 32px 80px}.page-header{margin-bottom:26px}.page-title{font-size:26px;letter-spacing:-.03em}.page-sub{color:var(--text-2);margin-top:4px;font-size:14.5px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.row{display:flex;align-items:center;gap:12px}.spread{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 16px;border-radius:10px;border:1px solid var(--border-strong);background:linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--surface) 92%,var(--ink)));color:var(--text);font-weight:600;font-size:13.5px;cursor:pointer;white-space:nowrap;box-shadow:var(--btn-highlight),var(--btn-shadow);transition:box-shadow .15s ease,transform .15s ease,border-color .15s ease,filter .15s ease}:root[data-theme=dark] .btn{background:linear-gradient(180deg,var(--surface-2),var(--surface))}.btn:hover{border-color:var(--text-3)}.btn:active{transform:translateY(1px);box-shadow:inset 0 2px 4px #1b1b3a1f,0 1px 2px #1b1b3a0f}.btn:disabled{opacity:.5;cursor:not-allowed}.btn svg{flex-shrink:0}.btn.primary{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 88%,white),var(--accent) 45%,color-mix(in srgb,var(--accent) 90%,black));border-color:transparent;color:#fff;box-shadow:inset 0 1px #ffffff47,inset 0 -1px #1b1b3a47,0 1px 2px #1b1b3a26,0 5px 14px -4px color-mix(in srgb,var(--accent) 55%,transparent)}:root[data-theme=dark] .btn.primary{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 88%,white),var(--accent) 45%,color-mix(in srgb,var(--accent) 88%,black));color:#141222;text-shadow:none}.btn.primary:hover{filter:brightness(1.05)}.btn.primary:active{transform:translateY(1px);filter:brightness(.96);box-shadow:inset 0 2px 6px #1b1b3a59,0 1px 2px #1b1b3a26}.btn.danger{color:var(--red)}.btn.small{padding:6px 11px;font-size:12.5px;border-radius:8px}.btn.ghost{border-color:transparent;background:transparent;box-shadow:none;color:var(--text-2)}.btn.ghost:hover{background:var(--surface-2);color:var(--text)}.btn.ghost:active{transform:translateY(1px);box-shadow:none}.input,textarea.input{width:100%;padding:9px 12px;border-radius:10px;border:1px solid var(--border-strong);background:var(--surface);box-shadow:inset 0 1.5px 3px #1b1b3a0f;outline:none;transition:border-color .15s ease,box-shadow .15s ease}:root[data-theme=dark] .input,:root[data-theme=dark] textarea.input{box-shadow:inset 0 1.5px 3px #00000059}.input:focus{border-color:var(--accent);box-shadow:inset 0 1.5px 3px #1b1b3a0a,0 0 0 3px var(--accent-soft)}textarea.input{resize:vertical;min-height:90px;line-height:1.5}label.field{display:block;font-size:13px;font-weight:600;color:var(--text-2);margin-bottom:6px}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 11px 4px 8px;border-radius:99px;font-size:12px;font-weight:650;white-space:nowrap;flex-shrink:0;box-shadow:inset 0 1px #ffffff80,inset 0 0 0 1px #1b1b3a0d}:root[data-theme=dark] .pill{box-shadow:inset 0 1px #ffffff0f,inset 0 0 0 1px #ffffff0d}.pill svg{width:13px;height:13px}.pill.green{background:var(--green-soft);color:var(--green)}.pill.amber{background:var(--amber-soft);color:var(--amber)}.pill.red{background:var(--red-soft);color:var(--red)}.pill.gray{background:var(--surface-2);color:var(--text-2)}.pill.accent{background:var(--accent-soft);color:var(--accent)}.signal{position:relative;width:13px;height:13px;display:inline-grid;place-items:center}.signal-core{width:7px;height:7px;border-radius:99px;background:currentColor}.signal-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:99px;border:1.5px solid currentColor;animation:signal-pulse 2s cubic-bezier(.2,.6,.4,1) infinite}@keyframes signal-pulse{0%{transform:scale(.45);opacity:.9}70%{transform:scale(1.25);opacity:0}to{transform:scale(1.25);opacity:0}}.muted{color:var(--text-2);font-size:13.5px}.tiny{color:var(--text-3);font-size:12px}.mono{font-variant-numeric:tabular-nums}.divider{height:1px;background:var(--border);border:none;margin:16px 0}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);font-weight:600;padding:8px 12px;border-bottom:1px solid var(--border)}.table td{padding:12px;border-bottom:1px solid var(--border);font-size:14px}.table tr:last-child td{border-bottom:none}.toggle{width:42px;height:24px;border-radius:99px;border:none;cursor:pointer;background:var(--border-strong);position:relative;padding:0;flex-shrink:0;box-shadow:inset 0 1.5px 3px #1b1b3a2e;transition:background .2s ease}.toggle.on{background:var(--grad-brand);box-shadow:inset 0 1.5px 3px #1b1b3a4d}.toggle-knob{width:18px;height:18px;border-radius:99px;background:#fff;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #1b1b3a59,inset 0 -1px 1px #1b1b3a14}.log{background:var(--surface-2);border-radius:12px;padding:14px 16px;box-shadow:inset 0 1.5px 4px #1b1b3a0f;max-height:320px;overflow-y:auto;font-size:13.5px;display:flex;flex-direction:column;gap:8px}:root[data-theme=dark] .log{box-shadow:inset 0 1.5px 4px #00000059}.log-entry{display:flex;gap:10px;align-items:baseline}.log-kind{flex-shrink:0;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;width:64px}.log-kind.thinking{color:var(--brand-orange)}.log-kind.text{color:var(--accent)}.log-kind.tool{color:var(--brand-blue)}:root[data-theme=dark] .log-kind.tool{color:#7aa5ff}.log-kind.status{color:var(--text-3)}.log-text{color:var(--text-2);white-space:pre-wrap;word-break:break-word}.ad-preview{border:1px solid var(--border);border-radius:12px;padding:14px 16px;background:var(--surface);box-shadow:var(--shadow);position:relative;overflow:hidden}.ad-preview:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--grad-brand)}.ad-preview .sponsored{font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);font-weight:700}.ad-preview .ad-title{font-weight:700;font-size:15px;margin-top:4px}.ad-preview .ad-body{color:var(--text-2);font-size:13.5px;margin-top:2px}.ad-preview .ad-url{color:var(--accent);font-size:12px;margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.char-count{font-size:11.5px;font-variant-numeric:tabular-nums;color:var(--text-3)}.char-count.over{color:var(--red);font-weight:700}.chip{display:inline-flex;align-items:center;padding:3px 9px;border-radius:8px;background:var(--surface-2);font-size:12px;color:var(--text-2);border:1px solid var(--border);box-shadow:inset 0 1px #fff6}:root[data-theme=dark] .chip{box-shadow:inset 0 1px #ffffff0d}.spinner{width:15px;height:15px;border-radius:99px;border:2px solid var(--accent-soft);border-top-color:var(--accent);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;padding:48px 20px;color:var(--text-2)}.empty .big{font-size:34px;margin-bottom:8px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:760px){.grid-2{grid-template-columns:1fr}.sidebar{width:68px}.sidebar .label,.logo .wordmark{display:none}}.toast-wrap{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:50;display:flex;flex-direction:column;gap:8px;align-items:center}.toast{background:var(--ink);color:#fff;padding:10px 18px;border-radius:12px;font-size:13.5px;font-weight:600;box-shadow:inset 0 1px #ffffff1f,var(--shadow-lg)}:root[data-theme=dark] .toast{background:#2c2748}.toast.error{background:var(--red)}.platform-tile{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--border);box-shadow:inset 0 1px #ffffff80,0 2px 6px -2px #1b1b3a26}:root[data-theme=dark] .platform-tile{box-shadow:inset 0 1px #ffffff0f,0 2px 6px -2px #00000080}.step-num{width:24px;height:24px;border-radius:99px;display:inline-grid;place-items:center;font-size:12px;font-weight:700;background:var(--surface-2);color:var(--text-3);box-shadow:inset 0 1px #ffffff80,inset 0 0 0 1px var(--border)}.step-num.done{background:var(--grad-brand);color:#fff;box-shadow:inset 0 1px #ffffff4d,0 2px 6px -2px #8b2fd680}:root[data-theme=dark] .step-num{box-shadow:inset 0 1px #ffffff0d,inset 0 0 0 1px var(--border)}