:root{--bg:#f5f6f8;--panel:#fff;--border:#d8dce3;--text:#1a1e26;--muted:#626b7a;--accent:#2f5ed6;--accent-dark:#234aa8;--green:#1e7a45;--amber:#9a6700;--red:#b42318;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{color:var(--text);background:var(--bg);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:13px;line-height:1.45}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}code,.mono{font-family:var(--mono);font-size:12px}.app{height:100vh;display:flex}.rail{color:#cbd2dd;background:#171c26;flex-direction:column;flex:0 0 184px;width:184px;padding:10px 0;display:flex}.rail .brand{color:#fff;letter-spacing:.02em;padding:6px 14px 14px;font-size:14px;font-weight:700}.rail .brand small{color:#7d8798;font-size:11px;font-weight:400;display:block}.rail a.nav{color:#cbd2dd;border-left:3px solid #0000;padding:7px 14px;display:block}.rail a.nav:hover{background:#212837;text-decoration:none}.rail a.nav.active{border-left-color:var(--accent);color:#fff;background:#232c40}.rail .spacer{flex:1}.rail .railfoot{color:#7d8798;padding:8px 14px;font-size:11px}.rail .railfoot button{color:#cbd2dd;cursor:pointer;background:0 0;border:1px solid #3a4356;border-radius:4px;padding:2px 8px;font-size:11px}.rail .railfoot button:hover{background:#212837}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{background:var(--panel);border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:6px 14px;display:flex}.topbar h1{flex:none;margin:0;font-size:15px;font-weight:650}.topbar .note{color:var(--muted);align-items:center;gap:6px;margin-left:auto;font-size:12px;display:flex}.topbar .note input{width:260px}.content{flex:1;padding:14px;overflow:auto}.panel{background:var(--panel);border:1px solid var(--border);border-radius:6px;margin-bottom:14px}.panel>.phead{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:650;display:flex}.panel>.pbody{padding:12px}.panel>.pbody.flush{padding:0}.cards{flex-wrap:wrap;gap:12px;display:flex}.card{background:var(--panel);border:1px solid var(--border);min-width:170px;color:var(--text);border-radius:6px;padding:12px 16px;display:block}.card:hover{border-color:var(--accent);text-decoration:none}.card .big{font-size:26px;font-weight:700}.card .lbl{color:var(--muted);font-size:12px}table.tbl{border-collapse:collapse;width:100%}.tbl th,.tbl td{text-align:left;vertical-align:top;border-bottom:1px solid #eceef2;padding:5px 10px}.tbl th{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:#fafbfc;font-size:11px;position:sticky;top:0}.tbl tbody tr.rowlink{cursor:pointer}.tbl tbody tr.rowlink:hover{background:#f0f4ff}.tbl tbody tr.sel{background:#e8effc}input,select,textarea,button{font:inherit;color:inherit}input[type=text],input[type=number],input[type=date],input[type=email],input[type=password],select,textarea{border:1px solid var(--border);background:#fff;border-radius:4px;padding:4px 7px}input:focus,select:focus,textarea:focus,button:focus-visible{outline-offset:0;border-color:var(--accent);outline:2px solid #b9ccf5}textarea{resize:vertical;width:100%}label.f{margin-bottom:8px;display:block}label.f>span.lab{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:2px;font-size:11px;font-weight:600;display:block}.row{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.row>*{flex:none}.grow{flex:auto}button.btn{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:4px;padding:4px 11px}button.btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent-dark)}button.btn:disabled{opacity:.5;cursor:default}button.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.btn.primary:hover:not(:disabled){background:var(--accent-dark);color:#fff}button.btn.danger{border-color:var(--red);color:var(--red)}button.btn.danger:hover:not(:disabled){background:#fdf0ef}button.btn.sm{padding:1px 7px;font-size:12px}.badge{color:var(--muted);white-space:nowrap;background:#e7e9ee;border-radius:10px;padding:0 8px;font-size:11px;font-weight:600;line-height:18px;display:inline-block}.badge.green{color:var(--green);background:#e2f3e8}.badge.amber{color:var(--amber);background:#fdf3d8}.badge.red{color:var(--red);background:#fdeae8}.badge.blue{color:var(--accent-dark);background:#e5ecfb}.err{color:var(--red);background:#fdeae8;border:1px solid #f1b9b3;border-radius:4px;margin:6px 0;padding:6px 10px;font-size:12px}.ok{color:var(--green);background:#e2f3e8;border:1px solid #b4dfc4;border-radius:4px;margin:6px 0;padding:6px 10px;font-size:12px}.warn{color:var(--amber);background:#fdf3d8;border:1px solid #ecd696;border-radius:4px;margin:6px 0;padding:6px 10px;font-size:12px}.fielderr{color:var(--red);margin-top:2px;font-size:12px}.muted{color:var(--muted)}.small,.wordcount{font-size:12px}.wordcount.bad{color:var(--red);font-weight:600}.wordcount.good{color:var(--green)}.kv{grid-template-columns:max-content 1fr;gap:2px 14px;display:grid}.kv dt{color:var(--muted);font-size:12px}.kv dd{margin:0}.split{align-items:flex-start;gap:14px;display:flex}.split>.left{flex:55%;min-width:0}.split>.right{flex:45%;min-width:0}.preview{border:1px dashed var(--border);background:#fffdf9;border-radius:6px;padding:16px 18px;font-size:15px;line-height:1.6}.preview h2{margin:0 0 8px;font-size:20px}.preview h3{margin:16px 0 4px;font-size:15px}.preview ul.services{columns:2;margin:4px 0;padding-left:18px}.preview .qa{margin-bottom:10px}.preview .qa .q{font-weight:650}.preview img{border-radius:6px;max-width:100%}.kbd{font-family:var(--mono);border:1px solid var(--border);background:#fafbfc;border-bottom-width:2px;border-radius:3px;padding:0 5px;font-size:11px}.tabs{border-bottom:1px solid var(--border);gap:2px;margin-bottom:12px;display:flex}.tabs button{cursor:pointer;color:var(--muted);background:0 0;border:1px solid #0000;border-bottom:none;border-radius:6px 6px 0 0;padding:6px 14px}.tabs button.active{background:var(--panel);border-color:var(--border);color:var(--text);margin-bottom:-1px;font-weight:650}.mediagrid{flex-wrap:wrap;gap:12px;display:flex}.mediacard{border:1px solid var(--border);background:#fff;border-radius:6px;width:230px;overflow:hidden}.mediacard img{object-fit:cover;background:#eceef2;width:100%;height:130px;display:block}.mediacard .mbody{padding:8px}.tokenscreen{background:#171c26;justify-content:center;align-items:center;height:100vh;display:flex}.tokenbox{background:var(--panel);border-radius:8px;width:460px;padding:28px 30px}.tokenbox h1{margin:0 0 4px;font-size:18px}.timeline{margin:0;padding:0;list-style:none}.timeline li{border-left:2px solid var(--border);padding:6px 0 6px 16px;position:relative}.timeline li:before{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px;position:absolute;top:11px;left:-5px}