.wm-hero{padding:60px 0 42px;text-align:center;background:radial-gradient(circle at 20% 20%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 38%),linear-gradient(120deg,#17162f,#101723)}.wm-hero h1{margin:8px 0 10px;font-size:clamp(38px,6vw,64px);letter-spacing:-.055em}.wm-hero h1::first-letter{color:var(--accent)}.wm-hero p{max-width:760px;margin:auto;color:var(--muted);font-size:16px}.wm-page{display:grid;grid-template-columns:330px minmax(0,1fr);gap:18px;padding-block:30px 55px}.wm-builder,.wm-preview-panel,.wm-code-panel,.wm-feeds{border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:0 22px 70px #0003}.wm-builder{align-self:start;position:sticky;top:95px;padding:18px}.wm-builder section{padding:7px 0 19px;border-bottom:1px solid var(--line)}.wm-builder section:last-child{border:0;padding-bottom:0}.wm-builder h2{display:flex;align-items:center;gap:9px;margin:0 0 14px;font-size:15px}.wm-builder h2 i{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));font-size:11px;font-style:normal}.wm-builder label{display:grid;gap:5px;color:var(--muted);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.wm-builder select{min-width:0;font-size:12px;text-transform:none;letter-spacing:0}.wm-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.wm-checks{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.wm-checks label{display:flex;align-items:center;gap:6px;padding:9px;border:1px solid var(--line);border-radius:8px;background:#0a0f18;font-size:9px;text-transform:none}.wm-builder section>p{color:var(--muted);font-size:11px}.wm-output{display:grid;gap:18px;min-width:0}.wm-preview-panel,.wm-code-panel{padding:18px}.wm-panel-head{display:flex;align-items:start;justify-content:space-between;gap:18px;margin-bottom:13px}.wm-panel-head h2{margin:0;font-size:18px}.wm-panel-head p{margin:3px 0 0;color:var(--muted);font-size:11px}.wm-panel-head>span{padding:5px 8px;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--line));border-radius:999px;color:#d8c7ff;font-size:9px}.wm-preview-panel iframe{display:block;width:100%;height:680px;border:1px solid var(--line);border-radius:13px;background:#070a10}.wm-code-panel textarea{width:100%;min-height:170px;padding:16px;border:1px solid var(--line);border-radius:11px;background:#070a10;color:#7fffb2;font:12px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;resize:vertical}.wm-code-panel .button{margin-top:10px}.wm-feeds{grid-column:1/-1;padding:22px}.wm-feeds h2{margin:0 0 4px}.wm-feeds>p,.wm-feeds>small{color:var(--muted)}.wm-feeds>div{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:16px 0}.wm-feeds article{display:grid;grid-template-columns:1fr auto;gap:8px;padding:13px;border:1px solid var(--line);border-radius:10px;background:#090d15}.wm-feeds article strong,.wm-feeds article code{min-width:0}.wm-feeds article code{grid-column:1;overflow:hidden;color:#82f8bd;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.wm-feeds article button{grid-column:2;grid-row:1/3;border:0;background:transparent;color:var(--accent);cursor:pointer;font-weight:800}.wm-embed-page{margin:0;padding:10px;background:#070a10}.sf-live-widget{--sf-columns:3;color:#eef3fb;font:13px/1.45 Inter,system-ui,sans-serif}.sf-live-widget[data-theme=light]{color:#111827}.sf-live-widget>header{display:flex;justify-content:space-between;gap:12px;padding:12px;border:1px solid #273349;border-radius:10px 10px 0 0;background:#111827}.sf-live-widget[data-theme=light]>header{background:#fff;border-color:#dce2eb}.sf-live-widget>header span{color:#8fa0b8}.sf-models{display:grid;grid-template-columns:repeat(var(--sf-columns),minmax(0,1fr));gap:8px;padding:9px;border:1px solid #273349;background:#080c13}.sf-model{min-width:0;overflow:hidden;border:1px solid #273349;border-radius:10px;background:#111827;color:inherit;text-decoration:none}.sf-live-widget[data-theme=light] .sf-models{background:#eef2f7;border-color:#dce2eb}.sf-live-widget[data-theme=light] .sf-model{background:#fff;border-color:#dce2eb}.sf-model figure{position:relative;aspect-ratio:4/3;margin:0;background:#202938}.sf-model img{width:100%;height:100%;object-fit:cover}.sf-model figure b,.sf-model figure em{position:absolute;top:7px;padding:3px 6px;border-radius:999px;background:#103b2c;color:#adffdc;font-size:8px;font-style:normal}.sf-model figure b{left:7px}.sf-model figure em{right:7px;background:#182438;color:#d9eaff}.sf-model>div{padding:10px}.sf-model>div>strong,.sf-model p,.sf-model small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sf-model p{margin:4px 0;color:#aeb9ca}.sf-model small{color:#8290a5;font-size:9px}.sf-live-widget[data-layout=list] .sf-models{grid-template-columns:1fr}.sf-live-widget[data-layout=list] .sf-model{display:grid;grid-template-columns:145px minmax(0,1fr)}.sf-live-widget[data-layout=carousel] .sf-models{display:flex;overflow:auto;scroll-snap-type:x mandatory}.sf-live-widget[data-layout=carousel] .sf-model{flex:0 0 min(280px,80vw);scroll-snap-align:start}.sf-error{padding:20px;border:1px solid #663044;border-radius:10px;background:#351721;color:#ffd5df}@media(max-width:1050px){.wm-page{grid-template-columns:1fr}.wm-builder{position:static}.wm-builder section{padding:14px}.wm-preview-panel iframe{height:600px}}@media(max-width:680px){.wm-form-grid,.wm-feeds>div{grid-template-columns:1fr}.wm-checks{grid-template-columns:1fr}.wm-preview-panel iframe{height:760px}.sf-models{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
/* Webmaster builder layout hardening: keep the public navigation and builder
   in normal document flow so neither can cover the preview or feed panels. */
.wm-hero{position:relative;z-index:1;padding-top:76px}
.wm-hero h1{color:var(--text)}
.wm-builder{position:static;top:auto}
.public-site:has(.wm-page) .site-header{position:relative}
.wm-preview-stage{min-height:680px;padding:10px;overflow:auto;border:1px solid var(--line);border-radius:13px;background:#070a10}
.wm-preview-stage>iframe{display:block;width:100%;height:658px;border:0;border-radius:9px;background:#070a10}
.wm-preview-stage>.sf-live-widget{width:100%}
@media(max-width:1050px){.wm-preview-stage{min-height:600px}.wm-preview-stage>iframe{height:578px}}
@media(max-width:680px){.wm-preview-stage{min-height:760px}.wm-preview-stage>iframe{height:738px}}