.cssl-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:var(--shadow)}.cssl-card h3{margin:0 0 4px;font-size:18px;display:flex;align-items:center;gap:8px}.cssl-badge{font-size:10.5px;font-weight:800;letter-spacing:.04em;color:var(--brand);background:color-mix(in srgb,var(--brand) 12%,transparent);padding:3px 9px;border-radius:999px;text-transform:uppercase}.cssl-lb{display:block;font-size:13px;font-weight:600;color:var(--soft);margin:14px 0 6px}.cssl-in{width:100%;font-family:inherit;font-size:16px;padding:11px 13px;border-radius:10px;border:1.5px solid var(--line);background:var(--bg);color:var(--ink);font-weight:600}.cssl-in:focus{outline:none;border-color:var(--brand)}.cssl-row{display:flex;gap:12px}.cssl-row>div{flex:1}.cssl-check{display:flex;align-items:center;gap:9px;margin:16px 0 0;font-size:13.5px;font-weight:600;color:var(--soft);cursor:pointer}.cssl-check input{width:17px;height:17px;accent-color:var(--brand);cursor:pointer;flex:none}.cssl-check small{font-weight:500;color:var(--muted)}.cssl-note{margin-top:8px;border:1px solid var(--line);border-radius:10px;background:var(--bg);overflow:hidden}.cssl-note>summary{cursor:pointer;list-style:none;padding:9px 13px;font-size:12.5px;font-weight:700;color:var(--brand-dark)}html[data-theme=dark] .cssl-note>summary{color:#93c5fd}.cssl-note>summary::-webkit-details-marker{display:none}.cssl-note>summary:before{content:"▸ ";color:var(--brand)}.cssl-note[open]>summary:before{content:"▾ "}.cssl-note p{padding:0 13px 12px;margin:0;font-size:12.5px;color:var(--soft);line-height:1.6}.cssl-note b{color:var(--ink)}.cssl-res{margin-top:16px;background:color-mix(in srgb,var(--brand) 8%,transparent);border:1px solid var(--line);border-radius:12px;padding:14px 16px}.cssl-res .l{display:flex;justify-content:space-between;font-size:13.5px;padding:3px 0;color:var(--soft)}.cssl-res .l.t{font-size:16px;font-weight:800;color:var(--ink);border-top:1px dashed var(--line);margin-top:6px;padding-top:9px}.cssl-res .l.t span:last-child{color:var(--brand)}.cssl-method{margin-top:14px;border:1px solid var(--line);border-radius:12px;background:var(--bg);overflow:hidden}.cssl-method>summary{cursor:pointer;list-style:none;padding:13px 16px;font-size:13.5px;font-weight:700;color:var(--brand-dark);display:flex;align-items:center;gap:8px}html[data-theme=dark] .cssl-method>summary{color:#93c5fd}.cssl-method>summary::-webkit-details-marker{display:none}.cssl-method>summary:before{content:"▸";transition:transform .2s;color:var(--brand)}.cssl-method[open]>summary:before{transform:rotate(90deg)}.cssl-method-body{padding:0 16px 16px;font-size:12.8px;color:var(--soft);line-height:1.6}.cssl-method-body b{color:var(--ink)}.cssl-method-body pre{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:12px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11.5px;color:var(--ink);overflow-x:auto;line-height:1.55;margin:10px 0;white-space:pre}.cssl-method-body .src{font-size:11.5px;color:var(--muted);margin-top:10px}.tool-copy[data-astro-cid-cawpoxnl]{max-width:720px;margin:0 auto 60px;font-size:15px;line-height:1.7;color:var(--soft)}.tool-copy[data-astro-cid-cawpoxnl] p[data-astro-cid-cawpoxnl]{margin:0 0 14px}.tool-copy[data-astro-cid-cawpoxnl] strong[data-astro-cid-cawpoxnl]{color:var(--ink)}.tool-copy[data-astro-cid-cawpoxnl] h2[data-astro-cid-cawpoxnl]{font-size:22px;color:var(--ink);margin:30px 0 12px;font-weight:800}.faq-item[data-astro-cid-cawpoxnl]{border:1px solid var(--line);border-radius:12px;background:var(--card);margin-bottom:10px;overflow:hidden}.faq-item[data-astro-cid-cawpoxnl]>summary[data-astro-cid-cawpoxnl]{cursor:pointer;list-style:none;padding:14px 16px;font-size:15px;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:10px}.faq-item[data-astro-cid-cawpoxnl]>summary[data-astro-cid-cawpoxnl]::-webkit-details-marker{display:none}.faq-item[data-astro-cid-cawpoxnl]>summary[data-astro-cid-cawpoxnl]:before{content:"+";color:var(--brand);font-weight:800;font-size:18px}.faq-item[data-astro-cid-cawpoxnl][open]>summary[data-astro-cid-cawpoxnl]:before{content:"−"}.faq-item[data-astro-cid-cawpoxnl]>p[data-astro-cid-cawpoxnl]{margin:0;padding:0 16px 16px;font-size:14px;color:var(--soft);line-height:1.65}