*{box-sizing:border-box}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;line-height:1.4;background:#0b0f17;color:#e7ecf3}
.wrap{max-width:1100px;margin:0 auto;padding:28px}
.hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
h1{margin:0;font-size:28px}h2{margin:0 0 6px 0;font-size:18px}h3{margin:0 0 10px 0;font-size:15px}
.sub{margin:6px 0 0 0;color:#a9b3c4}
.pill{padding:6px 10px;border:1px solid #263042;border-radius:999px;color:#a9b3c4}
.card{background:#0f1522;border:1px solid #1f2a3a;border-radius:14px;padding:18px;margin:14px 0;box-shadow:0 6px 30px rgba(0,0,0,.25)}
.row{display:flex;gap:12px;align-items:center;justify-content:space-between}
.row-left{flex:1}
.row-right{display:flex;gap:10px;align-items:center}
.row-tight{margin-top:10px}
.lbl{display:block;font-size:13px;color:#c9d3e6;margin:10px 0 6px}
.muted{color:#a9b3c4}.small{font-size:12px}
.ta{width:100%;border-radius:12px;border:1px solid #263042;background:#0b0f17;color:#e7ecf3;padding:12px;resize:vertical;outline:none}
.ta:focus{border-color:#44608a}
.hidden{display:none}
.btn{border-radius:12px;border:1px solid #263042;background:#121a2a;color:#e7ecf3;padding:10px 12px;cursor:pointer}
.btn:hover{border-color:#3a506e}
.btn:disabled{opacity:.5;cursor:not-allowed}
.btn-primary{background:#2a66ff;border-color:#2a66ff}
.btn-primary:hover{filter:brightness(1.05)}
.btn-secondary{background:#1a2436}
.btn-ghost{background:transparent}
.seg{display:flex;border:1px solid #263042;border-radius:12px;overflow:hidden}
.segBtn{padding:9px 12px;background:transparent;color:#e7ecf3;border:0;cursor:pointer}
.segBtn.active{background:#1a2436}
.grid2{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}
@media(max-width:900px){.grid2{grid-template-columns:1fr}}
.kv{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center}
.k{color:#a9b3c4;font-size:13px}
.v input{width:100%;border-radius:10px;border:1px solid #263042;background:#0b0f17;color:#e7ecf3;padding:10px}
.hr{height:1px;background:#1f2a3a;margin:14px 0}
.result{margin-top:10px;border-radius:12px;border:1px solid #263042;background:#0b0f17;padding:12px}
.prompt{white-space:pre-wrap;background:transparent;border:0;border-radius:0;padding:0;color:#cfe0ff}
.baselineHdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.switch{position:relative;display:inline-block;width:50px;height:28px}
.switch input{opacity:0;width:0;height:0}
.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#1a2436;border:1px solid #263042;transition:.2s;border-radius:999px}
.slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;top:2px;background:#e7ecf3;transition:.2s;border-radius:999px}
.switch input:checked + .slider{background:#2a66ff;border-color:#2a66ff}
.switch input:checked + .slider:before{transform:translateX(22px)}

.check{display:inline-block;margin-left:8px;font-weight:700}
.check.ok{color:#31d158}

.baselineText{padding:10px 12px;border-left:3px solid #263042;background:rgba(11,15,23,.35);border-radius:12px}