#dialog.builder-dialog{width:min(1200px,96vw);max-width:96vw;max-height:94dvh;padding:24px;overflow:auto}
.builder-note,.builder-status{font-size:13px;line-height:1.55;color:var(--muted)}
.builder-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:12px 0}
.builder-toolbar button,.builder-toolbar select,.builder-toolbar input,.builder-edit button{min-height:40px;border:1px solid var(--border,#555);border-radius:10px;padding:8px 12px;background:var(--surface,#222);color:var(--text,#eee);font:inherit;max-width:100%}
.builder-toolbar select{max-width:230px}.builder-toolbar input{width:180px}
.builder-source{box-sizing:border-box;width:100%;min-height:320px;padding:16px;font:13px/1.6 ui-monospace,monospace;background:var(--surface,#222);color:var(--text,#eee);border:1px solid var(--border,#555);border-radius:12px;resize:vertical;tab-size:2}
.builder-stage{--preview-width:100%;overflow:auto;max-width:100%;min-height:320px;background:#ddd;border-radius:12px;padding:4px}
.builder-stage .website-preview-frame{display:block;width:var(--preview-width);min-width:var(--preview-width);max-width:none;height:60dvh;min-height:320px;margin:auto;border:0;background:white}
.builder-edit{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.builder-edit textarea{flex:1;min-width:180px;padding:12px;border-radius:12px;font:inherit;color:var(--text);background:var(--surface,#222);border:1px solid var(--border,#555)}.builder-edit small{width:100%;color:var(--muted)}
#dialog.builder-expanded{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border-radius:0}.builder-expanded .website-preview-frame{height:70dvh}
@media(max-width:760px){#dialog.builder-dialog{padding:16px;width:96vw}.builder-toolbar{gap:6px}.builder-toolbar button,.builder-toolbar select{font-size:13px;min-height:44px}.builder-source,.builder-edit textarea{font-size:16px}.builder-stage .website-preview-frame{height:48dvh}.builder-toolbar select{max-width:100%}}
#dialog.builder-dialog{border:1px solid var(--border);border-radius:20px;background:var(--bg);padding:20px}
.builder-toolbar{gap:8px;margin:0 0 14px;padding-bottom:14px;border-bottom:1px solid var(--border)}
.builder-toolbar button{font-size:12px;background:var(--panel);transition:background .15s ease}
.builder-toolbar button:hover{background:var(--raised)}
.builder-stage{padding:0;border:1px solid var(--border);border-radius:12px;background:var(--panel)}
.builder-status{margin:10px 0;min-height:20px;font-size:12px}
.builder-edit{padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--panel)}
.builder-edit textarea{border:0;background:transparent;resize:vertical;min-height:56px;outline-offset:1px}
.builder-edit small{font-size:11px}
.builder-library{margin-top:16px;border-top:1px solid var(--border);padding-top:12px}
.builder-library summary{cursor:pointer;color:var(--muted);font-size:13px;min-height:32px}
.builder-library .builder-toolbar{border:0;padding:0}
.builder-preview-layout{display:grid;gap:12px;min-width:0}
.builder-preview-layout.editing-source{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.builder-preview-layout.editing-source .builder-source{height:60dvh;resize:vertical}
@media(max-width:760px){.builder-preview-layout.editing-source{grid-template-columns:minmax(0,1fr)}.builder-preview-layout.editing-source .builder-source{height:35dvh;min-height:200px}#dialog.builder-dialog{padding:14px}.builder-toolbar button,.builder-toolbar select{min-height:40px;font-size:12px}.builder-edit{padding:8px}}

/* Give the workspace room beyond the standard small-dialog cap. */
body[data-widgets=standard] #dialog.builder-dialog{width:min(1200px,96vw)!important;max-width:96vw!important;max-height:94dvh!important;height:auto;padding:20px!important;border-radius:20px!important}
body[data-widgets=standard] #dialog.builder-expanded{width:100vw!important;max-width:100vw!important;height:100dvh;max-height:100dvh!important;margin:0;border-radius:0!important}
@media(max-width:760px){body[data-widgets=standard] #dialog.builder-dialog{padding:14px!important}}

.builder-live{display:flex;align-items:center;gap:7px;padding:8px 10px;color:var(--muted);font-size:12px;white-space:nowrap}.builder-live input{width:16px;height:16px;min-height:0;accent-color:var(--accent)}
.builder-toolbar button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.builder-stage:empty:after{content:'Your website preview appears here';display:grid;place-items:center;min-height:320px;color:var(--muted);font:14px system-ui}
.builder-status{white-space:pre-wrap;overflow-wrap:anywhere}

/* Keep iframe hit targets stationary while the workspace appears. */
#dialog.builder-dialog[open]{animation:roxy-builder-arrive .16s ease-out!important}
@keyframes roxy-builder-arrive{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){#dialog.builder-dialog[open]{animation:none!important}}
body[data-motion="none"] #dialog.builder-dialog[open]{animation:none!important}