/* The canvas is the focus; editor controls remain readable and keyboard accessible. */
#builder{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0;margin:0}
.builder-header{height:49px;padding:0 18px;gap:16px}
.builder-header .brand{font-size:17px;gap:7px}.builder-header .brand-symbol{font-size:27px}
.builder-progress{gap:22px}.builder-progress li{font-size:11px;gap:7px}.builder-progress li b{width:21px;height:21px;font-size:10px}
.icon-button{width:32px;height:32px;font-size:13px}
.project-toolbar{min-height:47px;padding:5px 18px;gap:15px}.project-identity{gap:10px}.project-identity>div{gap:0}.project-mark{font-size:22px}
.project-identity strong{font-size:12px}#project-save-status{font-size:10px}.project-menu>summary{padding:6px 10px;font-size:11px}.history-controls button{width:30px;height:30px;font-size:22px}
.builder-layout{grid-template-columns:330px minmax(0,1fr);height:auto}.editor-panel{padding:20px 20px 28px;scrollbar-width:thin}
.mode-pill{font-size:10px;padding:4px 8px;margin-bottom:17px}.builder-step>.eyebrow{font-size:9px;letter-spacing:.12em}
.builder-step h2,#builder-success h2{font-size:26px;line-height:1.17;letter-spacing:-.65px;margin:10px 0 12px}.builder-step h2 br{display:none}
.builder-step>p,#builder-success>p{font-size:13px;line-height:1.65;margin-bottom:18px}
.builder-step label:not(.checkbox-label),.builder-step fieldset legend{font-size:12px;margin-bottom:7px}
.builder-step input:not([type=radio]):not([type=checkbox]):not([type=color]):not([type=file]),.builder-step textarea,.builder-step select{font-size:13px;padding:10px 11px;line-height:1.5;margin-bottom:16px;min-width:0}
.builder-step textarea{min-height:78px}#description{min-height:136px}.field-row{gap:10px;grid-template-columns:1fr 1fr}
.builder-step .field-help{font-size:11px;line-height:1.65;margin:-5px 0 17px}.checkbox-label{font-size:11px;line-height:1.65;gap:9px}.checkbox-label input{width:16px;height:16px;flex-shrink:0}
.builder-step fieldset{margin:20px 0}.builder-step .button{font-size:12px;padding:12px;min-height:43px}.builder-step .button span{font-size:18px}
.builder-actions{gap:8px;margin-top:23px}.builder-actions .outline{flex:0 0 auto}.builder-actions #to-plan{font-size:11px}.export-link{font-size:12px;margin-top:18px}
.editor-tabs{grid-template-columns:repeat(4,1fr);margin:0 0 20px;padding:3px;gap:2px;border-radius:8px;position:sticky;top:-20px;z-index:3}
.editor-tabs button{font-size:12px;padding:10px 2px}.editor-tabs span{font-size:13px}
.intent-card{gap:9px;padding:0 0 14px;margin-bottom:18px}.intent-icon{font-size:20px}.intent-card h3{font-size:12px;margin-bottom:6px}.intent-card p{font-size:12px;line-height:1.6}.intent-card small{font-size:10px;line-height:1.6;margin-top:6px}
.style-options{gap:7px}.style-options label>span{padding:5px 5px 9px;gap:6px}.style-options label b{height:47px;font-size:27px}.style-options label:nth-child(2) b,.style-options label:nth-child(3) b{font-size:27px}.style-options strong{font-size:11px}.style-options small{font-size:9px}
.color-options{gap:10px}.color-swatch{width:28px;height:28px}.custom-color{font-size:10px!important}.custom-color input{width:26px;height:28px}
.editor-details>summary{font-size:12px;padding:15px 0}.upload-help,.panel-intro{font-size:12px;line-height:1.65;margin-bottom:17px}.builder-step .upload-label{min-height:50px;padding:12px}#photo-status{font-size:11px;margin:10px 0 12px}#reset-photos{font-size:11px}
.assistant-intro{padding:2px 0 8px}.assistant-orbit,.assistant-intro>.eyebrow{display:none}.assistant-intro h3{font-size:23px;letter-spacing:-.6px;margin:0 0 12px}.assistant-intro h3 br{display:none}.assistant-intro p{font-size:12px;line-height:1.7;margin-bottom:10px}
.assistant-availability{font-size:11px;line-height:1.65;padding:10px 12px;margin:8px 0 17px}.assistant-compose #revision-prompt{min-height:120px}.revision-suggestions{gap:6px;margin-bottom:16px}.revision-suggestions button{font-size:10px;padding:6px 9px}.revision-status,.revision-review>p{font-size:12px}.revision-review h3{font-size:24px}
.preview-toolbar{min-height:43px;padding:5px 12px;font-size:11px;gap:10px;flex-wrap:nowrap}.preview-toolbar>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.preview-view-actions{gap:8px}.expand-preview{font-size:10px;padding:6px 9px;min-height:30px}.device-controls button{min-width:30px;min-height:28px}
.preview-sections{padding:3px 9px;gap:3px;min-height:32px}.preview-sections button{font-size:10px;padding:6px 8px}.preview-sections>span{font-size:9px;margin-right:5px}
.preview-stage{padding:6px 8px 7px}.preview-url{height:24px;font-size:10px}.preview-browser{border-radius:5px}.preview-disclaimer{font-size:10px;padding:0 10px 7px}.preview-expanded .preview-stage{padding:6px 8px 7px}
#inline-edit{border:1px solid #586b48;background:transparent;color:#bacba9;border-radius:6px;font-size:10px;padding:7px 9px;white-space:nowrap}#inline-edit[aria-pressed=true]{background:#c0d3a3;color:#15220f;border-color:#c0d3a3}#inline-edit:disabled{opacity:.4}
.edit-hint{font-size:11px;line-height:1.6;color:#b9cca6;padding:10px 12px;background:#25331d;border:1px solid #465838;border-radius:7px;margin:0 0 18px}
.section-list{display:grid;gap:8px;margin:12px 0 15px}.section-row{border:1px solid #3a4e2e;border-radius:8px;background:#192514;padding:10px}.section-row.is-off{opacity:.65}.section-row-top{display:flex;align-items:center;gap:9px}.section-row-top label{display:flex;align-items:center;gap:8px;margin:0!important;flex:1;min-width:0}.section-row-top input{accent-color:#bccc9e;width:16px;height:16px}.section-row-top span{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.section-moves{display:flex;gap:3px}.section-moves button{width:27px;height:27px;background:#2c3b23;color:#d0dfc1;border-radius:4px;font-size:13px}.section-moves button:disabled{opacity:.3;cursor:default}
.section-row input.section-name{font-size:11px!important;padding:6px 8px!important;margin:8px 0 0!important}.section-fixed{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#9bad8e;padding:6px 3px}.section-fixed small{font-size:10px}
.add-section{width:100%;padding:11px;border:1px dashed #6c8357;border-radius:7px;background:#26361d;color:#d2e3bf;font-size:12px}.add-section:disabled{opacity:.4}
.module-heading{font-size:14px;margin:0 0 10px;color:#dae6ce}.module-note{font-size:11px;color:#a9b99a;line-height:1.7;margin:0 0 16px}.booking-enabled{padding:13px 11px;border:1px solid #64774d;border-radius:7px;background:#24301c;margin:15px 0 19px}
.photo-manager{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:14px 0}.photo-item{position:relative}.photo-item img{width:100%;height:61px;object-fit:cover;border-radius:5px}.photo-item button{width:100%;font-size:10px;background:#293b20;color:#cddbba;padding:6px 2px;border-radius:4px;margin-top:4px}.photo-item button[aria-pressed=true]{background:#bacc9c;color:#172112}.photo-item .remove-photo{position:absolute;right:3px;top:3px;width:21px;height:21px;margin:0;border-radius:50%;padding:0;background:#131d13dd;color:#fff}
@media(min-width:1600px){.builder-layout{grid-template-columns:350px minmax(0,1fr)}}
@media(max-width:1100px) and (min-width:801px){.builder-layout{grid-template-columns:300px minmax(0,1fr)}.editor-panel{padding:18px 16px 28px}.preview-toolbar>span{display:none}.preview-view-actions{width:100%;justify-content:flex-end}.field-row{grid-template-columns:1fr}.editor-tabs{top:-18px}}
@media(max-width:800px){.builder-header{height:49px;padding:0 13px}.builder-progress{gap:5px}.builder-progress li,.builder-progress li.active{font-size:0;gap:0}.builder-progress li b{width:20px;height:20px;font-size:10px}.project-toolbar{min-height:49px;padding:6px 13px;flex-wrap:nowrap}.project-identity strong{max-width:160px;font-size:11px}#project-save-status{font-size:9px;max-width:170px}.history-controls{padding-right:6px}.history-controls button{width:25px;height:28px}.project-menu>summary{font-size:10px;padding:6px}.project-tools{gap:6px}.builder-layout{height:auto;flex:1}.editor-panel{padding:20px;max-width:620px;margin-inline:auto}.builder-step h2,#builder-success h2{font-size:28px}.builder-step>p{font-size:13px}.builder-step input:not([type=radio]):not([type=checkbox]):not([type=color]):not([type=file]),.builder-step textarea,.builder-step select{font-size:16px}.builder-step label:not(.checkbox-label),.builder-step fieldset legend{font-size:12px}.editor-tabs{margin-top:17px;position:static}.editor-tabs button{font-size:12px}.mobile-preview-link{font-size:12px;padding:10px 12px}.preview-panel{min-height:720px}.preview-toolbar{flex-wrap:wrap;gap:7px;min-height:43px;padding:7px 10px}.preview-toolbar>span{flex:1}.preview-toolbar>span>b{font-size:11px}.preview-toolbar .mobile-preview-link{font-size:10px;min-height:30px;padding:6px 8px}.preview-view-actions{margin-left:auto}.preview-stage{min-height:575px;padding:5px}.preview-browser{min-height:550px}.preview-sections button{font-size:11px;padding:7px 8px}.preview-disclaimer{font-size:9px}.preview-expanded .preview-toolbar>span{display:none}.preview-expanded .preview-view-actions{width:100%;justify-content:space-between}.preview-expanded .preview-stage{padding:4px}.field-row{grid-template-columns:1fr 1fr}}
@media(max-width:380px){.editor-panel{padding:18px}.field-row{grid-template-columns:1fr}.builder-header .brand{font-size:15px}.builder-header .brand-symbol{font-size:22px}.project-identity strong{max-width:122px}#project-save-status{max-width:133px}.project-mark{display:none}.project-toolbar{gap:8px}.preview-toolbar>span{flex-basis:auto}.preview-view-actions{width:100%;justify-content:space-between}.history-controls button{width:22px}.project-menu>summary{gap:4px}.project-tools{gap:4px}}