.csp-hero{background:var(--silver-canvas);padding:24px 0 36px}.csp-heading{justify-content:space-between;align-items:center;gap:24px;margin:20px 0 24px;display:flex}.csp-eyebrow{color:var(--silver-violet-text);margin-bottom:12px;font-weight:700}.csp-heading h1{letter-spacing:-.048em;font-size:clamp(36px,4.1vw,52px);font-weight:800;line-height:1.02}.csp-heading h1 span{color:var(--silver-violet)}.csp-lead{color:var(--silver-muted);margin-top:12px;font-size:18px}.csp-muted{color:var(--silver-muted);overflow-wrap:anywhere;margin-top:8px}.csp-privacy{color:var(--silver-violet-text);background:#eae5ff;border-radius:100px;align-items:center;gap:10px;padding:16px;font-size:14px;display:flex}.csp-workspace,.csp-help{grid-template-columns:1fr 1fr;gap:24px;display:grid}.csp-panel{border:1px solid var(--silver-line);background:#fff;border-radius:8px;min-width:0;padding:28px}.csp-field{gap:8px;margin-top:16px;font-weight:600;display:grid}.csp-field input,.csp-field select,.csp-field textarea{width:100%;min-width:0;min-height:44px;color:var(--silver-ink);font:inherit;background:#fff;border:1px solid #858ba3;border-radius:5px;padding:10px;font-weight:400}.csp-field textarea{resize:vertical;font:15px/1.5 ui-monospace,Consolas,monospace}.csp-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;display:flex}.csp-secondary{min-height:44px;color:var(--silver-violet-text);cursor:pointer;background:#fff;border:1px solid #858ba3;border-radius:100px;justify-content:center;align-items:center;padding:10px 16px;font-size:14px;display:inline-flex}.csp-secondary:hover{background:#eae5ff}.csp-hero button:disabled{opacity:.65;cursor:not-allowed}.csp-check{align-items:center;gap:10px;min-height:44px;margin-top:12px;display:flex}.csp-check input{width:18px;height:18px;accent-color:var(--silver-violet)}.csp-result{background:#fff;margin-top:24px}.csp-result-heading{flex-wrap:wrap;justify-content:space-between;gap:20px;display:flex}.csp-result-heading .csp-actions{margin-top:0}#csp-status{overflow-wrap:anywhere;margin:16px 0}#csp-status[data-error=true]{color:var(--silver-error)}.csp-help{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);padding-top:28px;padding-bottom:20px}.csp-help>div{min-width:0}.csp-help>div:last-child{border-left:1px solid var(--silver-line);padding-left:24px}.csp-help p{color:var(--silver-muted);margin-top:14px}.csp-faq{padding-top:16px;padding-bottom:44px}#csp-result-heading,#csp-preview-heading,#csp-status{scroll-margin-block:24px}#csp-download-status{overflow-wrap:anywhere;color:var(--silver-muted);margin-top:12px}.csp-hero [aria-disabled=true]{opacity:.65;cursor:wait}.csp-hero [hidden]{display:none}@media (width<=800px){.csp-heading{flex-direction:column;align-items:start}.csp-workspace,.csp-help{grid-template-columns:1fr}.csp-panel{padding:23px}.csp-help>div:last-child{border-left:0;padding-left:0}}.csp-output-grid{grid-template-columns:minmax(260px,.8fr) minmax(0,1.7fr);gap:28px;margin-top:24px;display:grid}.csp-preview{min-width:0}#csp-parts{margin-top:12px;padding:0;list-style:none}#csp-parts li{border-bottom:1px solid var(--silver-line);flex-wrap:wrap;align-items:center;gap:8px;padding:6px 0;display:flex}.csp-part-preview small{color:var(--silver-muted);margin-top:4px;display:block}.csp-part-preview{text-align:left;border:1px solid var(--silver-line);min-width:140px;min-height:44px;color:var(--silver-ink);cursor:pointer;overflow-wrap:anywhere;background:#fff;border-radius:8px;flex:1;padding:12px}.csp-part-preview[aria-pressed=true]{border-color:var(--silver-violet);background:#eae5ff}@media (width<=900px){.csp-output-grid{grid-template-columns:1fr}}
