:root{color-scheme:dark;--bg:#101316;--panel:#171b20;--panel2:#20252b;--line:#343b45;--text:#f3efe7;--muted:#a7adb5;--red:#8b2632;--red2:#b53d4a;--ok:#72c592}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}body{min-height:100vh}button,input{font:inherit}button{cursor:pointer}.topbar{height:58px;display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--panel);border-bottom:1px solid var(--line)}.brand{font-weight:900;letter-spacing:.04em}.spacer{flex:1}.muted{color:var(--muted)}.btn{border:1px solid #46505c;background:#252b33;color:var(--text);border-radius:8px;padding:9px 13px}.btn:hover{background:#303741}.btn.primary{border-color:var(--red2);background:var(--red)}.btn.primary:hover{background:#a3313f}.btn.danger{border-color:#7f454b;background:#3b2528}.wrap{max-width:980px;margin:0 auto;padding:28px 18px}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px;margin-bottom:14px}.card h1,.card h2{margin-top:0}.field{display:grid;gap:6px;margin:12px 0}.field input{width:100%;padding:11px 12px;border:1px solid #444d58;border-radius:8px;background:#0f1215;color:var(--text);font-size:16px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.campaign{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:14px 0;border-top:1px solid #2b3139}.campaign:first-child{border-top:0}.code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:#0e1114;border:1px solid #333b45;border-radius:6px;padding:4px 7px}.message{margin-top:10px;color:var(--muted);min-height:1.3em}.message.ok{color:var(--ok)}.message.err{color:#e98b91}.hidden{display:none!important}.tabs{display:flex;gap:6px;align-items:center}.tab{border:1px solid #414955;background:#20252b;color:#ddd;border-radius:7px;padding:8px 13px;font-weight:700}.tab.on{border-color:var(--red2);background:var(--red);color:#fff}.workspace{height:calc(100vh - 58px);position:relative;background:#0c0e10}.workspace iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#111}.statusdot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--ok);margin-right:6px}@media(max-width:680px){.topbar{height:auto;min-height:58px;flex-wrap:wrap}.workspace{height:calc(100vh - 104px)}.campaign{grid-template-columns:1fr}.tabs{order:3;width:100%;overflow:auto}.brand{font-size:14px}.topbar .btn{padding:7px 10px}}