:root{--bg: #0b0f14;--panel: #121926;--panel-2: #101521;--text: #e6edf3;--muted: #94a3b8;--accent: #6aa2ff;--accent-2: #7cdb85;--warning: #ffcc66;--danger: #ff6b6b;--ok: #67e8f9;--border: #1f2937;--radius: 12px;--mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--sans: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, "Helvetica Neue", Arial, "Apple Color Emoji", "Segoe UI Emoji"}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans)}.container{max-width:1100px;margin:32px auto 80px;padding:0 20px}h1{font-size:28px;margin:0 0 8px}h2{font-size:20px;margin:24px 0 12px}p{color:var(--muted)}.panel{background:radial-gradient(1200px 600px at 10% -10%,rgba(106,162,255,.08),transparent),linear-gradient(0deg,#ffffff08,#ffffff08);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}.col-12{grid-column:span 12}.col-8{grid-column:span 8}.col-6{grid-column:span 6}.col-4{grid-column:span 4}.col-3{grid-column:span 3}.col-2{grid-column:span 2}.input,select,textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--panel);color:var(--text);font-size:14px;font-family:var(--sans);outline:none}label{display:block;font-weight:600;margin-bottom:6px}.small{color:var(--muted);font-size:12px}.row{display:flex;gap:10px;flex-wrap:wrap}button{border:1px solid var(--border);background:linear-gradient(180deg,#1a2333,#141a27);color:var(--text);padding:10px 14px;border-radius:10px;cursor:pointer;transition:transform .04s ease,box-shadow .04s ease}button:hover{transform:translateY(-1px);box-shadow:0 8px 16px #00000040}button.ghost{background:transparent;border:1px dashed var(--border)}button.primary{background:linear-gradient(180deg,#2e71ff,#2150b7);border:none}button.safe{background:linear-gradient(180deg,#27c08a,#199b6c);border:none}button.warn{background:linear-gradient(180deg,#ffb347,#d68c33);border:none}button.danger{background:linear-gradient(180deg,#ff6b6b,#d84343);border:none}kbd{padding:2px 6px;border-radius:6px;border:1px solid var(--border);background:var(--panel-2);font-family:var(--mono);font-size:12px}.card{border:1px solid var(--border);border-radius:12px;padding:12px;background:var(--panel-2)}.log{height:300px;overflow:auto;font-family:var(--mono);font-size:12px;background:#0b111b;padding:12px;border-radius:10px;border:1px solid var(--border);white-space:pre-wrap}code.inline{font-family:var(--mono);padding:2px 6px;border-radius:6px;background:var(--panel-2)}a{color:var(--accent)}hr{border:none;height:1px;background:var(--border);margin:14px 0}.badge{display:inline-block;font-size:12px;color:var(--text);background:#1b2433;border:1px solid var(--border);padding:2px 8px;border-radius:999px}