:root{--bg:#0b0e14;--panel:#131824;--panel-2:#0f1420;--line:#232b3a;--text:#e8ecf3;--muted:#7c8aa5;--gold:#ff6a1a;--gold-soft:#ffa057;--cyan:#34d0e0;--green:#3fcf8e;--danger:#f0616d;--input-bg:#0b0f18;--btn-text:#1a1206;--radius:12px}:root[data-theme=light]{--bg:#f4f6f9;--panel:#fff;--panel-2:#fafbfc;--line:#e4e8ef;--text:#141a26;--muted:#5a6577;--gold:#d9450f;--gold-soft:#e8672a;--cyan:#0e8c9c;--green:#1e9b60;--danger:#d24350;--input-bg:#f1f3f7;--btn-text:#22160a}*{box-sizing:border-box}html,body,#root{min-height:100vh;margin:0}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif;transition:background .25s,color .25s}h1,h2,h3,button{font-family:Space Grotesk,Inter,system-ui,sans-serif}code,.mono{font-family:IBM Plex Mono,ui-monospace,monospace}a{color:var(--cyan)}input,select,textarea,button{font:inherit;color:inherit}.field-label{letter-spacing:.02em;color:var(--muted);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.field-input,.field-select,.field-textarea{background:var(--input-bg);border:1px solid var(--line);width:100%;color:var(--text);border-radius:8px;outline:none;padding:10px 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}.field-input:focus,.field-select:focus,.field-textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #34d0e026}.field-textarea{resize:vertical;min-height:70px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12.5px}.field-row{margin-bottom:16px}.field-hint{color:var(--muted);margin-top:5px;font-size:11.5px;line-height:1.4}.btn{border:1px solid var(--line);color:var(--text);cursor:pointer;background:0 0;border-radius:8px;padding:9px 16px;font-size:13.5px;font-weight:600;transition:border-color .15s,color .15s,background .15s}.btn:hover{border-color:var(--cyan);color:var(--cyan)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(180deg, var(--gold-soft), var(--gold));color:var(--btn-text);border:none}.btn-primary:hover{filter:brightness(1.06);color:var(--btn-text)}.btn-danger{border-color:var(--danger);color:var(--danger)}.btn-danger:hover{color:var(--danger);background:#f0616d1a}.card{background:linear-gradient(180deg, var(--panel) 0%, var(--panel-2) 100%);border:1px solid var(--line);border-radius:16px}.pill{letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line);color:var(--muted);border-radius:999px;align-items:center;padding:3px 10px;font-family:IBM Plex Mono,monospace;font-size:10.5px;display:inline-flex}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}.editor-grid{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr)}.editor-preview-panel{position:sticky;top:20px}@media (width<=900px){.editor-grid{grid-template-columns:1fr}.editor-preview-panel{position:static}}