.screen-page{max-width:1500px;margin:auto;padding:44px 32px 64px;min-width:0}.screen-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px}.screen-heading h1{font-size:clamp(28px,3.5vw,44px);line-height:1.15;letter-spacing:-1.5px;font-weight:500;margin:10px 0 14px}.screen-heading p{max-width:660px;font-size:14px;line-height:1.7}.screen-doc-link{font-size:13px;color:var(--muted);white-space:nowrap;text-decoration:none;padding:11px 16px;border:1px solid var(--line);border-radius:9px}.play-layout{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.input-panel,.result-panel{min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:28px}.panel-label{font-size:10px;color:var(--muted);letter-spacing:.1em;margin-bottom:12px}.play-layout h2{font-size:23px;font-weight:500;letter-spacing:-.5px;margin:0 0 14px}.play-layout p{font-size:13px;line-height:1.75;color:var(--muted)}.play-layout a{color:var(--accent)}
.samples{display:flex;flex-wrap:wrap;gap:7px;margin:22px 0}.samples button,.result-actions button{padding:8px 11px;background:#25292c;color:var(--ink);border:1px solid var(--line);border-radius:7px;font:12px 'DM Sans',sans-serif;cursor:pointer}.samples button:hover,.result-actions button:hover{background:#343b30;border-color:#78885a}
.screen-page label{display:block;font-size:12px;font-weight:500;margin:16px 0 7px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field-row label{margin-top:0}.screen-page input,.screen-page select,.screen-page textarea{width:100%;border:1px solid #3d4245;background:#15181a;color:var(--ink);padding:11px;font:13px 'DM Sans',sans-serif;border-radius:8px}.screen-page label input,.screen-page label select{margin-top:7px}.screen-page textarea{font:12px/1.75 'DM Mono',monospace;resize:vertical;min-height:280px}.screen-page [hidden]{display:none!important}.input-meta{display:flex;gap:12px;justify-content:space-between;font-size:10px;line-height:1.6;color:var(--muted);margin:8px 0 18px}.input-meta span:last-child{max-width:260px}.options,.auth-box{border:1px solid var(--line);padding:15px;border-radius:9px;margin:20px 0}.options summary,details summary{cursor:pointer;font-size:12px;font-weight:500}.options p,.auth-box p{font-size:12px;margin-top:12px}.auth-box label{margin:0}.auth-note{margin:20px 0}.run-btn{width:100%;padding:14px;background:var(--accent);color:#15180b;border:0;border-radius:9px;font:600 14px 'DM Sans',sans-serif;cursor:pointer}.run-btn:disabled{opacity:.55;cursor:wait}#request-status{margin:14px 0 0;min-height:24px}#request-status.error{color:var(--bad)}
.empty-result{padding:40px 22px;background:#171b1d;border:1px dashed var(--line);border-radius:12px;margin-top:24px}.empty-mark{font:44px 'DM Mono',monospace;color:#778369}.empty-result h3{margin:12px 0;font-weight:500;font-size:18px}.report-note{margin-top:26px;padding-top:20px;border-top:1px solid var(--line);font-size:12px;font-weight:400;color:var(--muted)}.report-note p{font-size:12px;margin-top:9px}.decision-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:24px 0 16px}.decision{padding:7px 12px;font:500 12px 'DM Mono',monospace;border:1px solid currentColor;border-radius:7px}.decision.allow{color:var(--good);background:#203428}.decision.block,.decision.not_allow{color:var(--bad);background:#382523}.decision.quarantine{color:#e7cb8c;background:#342d21}#timing{font-size:11px;color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid var(--line);background:#171b1d;border-radius:10px;margin:22px 0}.metrics div{padding:15px;min-width:0}.metrics dt{font-size:10px;text-transform:uppercase;color:var(--muted);letter-spacing:.04em}.metrics dd{font-size:23px;font-weight:500;margin:6px 0 0}.result-panel pre{border:1px solid var(--line);background:#15181a;border-radius:9px;padding:16px;color:#d4dbce;font:12px/1.75 'DM Mono',monospace;white-space:pre-wrap;overflow-wrap:anywhere;max-height:460px;overflow:auto;margin:14px 0}.result-panel details{border-top:1px solid var(--line);padding:16px 0}.result-actions{display:flex;gap:8px;margin-top:12px}.result-panel h3{margin-top:26px;font-size:12px;font-weight:500;letter-spacing:.03em;text-transform:uppercase}.result-panel li{font-size:12px;color:#e1c997;line-height:1.7}.result-panel ul{padding-left:18px}.footer{max-width:1500px;margin:auto;padding:22px 32px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:18px;font-size:11px;color:var(--muted)}.footer a{text-decoration:none}
@media(max-width:1000px){.play-layout{grid-template-columns:1fr}.screen-page{padding:32px 22px 40px}.screen-heading{align-items:flex-start}.input-panel,.result-panel{padding:24px}}
@media(max-width:600px){.screen-heading{display:block}.screen-doc-link{display:inline-block;margin-top:4px}.screen-page{padding:28px 16px 36px}.input-panel,.result-panel{padding:20px}.field-row{grid-template-columns:1fr}.input-meta{display:block}.input-meta span{display:block}.footer{display:block;padding:22px 16px}.footer span{display:block;margin:7px 0}.metrics dd{font-size:21px}}