@layer components{.playground-heading{justify-content:space-between;align-items:end;gap:30px;display:flex}.playground-heading h1{font-size:clamp(43px,4.6vw,67px)}.playground-meta{text-align:right;color:#708261;padding-bottom:7px;font-size:10px}.playground-meta>span:last-child{color:#95a087;margin-top:14px;font-size:9px;display:block}.desk-toolbar{border:1px solid var(--line);background:#eef1e7;justify-content:space-between;align-items:center;display:flex}.mode-tabs{display:flex}.mode-tabs button{border:0;border-right:1px solid var(--line);font:10px var(--mono);color:#839174;background:0 0;padding:20px 25px}.mode-tabs button span{font:14px var(--display);color:var(--ink);margin-left:10px;font-weight:550}.mode-tabs [aria-selected=true]{box-shadow:inset 0 3px var(--green);background:#fff}.desk-label{color:#839174;margin-right:25px;font-size:9px}.inspection-desk{border:1px solid var(--line);background:#fff;border-top:0;grid-template-columns:1.15fr 1fr;display:grid}.input-panel{min-width:0;padding:25px}.editor-toolbar{font:10px var(--mono);letter-spacing:.04em;color:#7a876b;justify-content:space-between;margin-bottom:17px;display:flex}#scan-input{resize:vertical;width:100%;min-height:250px;font:14px/1.95 var(--mono);color:var(--ink);outline-offset:1px;tab-size:2;background:#f5f6f0;border:0;border-left:2px solid #9cb684;padding:20px}.editor-bottom{color:#839174;justify-content:space-between;gap:16px;padding:12px 0;font-size:11px;display:flex}.editor-bottom button{white-space:nowrap;background:0 0;border:0;font-size:11px;text-decoration:underline}.sample-controls{border-top:1px solid var(--line);margin-top:16px;padding-top:21px}.sample-controls>.mono{color:#849174;font-size:9px}.sample-controls>div{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.sample-controls button{border:1px solid var(--line);color:#69795d;background:#fff;padding:7px 12px;font-size:11px}.sample-controls button.selected{color:#3f5b2c;background:#eaf2df;border-color:#a7bd90}.key-details{border:1px solid var(--line);margin-top:24px;font-size:12px}.key-details summary,.raw-result summary{cursor:pointer;justify-content:space-between;gap:15px;padding:14px 16px;list-style:none;display:flex}.key-details summary::-webkit-details-marker,.raw-result summary::-webkit-details-marker{display:none}.key-details[open] summary{border-bottom:1px solid var(--line);margin-bottom:15px}.key-details label{margin:0 16px 9px;font-size:11px;display:block}.key-row{margin:0 16px;display:flex}.key-row input{border:1px solid var(--line);width:100%;min-width:0;font:12px var(--mono);background:#fafbf7;padding:10px}.key-row button{border:1px solid var(--line);background:#eef1e7;border-left:0;padding:0 12px;font-size:11px}.key-details p{margin:12px 16px 16px;font-size:11px;line-height:1.8}.key-details p a{text-decoration:underline;display:inline}.scan-actions{align-items:center;gap:25px;margin-top:24px;display:flex}.scan-actions>a{text-underline-offset:4px;font-size:12px;text-decoration:underline}.scan-help{margin-top:12px;font-size:11px;line-height:1.8}.result-panel{color:#dceacb;background:#11271f;flex-direction:column;min-width:0;padding:27px 32px;display:flex}.result-top{color:#90a37c;justify-content:space-between;padding-bottom:35px;display:flex}.result-top span{letter-spacing:.07em;font-size:9px}.verdict{align-items:center;gap:13px;margin-top:8px;display:flex}.verdict h2{font:500 clamp(34px,3.4vw,52px)/1 var(--display);letter-spacing:-.06em;color:#f0bc91}.verdict-dot{background:#e9ae7b;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 5px #eeac7220}.verdict.low h2{color:#c6ec9e}.verdict.low .verdict-dot{background:#badb99;box-shadow:0 0 0 5px #badb9915}.verdict.medium h2{color:#dacf95}.verdict.medium .verdict-dot{background:#dacf95;box-shadow:0 0 0 5px #dacf9515}.verdict.error h2{font-size:33px}.verdict-description{color:#a6b699;max-width:350px;margin-top:20px;font-size:14px;line-height:1.9}.result-divider{background:#344a36;height:1px;margin:29px 0}.finding{gap:18px;margin:24px 0;display:flex}.finding-index{font:10px var(--mono);color:#9fac8e;flex:0 0 23px;padding-top:4px}.finding h3{letter-spacing:-.02em;color:#e1ebd0;overflow-wrap:anywhere;margin-bottom:7px;font-size:16px}.finding p{color:#95a98a;overflow-wrap:anywhere;font-size:12px;line-height:1.8}.finding small{font:10px var(--mono);color:#adbd9d;overflow-wrap:anywhere;margin-top:6px;display:block}.result-callout{color:#c1d2ad;border:1px solid #465c3c;margin:26px 0;padding:20px;font-size:13px;line-height:1.8}.raw-result{font:11px var(--mono);color:#adc49b;border:1px solid #3e5437;margin-top:25px}.raw-result summary{padding:14px 16px}.raw-result pre{white-space:pre-wrap;overflow-wrap:anywhere;border-top:1px solid #3e5437;max-height:280px;padding:14px 16px;font-size:11px;line-height:1.8;overflow:auto}.raw-result button{color:#b8d0a5;font:10px var(--mono);background:0 0;border:0;padding:0 16px 15px}.result-footnote{color:#96ad82;gap:15px;margin-top:auto;padding-top:35px;display:flex}.result-footnote>span{font-size:24px}.result-footnote p{color:#99ad89;font-size:11px;line-height:1.9}.verdict-guide{grid-template-columns:repeat(3,1fr);gap:30px;margin-top:25px;display:grid}.verdict-guide>div{border-top:1px solid var(--line);padding-top:17px}.verdict-guide b{font:10px var(--mono)}.guide-dot{border-radius:50%;width:6px;height:6px;margin-right:9px;display:inline-block}.guide-dot.red{background:#b66d4b}.guide-dot.amber{background:#afa35e}.guide-dot.green{background:#718f5b}.verdict-guide p{margin:10px 0 0 16px;font-size:12px;line-height:1.8}.result-scanning{opacity:.5}.result-scanning:after{content:"Inspecting…";font:14px var(--mono);padding-top:20px;display:block}@media (width<=1000px){.desk-label{display:none}.mode-tabs{width:100%}.mode-tabs button{flex:1;padding:20px 10px}.result-panel{padding:25px}.result-top{gap:12px}.result-top span{font-size:8px}.scan-actions{gap:15px}.scan-actions>a{font-size:11px}.input-panel{padding:20px}.playground-meta{display:none}}@media (width<=700px){.inspection-desk{grid-template-columns:1fr}.result-panel{min-height:510px}.verdict h2{font-size:45px}.result-top span{font-size:10px}.result-footnote{padding-top:28px}.mode-tabs button{font-size:9px}.mode-tabs button span{margin-left:6px;font-size:12px}.verdict-guide{grid-template-columns:1fr;gap:12px}.verdict-guide>div{padding-top:15px}.verdict-guide p{margin-left:0;font-size:13px}.playground-heading h1{font-size:47px}.playground-heading p{font-size:15px}#scan-input{min-height:225px;padding:16px;font-size:12px}.scan-actions .button{font-size:13px}.sample-controls button{font-size:10px}.sample-controls>div{gap:5px}.scan-help{font-size:11px}.editor-bottom{font-size:10px}.input-panel{padding:20px 16px}}}