.site-builder{display:grid;gap:22px;min-width:0}.site-builder-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.site-builder-head h1{font-family:var(--font-head);font-size:30px;letter-spacing:-.04em;margin:10px 0 8px;outline:0}.site-builder-head>div>p:last-child{color:var(--wk-muted);font-size:13px;line-height:1.7;max-width:720px;margin:0}.site-builder-status{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap;font-size:10.5px;color:var(--wk-subtle)}.site-builder-badge{border:1px solid var(--wk-line);border-radius:99px;padding:6px 9px;font:10.5px var(--font-mono);white-space:nowrap}.site-builder-badge.is-dirty{color:var(--wk-warning);border-color:var(--wk-warning-line);background:var(--wk-warning-bg)}.site-builder-badge.is-draft{color:var(--wk-accent);border-color:var(--wk-accent-line);background:var(--wk-accent-soft)}.site-builder-badge.is-published{color:var(--wk-success);border-color:var(--wk-success-line);background:var(--wk-success-bg)}.site-builder-scope{display:grid;gap:9px;border:1px solid var(--wk-line);background:var(--wk-soft);border-radius:8px;padding:15px 17px;color:var(--wk-muted);font-size:11px;line-height:1.65}.site-builder-scope:empty{display:none}.site-builder-scope p,.site-builder-scope ul{margin:0}.site-builder-scope ul{display:flex;flex-wrap:wrap;gap:7px;list-style:none;padding:0}.site-builder-scope li{border:1px solid var(--wk-line);background:var(--wk-panel);border-radius:5px;padding:4px 7px}.site-builder-scope .site-builder-locked{color:var(--wk-subtle)}.site-builder-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:18px;align-items:start}.site-builder-editor{display:grid;gap:14px;min-width:0}.site-builder-section{border:1px solid var(--wk-line);background:var(--wk-panel);border-radius:10px;padding:20px;min-width:0;margin:0}.site-builder-section legend{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;padding:0 0 13px}.site-builder-section-name{font-family:var(--font-head);font-size:17px;color:var(--wk-fg)}.site-builder-toggle{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--wk-muted);cursor:pointer}.site-builder-toggle input{width:34px;height:19px;appearance:none;border:1px solid var(--wk-line);border-radius:99px;background:var(--wk-soft);position:relative;cursor:pointer;transition:.15s}.site-builder-toggle input:before{content:'';position:absolute;width:13px;height:13px;border-radius:50%;background:var(--wk-subtle);top:2px;left:3px;transition:.15s}.site-builder-toggle input:checked{background:var(--wk-primary);border-color:var(--wk-primary)}.site-builder-toggle input:checked:before{background:var(--wk-on-primary);transform:translateX(14px)}.site-builder-toggle input:disabled{opacity:.6;cursor:not-allowed}.site-builder-section-description{font-size:11px;color:var(--wk-subtle);line-height:1.65;margin:0 0 17px}.site-builder-fields{display:grid;gap:15px}.site-builder-field{display:grid;gap:7px}.site-builder-field-label{font-size:12px;font-weight:600;color:var(--wk-muted)}.site-builder-field input,.site-builder-field textarea{width:100%;min-width:0;border:1px solid var(--wk-line);border-radius:6px;background:var(--wk-soft);color:var(--wk-fg);padding:11px 12px;font:13px/1.6 var(--font-body);resize:vertical}.site-builder-field input:focus,.site-builder-field textarea:focus{outline:0;border-color:var(--wk-accent);box-shadow:0 0 0 3px var(--wk-accent-soft)}.site-builder-field small{font-size:10.5px;line-height:1.5;color:var(--wk-subtle)}.site-builder-count{justify-self:end}.site-builder-actions{position:sticky;bottom:12px;z-index:2;display:flex;justify-content:flex-end;gap:9px;border:1px solid var(--wk-line);border-radius:9px;background:color-mix(in srgb,var(--wk-panel) 94%,transparent);backdrop-filter:blur(10px);padding:11px}.site-builder-preview{position:sticky;top:20px;border:1px solid var(--wk-line);background:var(--wk-soft);border-radius:10px;padding:16px;max-height:calc(100vh - 40px);overflow:auto}.site-builder-preview-head{display:grid;gap:6px;padding:5px 4px 16px}.site-builder-preview-head strong{font-family:var(--font-head);font-size:17px}.site-builder-preview-head small{font-size:10.5px;color:var(--wk-subtle)}.site-builder-preview [data-builder-preview]{display:grid;gap:9px}.site-builder-preview-section{border:1px solid var(--wk-line);background:var(--wk-panel);border-radius:7px;padding:13px;overflow-wrap:anywhere}.site-builder-preview-section.is-hidden{opacity:.48;background:transparent}.site-builder-preview-section-head{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--wk-line);padding-bottom:8px;margin-bottom:9px}.site-builder-preview-section-head strong{font-size:11px}.site-builder-preview-section-head span{font:9.5px var(--font-mono);color:var(--wk-subtle)}.site-builder-preview-section h3{font-family:var(--font-head);font-size:15px;line-height:1.35;margin:8px 0}.site-builder-preview-section p{white-space:pre-wrap;font-size:10.5px;line-height:1.55;color:var(--wk-muted);margin:7px 0}.site-builder-preview-section .site-builder-preview-empty{color:var(--wk-subtle);font-style:italic}.site-builder-history{padding:0}.site-builder-history-head{display:flex;align-items:flex-start;justify-content:space-between;gap:25px;padding:22px 24px;border-bottom:1px solid var(--wk-line)}.site-builder-history-head h2{font-family:var(--font-head);font-size:19px;margin:8px 0 0}.site-builder-history-head>p{font-size:11px;line-height:1.6;color:var(--wk-subtle);max-width:430px;margin:0}.site-builder-history-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 24px;border-bottom:1px solid var(--wk-line)}.site-builder-history-row:last-child{border-bottom:0}.site-builder-history-row>div{display:grid;gap:5px}.site-builder-history-row strong{font-size:13px}.site-builder-history-row small,.site-builder-history-row p{font-size:10.5px;color:var(--wk-subtle);margin:0;line-height:1.5}.site-builder-history-row p{color:var(--wk-muted)}
@media(max-width:1100px){.site-builder-layout{grid-template-columns:minmax(0,1fr) 300px}.site-builder-head{display:grid}.site-builder-status{justify-content:flex-start}}
@media(max-width:900px){.site-builder-layout{grid-template-columns:1fr}.site-builder-preview{position:static;max-height:none}.site-builder-preview [data-builder-preview]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.site-builder-head h1{font-size:26px}.site-builder-section{padding:17px 14px}.site-builder-section legend{align-items:flex-start;flex-direction:column}.site-builder-actions{bottom:7px}.site-builder-actions .button{flex:1}.site-builder-preview [data-builder-preview]{grid-template-columns:1fr}.site-builder-history-head,.site-builder-history-row{padding:18px 15px;flex-wrap:wrap}.site-builder-history-row .button{width:100%}}
.site-builder-stepup{display:grid;gap:7px;border:1px solid var(--wk-warning-line);border-radius:9px;background:var(--wk-warning-bg);padding:14px}.site-builder-stepup label{display:grid;gap:7px;font-size:11px;font-weight:650;color:var(--wk-muted)}.site-builder-stepup input{width:100%;border:1px solid var(--wk-line);border-radius:6px;background:var(--wk-panel);color:var(--wk-fg);padding:10px 12px;font:13px var(--font-body)}.site-builder-stepup input:focus{outline:0;border-color:var(--wk-accent);box-shadow:0 0 0 3px var(--wk-accent-soft)}.site-builder-stepup small{font-size:10.5px;line-height:1.55;color:var(--wk-subtle)}