/* Canvas first; pages and advanced editing appear when needed. */
body.builder-easy .hd { min-height:68px; height:auto; padding:12px 22px; gap:16px; background:#060909c9; }
body.builder-easy .hd .ml-xnav a[aria-current="page"] { display:none; }
body.builder-easy .hd .stages { gap:10px; }
body.builder-easy .hd .stage:not([data-s="on"]) { display:none; }
body.builder-easy .hd .stage[data-s="on"] .stage-l { display:inline; font-size:11px; }
body.builder-easy .hd .stage-n { font-size:11px; }
body.builder-easy .hd-r { gap:12px; }
.builder-pages-button { display:flex; align-items:center; gap:14px; min-height:42px; padding:8px 14px; border:1px solid #ffffff25; border-radius:10px; color:#dddaca; background:#ffffff05; font:12px var(--sans); cursor:pointer; }
body.builder-easy[data-has-canvas="0"] .builder-pages-button { display:none; }
body.builder-easy .ws, body.builder-easy[data-has-canvas="1"] .ws { grid-template-columns:340px minmax(0,1fr); }
body.builder-easy[data-has-canvas="0"] .ws { grid-template-columns:minmax(0,1fr); }
body.builder-easy[data-has-canvas="0"] .brief:not(.open) { display:none; }
body.builder-easy .rail { position:fixed; top:0; bottom:0; right:0; width:min(360px,90vw); z-index:40; display:flex; padding:65px 22px 30px; transform:translateX(105%); background:#0a100cf5; box-shadow:-20px 0 70px #0005; transition:transform .25s; }
body.builder-easy .rail.open { transform:none; }
body.builder-easy .rail .drawer-x { display:block; border-radius:50%; }
body.builder-easy .scrim { display:block; z-index:35; background:#02080570; backdrop-filter:blur(3px); }
body.builder-easy .canvas { padding:26px; }
body.builder-easy[data-has-canvas="0"] .canvas { display:block; overflow:auto; }
body.u-night.builder-easy[data-realm="land"] .canvas-welcome { width:min(1120px,100%); grid-template-columns:1.1fr 1fr; gap:30px 60px; padding:30px; }
body.u-night.builder-easy[data-realm="land"] .canvas-welcome h2 { max-width:11ch; font:500 clamp(38px,4vw,60px)/1.1 var(--sans); letter-spacing:-.05em; margin:18px 0; }
body.u-night.builder-easy[data-realm="land"] .canvas-welcome h2 em { font-family:var(--serif); }
body.u-night.builder-easy[data-realm="land"] .canvas-welcome .sample-starter > .card-t {
  max-width:none; margin:0; font:600 clamp(1.15rem,2vw,1.55rem)/1.15 var(--sans); letter-spacing:-.02em;
}
body.u-night.builder-easy[data-realm="land"] .sample-start-use { min-height:44px; }
body.u-night.builder-easy .canvas-welcome .rail-note { font:14px/1.7 var(--sans); max-width:40ch; }
.website-start-form { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:28px; }
.website-start-form label { display:grid; gap:8px; min-width:0; color:#c0c2b5; font:12px var(--sans); }
.website-start-form input,.website-start-form textarea,.website-start-form select { min-width:0; width:100%; min-height:46px; padding:12px; border:1px solid #c4b27c40; border-radius:10px; color:#ebe9df; background:#0b100bac; font:14px/1.5 var(--sans); }
.website-start-form textarea { resize:vertical; }
.website-start-form input::placeholder,.website-start-form textarea::placeholder { color:#8f9589; }
.website-start-form .start-story,.website-start-form .welcome-actions { grid-column:1 / -1; }
.website-start-form .welcome-actions { margin:0; align-items:stretch; }
.website-start-form .welcome-start { border-radius:10px; text-transform:none; letter-spacing:0; font-size:14px; }
.website-start-form .welcome-explore { align-self:center; font-size:12px; }
body.builder-easy .welcome-art { align-self:center; }
body.builder-easy .welcome-site { transform:none; animation:none; border-radius:14px; }
body.builder-easy .welcome-art-note { top:8px; }
body.builder-easy .canvas-journey { display:none!important; }
body.builder-easy .brief { background:#070d09ab; padding:25px 22px; gap:18px; }
body.builder-easy .brief .stage-h { font:500 26px/1.25 var(--sans); letter-spacing:-.04em; }
body.builder-easy .brief .stage-p { font:13px/1.65 var(--sans); }
body.builder-easy .brief .panelcard { border-radius:12px; }
body.builder-easy .brief .cm-input { font-size:14px; border-radius:8px; }
body.builder-easy .btn,body.builder-easy .mini { border-radius:8px; text-transform:none; letter-spacing:0; font-size:12px; }
body.builder-easy .blueprint-heading h2 { font:500 34px/1.15 var(--sans); letter-spacing:-.04em; }
body.builder-easy .blueprint-heading p { font-size:13px; }
body.builder-easy .blueprint-section { padding:22px; }
body.builder-easy .blueprint-section h3 { font:500 20px var(--sans); }
body.builder-easy .foot .notice { font:11px/1.5 var(--sans); padding:10px 18px; background:#080c09; color:#b8bcae; }
.preview-editbar { width:100%; display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin-bottom:16px; }
.preview-editbar>span { font:9px var(--mono); letter-spacing:.12em; color:#c1af7a; }
.preview-editbar>small { font:12px var(--sans); color:#a7ae9d; }
.preview-editbar button { margin-left:auto; min-height:42px; padding:10px 15px; border:1px solid #d3bd8060; border-radius:8px; color:#e4d3a7; background:#c1a05212; font:12px var(--sans); cursor:pointer; }
body.builder-easy[data-state="CONTENT"] .canvas { display:flex; flex-direction:column; align-items:stretch; }
body.builder-easy .browser { width:100%; flex:1; min-height:0; }
@media(max-width:1023px) {
 body.builder-easy .ws,body.builder-easy[data-has-canvas="1"] .ws { grid-template-columns:1fr; }
 body.builder-easy .brief { padding-top:65px; z-index:40; background:#0a100cfa; }
 body.builder-easy .hd { padding:10px 14px; }
 body.builder-easy .canvas { padding:16px; }
 body.u-night.builder-easy[data-realm="land"] .canvas-welcome { grid-template-columns:1fr; max-width:650px; }
 body.builder-easy .welcome-art { display:none; }
 body.builder-easy .dockbtn { text-transform:none; letter-spacing:0; font:13px var(--sans); }
}
@media(max-width:760px) {
 body.u-night.builder-easy[data-realm="land"] .canvas-welcome { padding:20px 8px!important; }
 body.u-night.builder-easy[data-realm="land"] .canvas-welcome h2 { font-size:42px; max-width:12ch; }
 .website-start-form { gap:14px; grid-template-columns:1fr; }
 .website-start-form input,.website-start-form textarea,.website-start-form select { font-size:16px; }
 body.builder-easy .builder-pages-button { display:none; }
 .preview-editbar>small { flex-basis:100%; order:3; }
 body.builder-easy .canvas { padding:12px; }
}
@media(prefers-reduced-motion:reduce) { body.builder-easy .rail { transition:none; } }

/* Keep every control visible between desktop and phone widths. */
body.builder-easy:has(.recovery-strip){grid-template-rows:auto auto minmax(0,1fr) auto}
body.builder-easy .hd{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px}
body.builder-easy .hd-l,body.builder-easy .hd-r{min-width:0;display:flex;align-items:center;flex-wrap:wrap;gap:12px}
body.builder-easy .hd .stages{flex:0 0 auto}
body.builder-easy .hd .save-state{max-width:170px;white-space:normal;line-height:1.5}
body.builder-easy .mobile-save-copy{display:none!important}
body.builder-easy .br-bar{height:auto;min-height:52px;flex-wrap:wrap;gap:10px;padding:8px 12px}
.preview-size-controls{display:flex;gap:6px;align-items:center;margin-left:auto}
.preview-size-controls button{min-height:36px;padding:7px 10px;border:1px solid #d0ba7838;border-radius:6px;color:#cdd1c5;background:transparent;font:12px var(--sans);cursor:pointer}
.preview-size-controls button[aria-pressed="true"]{background:#c9a25727;color:#f2dc9e;border-color:#c9a25777}
.preview-size-controls button:focus-visible{outline:2px solid #d2f763;outline-offset:2px}
.preview-scale{min-width:34px;color:#aebba6;font:11px var(--mono)}
body.builder-easy .br-body[data-sizing="fit"]{overflow-x:hidden}
body.builder-easy .br-port{margin-inline:auto}
body.builder-easy .br-body[data-sizing="actual"] .br-port{margin-inline:0}
body.builder-easy .node-x,body.builder-easy .mini,body.builder-easy .rev-edit{min-height:40px;min-width:40px}
@media(max-width:1200px){body.builder-easy .hd .save-state{display:none}body.builder-easy .hd .stages{margin-left:auto}.preview-size-controls button{min-height:40px}}
@media(max-width:760px){body.builder-easy .hd{padding:10px 14px;gap:10px}body.builder-easy .hd-l{flex:1}.hd-r .avatar{display:none}body.builder-easy .hd .stages{order:3;flex-basis:100%;justify-content:flex-start}.preview-size-controls{width:100%;justify-content:flex-end}.br-dots{display:none}body.builder-easy .hd .ml-xnav{display:flex}body.builder-easy .hd .ml-xnav a{font-size:11px;padding:8px 4px}.mobile-product-label{display:none!important}body.builder-easy .hd-r [data-motion-toggle]{font-size:11px;min-height:40px;padding:6px 10px}}

/* Keep preview address and sizing controls in separate mobile rows. */
@media(max-width:760px){
 body.builder-easy .br-bar{grid-template-columns:minmax(0,1fr)}
 body.builder-easy .br-url{min-width:0;max-width:100%}
 body.builder-easy .preview-size-controls{grid-column:1 / -1;min-width:0;flex-wrap:wrap;justify-content:flex-end}
}