:root{color-scheme:light;--ink:#121212;--muted:#626262;--line:#dadada;--paper:#fff;--wash:#f4f4f2;--accent:#0068d9;--good:#137333;--bad:#b3261e;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--wash);color:var(--ink)}button,input,select,textarea{font:inherit}.shell{max-width:1440px;margin:auto;padding:clamp(20px,4vw,58px)}header{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}.eyebrow{margin:0 0 8px;color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}h1{font-size:clamp(34px,5vw,68px);letter-spacing:-.055em;line-height:.95;margin:0;max-width:760px}header p:last-child{max-width:520px;color:var(--muted);line-height:1.55}.gate{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;padding:18px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.75);margin-bottom:18px}.field{display:grid;gap:7px}.field label{font-size:12px;font-weight:750;color:var(--muted)}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink);padding:12px 14px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(0,104,217,.12)}.status-dot{align-self:end;min-height:45px;padding:12px 16px;border-radius:11px;border:1px solid var(--line);background:#fff;color:var(--muted);white-space:nowrap}.status-dot.good{color:var(--good);border-color:#b8d8c1}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:620px;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:var(--paper);box-shadow:0 18px 70px rgba(0,0,0,.06)}.pane{display:flex;min-width:0;flex-direction:column;padding:22px}.pane:first-child{border-right:1px solid var(--line)}.pane-head,.actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.pane-head{margin-bottom:14px}.pane-head h2{font-size:18px;margin:0}.pane-head span,.privacy-note{font-size:12px;color:var(--muted)}textarea{flex:1;min-height:430px;resize:vertical;border-radius:14px;font:13px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;tab-size:2}.actions{margin-top:14px;justify-content:flex-start;flex-wrap:wrap}.button{border:0;border-radius:999px;padding:11px 18px;font-weight:750;cursor:pointer}.button:disabled{opacity:.5;cursor:wait}.primary{background:var(--ink);color:#fff}.secondary{background:#e9e9e6;color:var(--ink)}.link{background:transparent;color:var(--accent);padding-inline:8px}.message{min-height:24px;margin:12px 0 0;font-size:13px;color:var(--muted)}.message.error{color:var(--bad)}.message.success{color:var(--good)}.privacy-note{line-height:1.5;margin:12px 2px 0}.privacy-note a{color:inherit}.suite-results{margin-top:18px;padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff;display:none}.suite-results.show{display:block}.result{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #eee}.result:last-child{border:0}.result.pass{color:var(--good)}.result.fail{color:var(--bad)}[dir="rtl"] body{text-align:right}[dir="rtl"] header,[dir="rtl"] .pane-head,[dir="rtl"] .actions{direction:rtl}[dir="rtl"] textarea{direction:ltr;text-align:left}[dir="rtl"] .pane:first-child{border-right:0;border-left:1px solid var(--line)}@media(max-width:760px){.shell{padding:18px}.shell header{display:block}.gate{grid-template-columns:1fr}.workspace{grid-template-columns:1fr}.pane:first-child{border-right:0;border-bottom:1px solid var(--line)}[dir="rtl"] .pane:first-child{border-left:0}textarea{min-height:320px}.status-dot{align-self:auto}h1{font-size:42px}}