@scope(.sol-tool){:scope{--sol-accent:#0f6b66;--surface:#fffdf8;max-width:1440px;padding:var(--s5);margin:auto}:is(p,h1,h2,h3){overflow-wrap:anywhere;margin:0}.sol-heading{justify-content:space-between;align-items:end;gap:var(--s4);margin-bottom:var(--s5);flex-wrap:wrap;display:flex}.sol-heading h1{margin:var(--s2) 0 var(--s3)}.sol-heading p,.sol-hint,.sol-guide-heading>p:last-child{color:var(--muted)}.sol-kicker{letter-spacing:.09em;text-transform:uppercase;font-size:14px;color:var(--sol-accent)!important}a{align-items:center;min-height:44px;display:inline-flex}.sol-workspace{gap:var(--s4);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}.sol-panel,.sol-output{border:1px solid var(--line);border-radius:3px;min-width:0}.sol-panel{padding:var(--s4);background:var(--surface)}.sol-panel h2{margin-bottom:var(--s4)}.sol-field{margin:var(--s4) 0}label{margin-bottom:var(--s2);font-size:var(--body);font-weight:500;display:block}label span{color:var(--muted);font-weight:400}.sol-label-row{justify-content:space-between;align-items:center;gap:var(--s2);margin-bottom:var(--s2);flex-wrap:wrap;display:flex}.sol-label-row label{margin:0}:is(textarea,select){border:1px solid var(--line);background:var(--paper);width:100%;min-width:0;color:var(--ink);padding:var(--s2);border-radius:3px}textarea{min-height:calc(var(--s6) * 1.61);resize:vertical;line-height:1.61}textarea::placeholder{color:var(--muted);opacity:1}.sol-hint{margin-top:var(--s2);font-size:14px}.sol-details{margin:var(--s4) 0;border-block:1px solid var(--line);padding:var(--s2) 0}summary{cursor:pointer;padding:var(--s2) 0}.sol-check{align-items:center;gap:var(--s2);font-weight:400;display:flex}.sol-check input{width:44px;height:44px;accent-color:var(--sol-accent);flex:0 0 44px}button{background:var(--surface);color:var(--ink);border:1px solid var(--line);padding:var(--s2) var(--s3);cursor:pointer;box-shadow:none}button.quiet{color:var(--sol-accent);background:0 0;border-color:#0000}button.primary{background:var(--sol-accent);border-color:var(--sol-accent);color:#fff}button:hover:enabled{background:var(--wash)}button.primary:hover:enabled{background:#0b514d}.sol-build{justify-content:space-between;width:100%;display:flex}.sol-error{color:var(--error);margin:var(--s3) 0}.sol-output{background:var(--ink);color:var(--paper);overflow:hidden}.sol-output-header{justify-content:space-between;align-items:center;gap:var(--s3);padding:var(--s4);border-bottom:1px solid #65635d;flex-wrap:wrap;display:flex}.sol-output-header h2{color:var(--paper)}.sol-api textarea{height:auto;min-height:7em;font:14px/1.5 var(--font-geist-mono)}.sol-output textarea{height:640px;min-height:320px;max-height:75vh;color:var(--paper);padding:var(--s4);font:14px/1.61 var(--font-geist-mono);background:0 0;border:0;border-radius:0;display:block}.sol-output textarea:focus-visible{outline-offset:-4px;outline-color:#8fd8d1}.sol-output-note,.sol-status{color:#e0d8ca;padding:var(--s3) var(--s4);border-top:1px solid #65635d;font-size:14px}.sol-empty{padding:var(--s5) var(--s4);justify-content:center;gap:var(--s4);flex-direction:column;min-height:440px;display:flex}.sol-empty .sol-kicker{color:#8fd8d1!important}.sol-empty p:last-child{color:#e0d8ca;max-width:42ch}.sol-guide{padding-top:var(--s6);scroll-margin-top:var(--s4)}.sol-guide-heading{max-width:72ch;margin-bottom:var(--s4)}.sol-guide-heading h2{margin:var(--s2) 0 var(--s3)}.sol-tips{gap:var(--s4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.sol-tips article{border-top:2px solid var(--line);padding-top:var(--s3)}h3{font-size:var(--body);margin-bottom:var(--s2)}.sol-tips p{color:var(--muted)}.sol-tips a{margin-top:var(--s2);font-size:14px}.sol-source-note{margin-top:var(--s5);border-block:1px solid var(--line);padding:var(--s3) 0}.sol-source-note p{max-width:90ch;margin:var(--s3) 0;color:var(--muted)}.sol-source-links{gap:var(--s4);flex-wrap:wrap;display:flex}.sol-result{min-width:0}.sol-actions{gap:var(--s2);flex-wrap:wrap;display:flex}.sol-count{color:#e0d8ca;margin-top:var(--s2);font-size:14px}.sol-api{margin-top:var(--s4);border:1px solid var(--line);background:var(--surface);padding:var(--s4);border-radius:3px}.sol-api-header{justify-content:space-between;align-items:center;gap:var(--s3);margin-bottom:var(--s3);flex-wrap:wrap;display:flex}.sol-api ul{margin:var(--s3) 0;color:var(--muted);padding-left:1.2em}.sol-api li{margin-bottom:var(--s2)}.sol-api code{font-family:var(--font-geist-mono);color:var(--ink);font-size:13px}.sol-api textarea{background:var(--paper);color:var(--ink)}.sol-api .sol-status{color:var(--muted);border:0;min-height:1.6em;padding:0}.sol-vault-note{margin-top:var(--s4);padding:var(--s3);border:1px dashed var(--line);color:var(--muted);font-size:14px}.sol-stamp{margin-top:var(--s5);color:var(--muted);border-block:1px solid var(--line);max-width:90ch;padding:var(--s3) 0}.sol-footer{margin-top:var(--s6);padding-top:var(--s4);border-top:1px solid var(--line);color:var(--muted)}.sol-footer a,.sol-stamp a{min-height:0;padding-block:12px;display:inline}@media (max-width:900px){.sol-workspace{grid-template-columns:1fr}.sol-tips{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){:scope{padding:var(--s4) var(--s3)}.sol-panel,.sol-output-header{padding:var(--s3)}.sol-tips{grid-template-columns:1fr}.sol-heading h1{font-size:var(--h2)}.sol-output textarea{padding:var(--s3)}.sol-empty{min-height:300px}}}