:root{--bg: #0f1420;--panel: #171d2e;--panel-2: #1e2740;--border: #2b3452;--text: #dfe6f5;--muted: #8b97b5;--accent: #4f8cff;--accent-2: #7c5cff;--ok: #35c98a;--warn: #ffb454;--err: #ff5f6e}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font:14px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);display:grid;grid-template-columns:360px 1fr;height:100vh}aside{background:var(--panel);border-right:1px solid var(--border);overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:14px}aside h1{font-size:15px;margin:0;display:flex;align-items:center;gap:8px}aside h1 .dot{width:9px;height:9px;border-radius:50%;background:var(--muted);transition:background .2s}aside h1 .dot.ok{background:var(--ok);box-shadow:0 0 8px var(--ok)}aside h1 .dot.err{background:var(--err);box-shadow:0 0 8px var(--err)}.field{display:flex;flex-direction:column;gap:4px}.field label{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.field .hint{font-size:11px;color:var(--muted)}.chk-inline{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted);text-transform:none;letter-spacing:0}.chk-inline input{width:auto}input,select,textarea{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:7px;padding:8px 10px;font:inherit;width:100%}textarea{resize:vertical;min-height:60px;font-family:ui-monospace,Menlo,monospace;font-size:12px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)}.row{display:flex;gap:8px}.row>*{flex:1}fieldset{border:1px solid var(--border);border-radius:8px;padding:10px 12px;margin:0}fieldset legend{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;padding:0 6px}.checks{display:flex;flex-direction:column;gap:6px}.checks label{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text);text-transform:none;letter-spacing:0}.checks input{width:auto}.btns{display:flex;gap:8px;position:sticky;bottom:0;padding-top:6px;background:var(--panel)}button{flex:1;border:none;border-radius:8px;padding:10px;font:inherit;font-weight:600;cursor:pointer;color:#fff;background:var(--accent)}button.secondary{background:var(--panel-2);border:1px solid var(--border);color:var(--text)}button:hover{filter:brightness(1.1)}button:active{transform:translateY(1px)}.hide{display:none!important}main{display:grid;grid-template-rows:1fr 220px;overflow:hidden}#embed-container{background:#fff;overflow:auto;position:relative}#embed-container .placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#9aa3b8;background:var(--bg);font-size:14px;text-align:center;padding:40px}#log-panel{background:var(--panel);border-top:1px solid var(--border);display:flex;flex-direction:column}#log-head{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;border-bottom:1px solid var(--border)}#log-head span{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}#log-head button{flex:none;padding:4px 10px;font-size:11px;font-weight:500}#log{flex:1;overflow-y:auto;padding:6px 12px;font-family:ui-monospace,Menlo,monospace;font-size:12px}.log-line{display:flex;gap:8px;padding:1px 0;border-bottom:1px solid rgba(255,255,255,.03)}.log-line .t{color:var(--muted);flex:none}.log-line .k{flex:none;font-weight:600}.log-line.info .k{color:var(--accent)}.log-line.ok .k{color:var(--ok)}.log-line.warn .k{color:var(--warn)}.log-line.err .k{color:var(--err)}.log-line .m{color:var(--text);word-break:break-word;white-space:pre-wrap}#log-head .tabs{display:flex;gap:4px}#log-head .tab{flex:none;background:transparent;border:1px solid transparent;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em;font-weight:600;padding:4px 10px;border-radius:6px}#log-head .tab.active{color:var(--text);background:var(--panel-2);border-color:var(--border)}#config-view{flex:1;overflow:auto;margin:0;padding:8px 12px;font-family:ui-monospace,Menlo,monospace;font-size:12px;line-height:1.45;color:var(--text);white-space:pre;tab-size:2}#config-view .c-comment{color:var(--muted)}#config-view .c-warn{color:var(--warn)}