.se-page{--se-blue:#2563eb;--se-ink:#0f172a;--se-muted:#64748b}.se-hero{display:grid;grid-template-columns:1fr 1.05fr;gap:40px;align-items:start;padding:28px 0 16px}.se-hero h1{font-size:clamp(32px,5vw,52px);line-height:1.05;letter-spacing:-.03em;margin:0 0 16px;color:var(--se-ink)}.se-hero p{color:var(--se-muted);font-size:18px;line-height:1.5;margin:0 0 22px;max-width:440px}.se-cta{background:var(--se-blue);color:#fff;padding:12px 18px;border-radius:999px;display:inline-block;font-weight:700;margin-bottom:22px}.se-pick-title{font-size:18px;margin:0 0 10px;color:var(--se-ink)}.se-preview-shell{background:#fff;border-radius:24px;padding:18px;box-shadow:0 30px 80px rgba(15,23,42,.12);border:1px solid #eef2f7;position:sticky;top:16px}.se-preview-shell iframe{width:100%;min-height:480px;border:0;border-radius:16px;background:#fff}.se-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 8px}.se-grid--hero{grid-template-columns:1fr 1fr}.se-layout{border:1px solid #e2e8f0;background:#fff;border-radius:14px;padding:12px;text-align:left;cursor:pointer}.se-layout.is-on{border-color:var(--se-blue);box-shadow:0 0 0 3px rgba(37,99,235,.15)}.se-layout strong{display:block;font-size:14px}.se-layout span{display:block;color:var(--se-muted);font-size:12px;margin-top:4px}.se-form{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;margin-bottom:16px}.se-form label{display:block;font-size:12px;color:var(--se-muted);margin-bottom:4px}.se-form input,.se-form select{width:100%;border:1px solid #e2e8f0;border-radius:10px;padding:8px 10px;font:inherit}.se-code{width:100%;min-height:120px;font:12px/1.45 ui-monospace,Consolas,monospace;border:1px solid #e2e8f0;border-radius:12px;padding:12px;background:#f8fafc}.se-actions{display:flex;gap:8px;margin-top:10px}.se-help{color:var(--se-muted);font-size:14px;line-height:1.55}@media (max-width:900px){.se-form,.se-grid,.se-grid--hero,.se-hero{grid-template-columns:1fr}.se-preview-shell{position:static}}