:root{color-scheme:dark;--font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: Georgia, "Times New Roman", serif;--background: #0c0d0c;--surface: #131613;--surface-strong: #1a1e19;--surface-soft: #101210;--line: #2c312a;--line-strong: #454a3e;--ink: #f4ead8;--ink-muted: #b3ad9f;--ink-faint: #77796f;--gold: #c99449;--gold-light: #e8c17d;--green: #7f9b73;--danger: #d97874;font-family:var(--font-body);color:var(--ink);background:var(--background);font-synthesis:none}*{box-sizing:border-box}html{min-width:320px;min-height:100%;scroll-behavior:smooth;background:var(--background)}body{min-width:320px;min-height:100vh;margin:0;background:radial-gradient(circle at 12% 8%,rgba(116,84,43,.15),transparent 27rem),radial-gradient(circle at 92% 36%,rgba(71,94,68,.12),transparent 32rem),linear-gradient(180deg,#0e100e,#0a0b0a)}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--gold-light);outline-offset:3px}.page{width:min(1180px,100% - 40px);margin:0 auto;padding:64px 0 88px}.eyebrow{margin:0;color:var(--gold-light);font-size:.71rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:34px}.page-heading h1{max-width:760px;margin:8px 0 12px;color:var(--ink);font:500 clamp(2.5rem,6vw,5.1rem)/.96 var(--font-display);letter-spacing:-.055em}.page-heading__copy{max-width:650px;margin:0;color:var(--ink-muted);font-size:1.02rem;line-height:1.7}.status-pill{display:inline-flex;align-items:center;flex:0 0 auto;gap:9px;padding:10px 14px;border:1px solid var(--line-strong);border-radius:999px;color:var(--ink-muted);background:#141713d1;font-size:.77rem;font-weight:700}.status-pill:before{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #7f9b731f;content:""}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);gap:20px}.workspace-stack{display:grid;gap:20px}.panel{padding:26px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#191d18f5,#0f110ff5);box-shadow:0 22px 70px #0000002e}.panel__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.panel__heading h2{margin:5px 0 0;color:var(--ink);font:500 1.55rem/1.15 var(--font-display)}.method{margin:0;color:var(--ink-faint);font-size:.66rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.panel__icon{display:grid;width:42px;height:42px;place-items:center;flex:0 0 auto;border:1px solid #5d4c31;border-radius:13px;color:var(--gold-light);background:#242016;font-family:var(--font-display);font-size:1.1rem}.form-grid,.query-stack{display:grid;gap:17px}.form-row{display:grid;grid-template-columns:minmax(0,1fr) 130px;gap:13px}label{display:grid;gap:8px;color:var(--ink-muted);font-size:.78rem;font-weight:750}input,textarea{width:100%;padding:12px 13px;border:1px solid #383d35;border-radius:10px;outline:none;color:var(--ink);background:#0d0f0d;transition:border-color .15s ease,box-shadow .15s ease}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#61645c}input:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px #c994491c}input.ng-invalid.ng-touched,textarea.ng-invalid.ng-touched{border-color:var(--danger)}.button{display:inline-flex;min-height:43px;align-items:center;justify-content:center;gap:9px;padding:10px 17px;border:1px solid var(--gold);border-radius:10px;color:#1c160e;background:linear-gradient(135deg,var(--gold-light),var(--gold));font-weight:850;text-decoration:none;cursor:pointer;transition:filter .15s ease,transform .15s ease}.button:hover:not(:disabled){filter:brightness(1.07);transform:translateY(-1px)}.button:disabled{cursor:wait;opacity:.5}.button--secondary{border-color:var(--line-strong);color:var(--ink);background:var(--surface-strong)}.button--ghost{border-color:transparent;color:var(--gold-light);background:transparent}.message{margin-bottom:20px;padding:14px 16px;border:1px solid #45573f;border-radius:12px;color:#c8dfbf;background:#162015}.message--error{border-color:#6d3d3b;color:#f2bbb8;background:#281716}.result-panel{min-height:100%}.result-panel pre{min-height:260px;max-height:520px;margin:0;padding:18px;overflow:auto;border:1px solid #30362e;border-radius:12px;color:#bad4b0;background:#090b09;font:.82rem/1.7 Consolas,monospace;white-space:pre-wrap}.empty-state{display:grid;min-height:260px;place-items:center;align-content:center;gap:15px;padding:24px;border:1px dashed #383e36;border-radius:12px;color:var(--ink-faint);text-align:center}.empty-state__rune{color:#5c604f;font:2.5rem var(--font-display)}.empty-state p{max-width:300px;margin:0;line-height:1.6}@media(max-width:860px){.page{padding-top:44px}.page-heading{align-items:flex-start;flex-direction:column}.workspace-grid{grid-template-columns:1fr}}@media(max-width:560px){.page{width:min(100% - 24px,1180px);padding:36px 0 64px}.panel{padding:20px;border-radius:16px}.form-row{grid-template-columns:1fr}}