.builder-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.builder-toolbar>div:first-child{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.builder-toolbar strong{font-size:13px}.visual-layout{display:grid;grid-template-columns:285px minmax(0,1fr);gap:20px;align-items:start}.editor-controls{padding:0 19px 18px;max-height:calc(100vh - 90px);overflow:auto;position:sticky;top:15px;scrollbar-width:thin}.editor-tabs{display:flex;gap:0;border-bottom:1px solid var(--line);margin:0 -19px 20px;background:white;position:sticky;top:0;z-index:2}.editor-tabs button{flex:1;border:0;background:white;font-size:11px;padding:16px 5px;color:#8b9587}.editor-tabs button.selected{color:#214d3a;box-shadow:inset 0 -2px #214d3a;font-weight:700}.editor-controls .section-heading{margin:17px 0 11px}.editor-controls b{font-size:12px}.small-button{background:none;border:0;color:#476c48;font-size:11px;font-weight:700;padding:4px}.page-list{display:grid;gap:5px}.page-item{border:1px solid transparent;border-radius:6px;background:#f7f8f4;text-align:left;padding:10px 11px;font-size:12px;display:flex;justify-content:space-between;color:#7e8977}.page-item.selected{border-color:#d1dfc6;background:#eef4e6;color:#2d5335}.editor-controls label{display:block;font-size:11px;font-weight:600;margin:16px 0 7px}.editor-controls input:not([type=file]),.editor-controls textarea{width:100%;border:1px solid #d9e0d4;border-radius:6px;font-size:12px;padding:10px;background:white;color:#34452c}.editor-controls textarea{resize:vertical}.editor-controls h3{font-size:18px;margin-top:20px}.editor-controls .help{font-size:10px!important}.editor-controls .outline{font-size:10px;padding:9px 11px}.section-control{display:flex;justify-content:space-between;gap:6px;border:1px solid #e6eadf;border-radius:6px;margin:6px 0;padding:7px;align-items:center}.section-control>button{font-size:10px;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;padding:4px}.section-control button{border:0;background:none;color:#65775c}.section-control>div{display:flex}.section-control>div button{padding:3px 5px}.danger{color:#9d6860}.inspector{padding-top:20px;margin-top:18px;border-top:1px solid var(--line)}.inspector .eyebrow{font-size:9px}.storage-note{font-size:9px;color:#89917e;margin-top:18px;line-height:1.6}.canvas-area{min-width:0}.canvas-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;background:white;border:1px solid var(--line);border-radius:10px 10px 0 0;padding:12px 16px;font-size:11px}.canvas-toolbar button{border:0;background:none;font-size:10px;padding:5px 8px;color:#939c89}.canvas-toolbar button.active{background:#edf3e5;border-radius:4px;color:#395a31}.canvas-frame{padding:18px;background:#e6ebe2;min-height:720px;border:1px solid var(--line);border-top:0;border-radius:0 0 12px 12px}.canvas-frame iframe{display:block;width:100%;height:760px;background:#fff;border:0;border-radius:5px;box-shadow:0 3px 18px #263d2915}.canvas-frame.mobile iframe{max-width:375px;margin:0 auto;height:760px}.canvas-frame.mobile{background:#dce3d8}.reference-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:17px}.reference-grid>div{min-width:0}.reference-thumb{border:1px solid #d6dfce;padding:0;width:100%;height:90px;background:white;border-radius:6px;overflow:hidden}.reference-thumb img{width:100%;height:100%;object-fit:cover;object-position:top}.reference-grid span{font-size:9px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reference-grid .quiet{font-size:9px;padding:0}.swatch{display:inline-block;width:10px;height:10px;margin-right:5px;border:1px solid #fff5;border-radius:50%}.swatch.sage{background:#9bb789}.swatch.midnight{background:#263c60}.swatch.coral{background:#e7a687}.new-page-form{padding:30px;width:min(440px,90vw)}.new-page-form label{display:block;font-size:12px;margin:20px 0 8px}.new-page-form input,.new-page-form select{width:100%;padding:11px;border:1px solid #d4ddcf;border-radius:6px;font-size:13px}.new-page-form .pill-group{margin-top:25px;justify-content:flex-end}#add-page-dialog{width:auto}#reference-dialog{width:min(900px,95vw)}[hidden]{display:none!important}@media(min-width:1500px){.visual-layout{grid-template-columns:310px minmax(0,1fr)}.canvas-frame iframe{height:830px}}@media(max-width:1100px){.builder-toolbar .help{display:none}.visual-layout{grid-template-columns:240px minmax(0,1fr)}.canvas-toolbar>.badge{display:none}.canvas-frame{padding:10px}.canvas-frame iframe{height:760px}}@media(max-width:850px){.visual-layout{grid-template-columns:1fr}.editor-controls{position:static;max-height:none;overflow:visible}.builder-toolbar{align-items:start;flex-direction:column}.canvas-toolbar{margin-top:10px}.canvas-frame{min-height:650px}.canvas-frame iframe{height:700px}.reference-grid{grid-template-columns:repeat(3,1fr)}}

/* Color palette gallery and editable brand colors */
.palette-panel{margin:0 0 12px}
.palette-panel>.help{margin-top:8px}
.palette-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}
.editor-controls .palette-option{display:flex;min-width:0;flex-direction:column;gap:6px;align-items:flex-start;text-align:left;padding:9px 8px;border:1px solid #dce4d7;border-radius:8px;background:#fff;color:#45504a;font-size:10px;font-weight:600}
.editor-controls .palette-option.selected{border:2px solid #245943;padding:8px 7px;background:#f3f7f0;color:#1d4933}
.palette-dots{display:flex;height:26px;width:100%;overflow:hidden;border:1px solid #0001;border-radius:5px}
.palette-dots i{flex:1;min-width:0;display:block}
.editor-controls .palette-customize{margin-top:13px;width:100%;text-align:center;font-weight:600}
.palette-custom-fields{padding:12px;margin:12px 0;background:#f7f9f5;border:1px solid #dde7d9;border-radius:9px}
.palette-custom-fields h4{font-size:12px;margin:0 0 5px}
.editor-controls .palette-color-row{display:grid;grid-template-columns:1fr 42px;grid-template-rows:auto auto;align-items:center;gap:2px 10px;margin:11px 0}
.editor-controls .palette-color-row span{grid-column:1;grid-row:1/3}
.editor-controls .palette-color-row input[type=color]{grid-column:2;grid-row:1/3;width:42px;height:35px;padding:2px;cursor:pointer}
.editor-controls .palette-color-row output{grid-column:1;font-size:10px;color:#647266;font-family:monospace}
#palette-contrast{line-height:1.5}
@media(max-width:420px){.palette-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.publish-dialog{width:min(520px,94vw);padding:28px;border:1px solid #d7dfd3;border-radius:15px;box-shadow:0 22px 70px #19251d2b}
.publish-dialog::backdrop{background:#1a2f26a8}
.publish-dialog h2{margin-top:0;font-size:24px}.publish-dialog p{font-size:13px;line-height:1.75}.publish-dialog a{display:block;overflow-wrap:anywhere;color:#1e654a;font-weight:600;padding:12px;background:#eef5ec;border-radius:8px}
.publish-dialog .pill-group{display:flex;flex-wrap:wrap;gap:10px;margin-top:23px}.publish-dialog [role=status]{color:#9a3333;font-size:12px}