.page-designer{max-width:none}.page-designer .designer-shell{grid-template-columns:minmax(0,.34fr) minmax(480px,.66fr);align-items:start;gap:1.25rem;display:grid}.page-designer .page-editor-header-copy{min-width:0}.page-designer .page-editor-title-row{flex-wrap:wrap;align-items:baseline;gap:.75rem;display:flex}.page-designer .page-editor-title-row .admin-key{white-space:nowrap}.page-designer .designer-main-column{gap:1rem;min-width:0;display:grid}.page-designer .designer-preview-rail{align-self:start;min-width:0;max-height:calc(100dvh - 2rem);position:sticky;top:1rem;overflow:auto}.page-designer .page-settings{border:1px solid var(--border);border-radius:var(--card-radius);background:var(--surface);height:auto;max-height:none;box-shadow:0 12px 30px color-mix(in srgb, var(--text-primary) 5%, transparent);margin-bottom:0;overflow:visible}.page-designer .page-settings summary{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.2rem;list-style:none;display:flex}.page-designer .page-settings summary::-webkit-details-marker{display:none}.page-designer .page-settings summary:after{content:"+";border:1px solid var(--border);width:1.55rem;height:1.55rem;color:var(--brand);border-radius:50%;place-items:center;font-size:1rem;font-weight:800;display:grid}.page-designer .page-settings[open] summary:after{content:"−"}.page-designer .page-settings-summary-copy{gap:.15rem;display:grid}.page-designer .page-settings-summary-copy strong{color:var(--text-primary);letter-spacing:0;font-size:.96rem}.page-designer .page-settings summary>small{color:var(--text-muted);font-size:.7rem}.page-designer .page-settings[open]>.settings-grid{border-top:1px solid var(--border)}.page-designer .page-settings summary,.page-designer .section-navigator header .eyebrow,.page-designer .section-navigator h2,.page-designer .page-settings label,.page-designer .page-settings legend,.page-designer .section-navigator button,.page-designer .section-navigator select,.page-designer .section-editor-stack label,.page-designer .section-editor-stack legend,.page-designer .section-editor-stack input,.page-designer .section-editor-stack select,.page-designer .section-editor-stack textarea{font-size:.74rem}.page-designer .page-settings summary,.page-designer .section-navigator header .eyebrow,.page-designer .section-editor-stack .eyebrow{letter-spacing:.08em}.page-designer .page-settings .settings-grid{gap:.8rem;height:auto;max-height:none;padding:1.2rem;overflow:visible}.page-designer .page-settings label,.page-designer .page-settings legend{font-weight:600}.page-designer .page-settings input,.page-designer .page-settings select,.page-designer .page-settings textarea,.page-designer .section-navigator select{padding:.62rem .75rem}.page-designer .page-settings .media-picker-control{min-width:0;padding:.75rem}.page-designer .page-settings .selected-media{grid-template-columns:88px minmax(0,1fr);align-items:center;gap:.75rem;min-width:0;margin-bottom:.75rem;display:grid}.page-designer .page-settings .selected-media img{object-fit:cover;width:88px;height:58px}.page-designer .page-settings .selected-media>div{gap:.18rem;min-width:0}.page-designer .page-settings .selected-media b,.page-designer .page-settings .selected-media span{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.page-designer .page-settings .selected-media b{color:var(--text-primary);font-size:.72rem;font-weight:750}.page-designer .page-settings .selected-media span{color:var(--text-muted);font-size:.62rem}.page-designer .section-navigator button{font-size:.76rem;font-weight:600}.page-designer .section-navigator-item{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 88%, transparent);border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.45rem;padding:.55rem;display:grid}.page-designer .section-navigator-item+.section-navigator-item{margin-top:.45rem}.page-designer .section-navigator-item.active{border-color:color-mix(in srgb, var(--brand) 45%, var(--border));box-shadow:0 0 0 1px color-mix(in srgb, var(--brand) 16%, transparent)}.page-designer .section-navigator-select{width:100%;min-width:0;color:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:.7rem;padding:.1rem .2rem;display:flex}.page-designer .section-navigator-select span{background:color-mix(in srgb, var(--brand) 88%, var(--accent));color:#fff;border-radius:999px;flex:none;place-items:center;width:1.65rem;height:1.65rem;font-size:.68rem;font-weight:800;display:grid}.page-designer .section-navigator-select div{min-width:0}.page-designer .section-navigator-select strong{font-size:.84rem;line-height:1.2;display:block}.page-designer .section-navigator-select small{opacity:.68;font-size:.64rem;display:block}.page-designer .section-navigator-item-actions{align-items:center;gap:.2rem;display:flex}.page-designer .section-icon-action{border:1px solid var(--border);background:var(--secondary-bg);width:1.6rem;height:1.6rem;color:var(--text-primary);border-radius:8px;place-items:center;padding:0;font-size:.76rem;line-height:1;display:inline-grid}.page-designer .section-icon-action:hover{border-color:var(--brand);color:var(--brand)}.page-designer .section-icon-action.danger{color:#d64040}.page-designer .section-navigator small{font-size:.66rem}.page-designer .section-editor-stack .editor-tab-panel{font-size:.76rem}.page-designer .admin-feedback{border-radius:14px;margin:1rem 0 1.4rem;padding:1rem 1.15rem}.page-designer .admin-feedback.success{border-color:color-mix(in srgb, #2fd28e 35%, var(--border));background:linear-gradient(135deg, color-mix(in srgb, #2fd28e 18%, var(--surface)), color-mix(in srgb, #2fd28e 10%, var(--surface)));color:#31e09a;box-shadow:0 0 0 1px #2fd28e24}.page-designer .designer-workspace{gap:1rem;grid-template-columns:minmax(240px,.28fr) minmax(0,1fr)!important}.page-designer .section-navigator{align-self:start;gap:.45rem;max-height:none;display:grid;position:relative;overflow:visible}.page-designer .section-navigator>.section-editor-stack{grid-column:1/-1;width:100%;margin:.15rem 0 .35rem}.page-designer .section-navigator>.section-editor-stack .visual-section-editor{margin:0}.page-designer .section-navigator-actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.page-designer .section-editor-stack{gap:0;min-width:0;display:grid}.page-designer .visual-section-editor{background:var(--surface);border:1px solid color-mix(in srgb, var(--brand) 35%, var(--border));min-width:0;box-shadow:0 12px 28px color-mix(in srgb, var(--text-primary) 8%, transparent);border-radius:14px;overflow:hidden}.page-designer .visual-section-editor>header{border-bottom:1px solid var(--border);background:linear-gradient(135deg, color-mix(in srgb, var(--brand) 10%, var(--surface)), var(--surface));justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem 1.1rem;display:flex}.page-designer .visual-section-editor>header>div:first-child{align-items:flex-start;gap:.75rem;min-width:0;display:flex}.page-designer .visual-section-editor>header .section-number{background:var(--brand);color:#fff;border-radius:50%;flex:0 0 1.8rem;place-items:center;width:1.8rem;height:1.8rem;font-size:.72rem;font-weight:850;display:grid}.page-designer .visual-section-editor>header .eyebrow{color:var(--brand);margin:0 0 .25rem;font-size:.66rem}.page-designer .visual-section-editor>header h2{overflow-wrap:anywhere;margin:0;font-size:1.25rem;line-height:1.1}.page-designer .visual-section-editor>header p:last-child{max-width:620px;color:var(--text-muted);margin:.4rem 0 0;font-size:.76rem;line-height:1.45}.page-designer .visual-section-editor>header .check{border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);white-space:nowrap;border-radius:8px;align-items:center;gap:.4rem;padding:.45rem .6rem;display:inline-flex}.page-designer .visual-section-editor .section-state-row{border-bottom:1px solid var(--border);background:var(--secondary-bg);color:var(--text-muted);justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem 1.1rem;font-size:.7rem;display:flex}.page-designer .visual-section-editor .section-state-row strong{color:var(--text-secondary)}.page-designer .visual-section-editor .section-state-row code{background:var(--surface);color:var(--text-muted);border-radius:5px;padding:.18rem .4rem}.page-designer .visual-section-editor .editor-tabs{border-bottom:1px solid var(--border);background:var(--surface);grid-template-columns:repeat(4,minmax(0,1fr));gap:0;display:grid;position:static}.page-designer .visual-section-editor .editor-tabs button{min-height:38px;color:var(--text-muted);text-transform:capitalize;background:0 0;border:0;border-bottom:2px solid #0000;padding:.55rem .35rem;font-size:.72rem;font-weight:700}.page-designer .visual-section-editor .editor-tabs button:hover,.page-designer .visual-section-editor .editor-tabs button[aria-selected=true]{border-bottom-color:var(--brand);color:var(--brand);background:color-mix(in srgb, var(--brand) 6%, transparent)}.page-designer .visual-section-editor-body{padding:1rem}.page-designer .visual-section-editor-content{min-width:0}.page-designer .editor-tab-panel{gap:1rem;padding:1rem;display:grid}.page-designer .editor-tab-panel>.design-controls,.page-designer .editor-tab-panel>.content-field-grid,.page-designer .editor-tab-panel>.responsive-overrides,.page-designer .editor-tab-panel>div{min-width:0}.page-designer .editor-tab-panel .design-controls,.page-designer .editor-tab-panel .content-field-grid{padding:0}.page-designer .editor-tab-panel .design-control-grid,.page-designer .editor-tab-panel .content-field-grid{gap:.85rem}.page-designer .editor-tab-panel .control-field,.page-designer .editor-tab-panel .design-slider,.page-designer .editor-tab-panel .design-controls>label{min-width:0;color:var(--text-secondary);align-content:start;gap:.42rem;font-size:.74rem;font-weight:650;display:grid}.page-designer .editor-tab-panel .check{align-items:center;gap:.65rem;min-height:2rem;padding:.2rem 0;display:flex}.page-designer .editor-tab-panel .check input[type=checkbox]{flex:none;margin:0}.page-designer .editor-tab-panel .design-slider{grid-template-columns:minmax(0,1fr) auto;align-items:center}.page-designer .editor-tab-panel .design-slider>output{color:var(--text-muted);justify-self:end;font-size:.68rem;font-weight:700}.page-designer .editor-tab-panel .design-slider>small,.page-designer .editor-tab-panel .design-slider>input[type=range]{grid-column:1/-1}.page-designer .editor-tab-panel .design-slider>input[type=range],.page-designer .editor-tab-panel .design-slider>input[type=number]{width:100%;min-width:0}.page-designer .editor-tab-panel .design-slider>button{color:var(--brand);background:0 0;border:0;justify-self:start;padding:.2rem 0;font-size:.68rem;font-weight:750}.page-designer .editor-tab-panel fieldset,.page-designer .editor-tab-panel details{margin:0}.page-designer .editor-tab-panel .design-controls{gap:.4rem;display:grid}.page-designer .editor-tab-panel details>summary{border:1px solid var(--border);background:var(--secondary-bg);color:var(--text-secondary);border-radius:9px;padding:.7rem .8rem;font-size:.78rem;font-weight:750}.page-designer .editor-tab-panel details[open]>summary{border-color:color-mix(in srgb, var(--brand) 40%, var(--border));color:var(--brand)}.page-designer .editor-tab-panel details>.design-control-grid{padding:.85rem 0 0}.page-designer .section-preview-shell{background:var(--surface);border:1px solid var(--border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);gap:.85rem;padding:1rem;display:grid}.page-designer .preview-frame-shell{border:1px solid var(--border);background:var(--page-bg);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--text-primary) 6%, transparent);border-radius:18px;overflow:hidden}.page-designer .preview-site-shell,.page-designer .live-preview-shell{background:var(--page-bg);grid-template-columns:minmax(0,1fr);width:100%;min-width:100%;display:grid}.page-designer .preview-site-shell>*,.page-designer .live-preview-shell>*,.page-designer .preview-site-shell .site-header-shell,.page-designer .live-preview-shell .site-header-shell,.page-designer .preview-site-shell .site-header,.page-designer .live-preview-shell .site-header{width:100%;min-width:0;max-width:100%}.page-designer .preview-site-shell .announcement,.page-designer .preview-site-shell .site-header,.page-designer .preview-site-shell .site-footer{width:100%}.page-designer .preview-site-shell .site-header{z-index:10;position:sticky;top:0}.page-designer .preview-site-main{display:grid}.page-designer .preview-site-footer{margin-top:0}.page-designer .preview-site-header .client-link{background:var(--surface);color:var(--text-primary)}.page-designer .preview-site-header .desktop-nav{flex-wrap:wrap;justify-content:center;gap:1rem}.page-designer .preview-site-header .desktop-nav a{white-space:nowrap}.page-designer .preview-site-shell.is-mobile-preview .header-inner{gap:.75rem}.page-designer .preview-site-shell.is-mobile-preview .logo{gap:0}.page-designer .preview-site-shell.is-mobile-preview .header-actions{margin-left:auto}.page-designer .preview-site-shell.is-mobile-preview .preview-mobile-menu{place-items:center;display:grid}.page-designer .live-preview-shell.is-tablet-preview .hero-grid,.page-designer .live-preview-shell.is-tablet-preview .feature-layout,.page-designer .live-preview-shell.is-tablet-preview .contact-layout{grid-template-columns:minmax(0,1fr)}.page-designer .live-preview-shell.is-tablet-preview .card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-designer .live-preview-shell.is-tablet-preview .footer-grid{grid-template-columns:1.5fr 1fr 1fr}.page-designer .live-preview-shell.is-phone-preview{--section-space:64px;--container-pad:18px;overflow:clip}.page-designer .live-preview-shell.is-phone-preview .client-link,.page-designer .live-preview-shell.is-phone-preview .desktop-nav{display:none}.page-designer .live-preview-shell.is-phone-preview .hero-grid,.page-designer .live-preview-shell.is-phone-preview .feature-layout,.page-designer .live-preview-shell.is-phone-preview .section-heading.split,.page-designer .live-preview-shell.is-phone-preview .comparison,.page-designer .live-preview-shell.is-phone-preview .duo,.page-designer .live-preview-shell.is-phone-preview .trust,.page-designer .live-preview-shell.is-phone-preview .card-grid,.page-designer .live-preview-shell.is-phone-preview .footer-grid,.page-designer .live-preview-shell.is-phone-preview .mini-grid,.page-designer .live-preview-shell.is-phone-preview .form-grid,.page-designer .live-preview-shell.is-phone-preview .color-grid{grid-template-columns:minmax(0,1fr);gap:1.2rem}.page-designer .live-preview-shell.is-phone-preview .platform ul{grid-template-columns:1fr}.page-designer .live-preview-shell.is-phone-preview .cta,.page-designer .live-preview-shell.is-phone-preview .legacy-login,.page-designer .live-preview-shell.is-phone-preview .footer-bottom{flex-direction:column;align-items:flex-start}.page-designer .live-preview-shell.is-phone-preview .cta{min-width:0;max-width:100%;padding:2rem}.page-designer .live-preview-shell.is-phone-preview .cta>div{min-width:0;max-width:100%}.page-designer .live-preview-shell.is-phone-preview .footer-grid>div:last-child{grid-column:auto}.page-designer .preview-site-main .section{padding-block:clamp(2.5rem,4vw,4.5rem)}.page-designer .preview-site-main .page-hero{padding-top:clamp(4rem,7vw,7rem)}.page-designer .responsive-preview-shell{background:var(--surface);border:1px solid var(--border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);gap:.85rem;padding:1rem;display:grid}.page-designer .responsive-preview-header h3{margin-top:.15rem;font-size:1rem}.page-designer .responsive-preview-header p{font-size:.74rem}.page-designer .section-preview-toolbar{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.page-designer .section-preview-toolbar h3{margin-top:.15rem;font-size:1rem}.page-designer .section-preview-toolbar p{font-size:.74rem}.page-designer .section-preview-stage{background:linear-gradient(180deg, color-mix(in srgb, var(--secondary-bg) 70%, #fff), var(--secondary-bg));border-radius:16px;place-items:center;padding:1rem;display:grid;overflow:auto}.page-designer .section-preview-canvas{transition:width .18s}.page-designer .section-preview-canvas h1{max-width:720px;font-size:clamp(2rem,4vw,3rem)}.page-designer .section-preview-canvas p{max-width:620px;margin:1rem 0 1.5rem}.page-designer .section-preview-canvas .button-row{justify-content:flex-start}.page-designer .button-group-fieldset{border:1px solid var(--border);background:var(--secondary-bg);border-radius:12px;grid-column:1/-1;padding:1rem}.page-designer .button-group-fieldset>legend{font-weight:850}.page-designer .url-field{grid-column:1/-1}.page-designer .url-suggestions{grid-column:1/-1;gap:.35rem;margin-top:.5rem;display:grid}.page-designer .url-suggestions button{text-align:left;border:1px solid var(--border);background:var(--surface);color:var(--text-primary);border-radius:10px;gap:.1rem;padding:.7rem .85rem;display:grid}.page-designer .url-suggestions button strong{font-size:.8rem}.page-designer .url-suggestions button span{color:var(--text-muted);overflow-wrap:anywhere;font-size:.68rem}.page-designer .preview-size-buttons{gap:.4rem}.page-designer .preview-size-buttons button{padding-inline:.7rem}@media (min-width:1201px){.page-designer .designer-shell{grid-template-columns:minmax(0,.32fr) minmax(500px,.68fr);height:calc(100dvh - 220px);overflow:hidden}.page-designer .designer-main-column{scrollbar-gutter:stable;height:100%;padding-right:.25rem;overflow:auto}.page-designer .designer-preview-rail{height:100%}.page-designer .designer-workspace{align-content:start}}@media (max-width:1200px){.page-designer .designer-shell{grid-template-columns:1fr}.page-designer .designer-preview-rail{max-height:none;position:static}.page-designer .designer-workspace{grid-template-columns:1fr!important}.page-designer .section-navigator{max-height:none;position:static}}@media (max-width:700px){.page-designer .visual-section-editor>header{flex-direction:column}.page-designer .visual-section-editor>header .check{align-self:flex-start}.page-designer .visual-section-editor .editor-tabs button{font-size:.66rem}.page-designer .section-preview-toolbar{flex-direction:column}.page-designer .section-preview-stage{padding:.75rem}.page-designer .section-preview-canvas{width:100%!important;padding:2rem 1rem!important}.page-designer .section-navigator{border-radius:0;margin-inline:-1rem}}