.canvas-controls.page-layout{--pl-plate:var(--mat-read,var(--shop-surface));--pl-ink:var(--mat-read-ink,var(--shop-text));--pl-muted:var(--mat-read-muted,var(--shop-muted));--pl-edge-hi:var(--mat-edge-hi,var(--shop-border));--pl-edge-lo:var(--mat-edge-lo,var(--shop-border));--pl-select:var(--mat-selected,var(--shop-accent));--pl-focus:var(--mat-focus,var(--shop-accent));--pl-radius:min(var(--shop-radius,14px), 18px);min-inline-size:0;color:var(--shop-text);border:0;border-radius:0;gap:12px;margin:22px 0 0;padding:0;display:grid}.page-layout-eyebrow{color:var(--mat-eyebrow,var(--shop-muted));font:700 11px / 16px var(--shop-font);letter-spacing:.14em;text-transform:uppercase;margin:0}.page-layout :is(.page-layout-row,.page-layout-section,.page-layout-trying){border-radius:var(--pl-radius);background:linear-gradient(var(--pl-plate), var(--pl-plate)) padding-box, linear-gradient(160deg, var(--pl-edge-hi), transparent 42%, transparent 60%, var(--pl-edge-lo)) border-box;color:var(--pl-ink);border:1px solid #0000}.page-layout-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;padding:12px 14px;display:flex}.page-layout-row-text{gap:2px;min-inline-size:0;display:grid}.page-layout-row-title{font-size:14px;font-weight:700;line-height:20px}.page-layout-row-note{color:var(--pl-muted);font-size:12px;line-height:17px}.page-layout-sections{gap:6px;display:grid}.page-layout-section{align-items:center;gap:12px;min-block-size:56px;padding:6px 8px 6px 12px;display:flex}.page-layout-section:not([data-shown]) .page-layout-section-name{color:var(--pl-muted)}.page-layout-section-name{overflow-wrap:anywhere;flex:auto;min-inline-size:0;font-size:14px;font-weight:600;line-height:20px}.page-layout-switch{box-sizing:border-box;background:color-mix(in oklab, var(--pl-ink) 18%, transparent);block-size:28px;inline-size:46px;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--pl-ink) 22%, transparent);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .22s var(--ease-out,cubic-bezier(.23, 1, .32, 1)), box-shadow .22s var(--ease-out,ease-out);border:0;border-radius:999px;flex:none;margin:0;padding:3px;position:relative}.page-layout-switch:before{content:"";position:absolute;inset:-8px -2px}.page-layout-switch-knob{background:var(--pl-ink);block-size:22px;inline-size:22px;transition:transform var(--spring-lift-ms,.483s) var(--spring-lift,cubic-bezier(.23, 1, .32, 1)), scale .167s var(--spring-press,ease-out);border-radius:50%;display:block;box-shadow:0 1px 3px #0006;box-shadow:0 1px 3px lab(0% 0 0/.4)}.page-layout-switch[aria-checked=true]{background:var(--pl-select);box-shadow:inset 0 0 0 1px #fff3, var(--mat-bloom,none)}@supports (color:lab(0% 0 0)){.page-layout-switch[aria-checked=true]{box-shadow:inset 0 0 0 1px lab(100% -.0000298023 .0000119209/.2), var(--mat-bloom,none)}}.page-layout-switch[aria-checked=true]>.page-layout-switch-knob{background:color-mix(in oklab, var(--pl-select) 10%, white);transform:translate(18px)}.page-layout-switch:not(:disabled):active>.page-layout-switch-knob{scale:1.12 .9}.page-layout-switch:disabled{cursor:default;opacity:.55}.page-layout-switch:focus-visible{outline:2px solid var(--pl-focus);outline-offset:3px}.page-layout-move{background:color-mix(in oklab, var(--pl-ink) 8%, transparent);block-size:36px;inline-size:36px;color:var(--pl-ink);cursor:pointer;transition:scale .167s var(--spring-press,ease-out), background-color .16s ease-out;border:0;border-radius:50%;flex:none;place-items:center;margin:0;padding:0;display:inline-grid;position:relative}.page-layout-move:before{content:"";position:absolute;inset:-4px}.page-layout-move svg{stroke-width:2px;block-size:17px;inline-size:17px}.page-layout-move:not(:disabled):active{scale:.9}.page-layout-move:disabled{opacity:.3;cursor:default}.page-layout-move:focus-visible{outline:2px solid var(--pl-focus);outline-offset:2px}@media (hover:hover) and (pointer:fine){.page-layout-move:not(:disabled):hover{background:color-mix(in oklab, var(--pl-select) 22%, transparent)}}.page-layout-trying{flex-wrap:wrap;align-items:center;gap:10px 14px;padding:12px 14px;font-size:13px;display:flex}.page-layout-pills{flex-wrap:wrap;gap:8px;display:flex}.page-layout-pills>.pill{min-block-size:40px}.page-layout-more{border-block-start:1px solid color-mix(in oklab, var(--shop-text) 12%, transparent);min-inline-size:0}.page-layout-more>summary{cursor:pointer;-webkit-tap-highlight-color:transparent;align-items:center;gap:10px;min-block-size:48px;padding-inline:2px 8px;font-size:14px;font-weight:700;list-style:none;display:flex}.page-layout-more>summary::-webkit-details-marker{display:none}.page-layout-more>summary::marker{content:""}.page-layout-more>summary:after{content:"";opacity:.7;block-size:7px;inline-size:7px;transition:transform .202s var(--ease-out,cubic-bezier(.23, 1, .32, 1));border-block-end:1.75px solid;border-inline-end:1.75px solid;flex:none;margin-inline-start:auto;transform:translateY(-2px)rotate(45deg)}.page-layout-more[open]>summary:after{transform:translateY(2px)rotate(-135deg)}.page-layout-more>summary:focus-visible{outline:2px solid var(--pl-focus);outline-offset:3px;border-radius:6px}.page-layout-more-body{gap:16px;padding-block:4px 12px;display:grid}.page-layout-more[open]>.page-layout-more-body{animation:page-layout-open var(--spring-settle-ms,.573s) var(--spring-settle,ease-out) both}@keyframes page-layout-open{0%{opacity:0;translate:0 -6px}to{opacity:1;translate:0}}.page-layout-group{gap:8px;min-inline-size:0;display:grid}.page-layout-group-title{color:var(--shop-muted);letter-spacing:.02em;font-size:12px;font-weight:700}.page-layout-name{color:var(--shop-muted);gap:6px;font-size:12px;font-weight:700;display:grid}.page-layout-name>input{box-sizing:border-box;border:1px solid color-mix(in oklab, var(--pl-edge-hi) 70%, var(--shop-border));border-radius:var(--pl-radius);background:var(--pl-plate);min-block-size:44px;inline-size:100%;min-inline-size:0;color:var(--pl-ink);font:inherit;padding:10px 14px;font-size:max(16px,1em);font-weight:400}.page-layout-name>input::placeholder{color:var(--pl-muted);opacity:1}.page-layout-name>input:focus-visible{outline:2px solid var(--pl-focus);outline-offset:2px}.page-layout-note{color:var(--shop-muted);margin:0;font-size:13px;line-height:1.5}@media (prefers-reduced-motion:reduce){:where(:root:not([data-motion=full])) .page-layout-switch,:where(:root:not([data-motion=full])) .page-layout-switch-knob,:where(:root:not([data-motion=full])) .page-layout-move,:where(:root:not([data-motion=full])) .page-layout-more>summary:after{transition:none}:where(:root:not([data-motion=full])) .page-layout-more[open]>.page-layout-more-body{animation:none}}:where(:root[data-motion=calm]) .page-layout-switch,:where(:root[data-motion=calm]) .page-layout-switch-knob,:where(:root[data-motion=calm]) .page-layout-move,:where(:root[data-motion=calm]) .page-layout-more>summary:after{transition:none}:where(:root[data-motion=calm]) .page-layout-more[open]>.page-layout-more-body{animation:none}@media (prefers-reduced-transparency:reduce){.page-layout :is(.page-layout-row,.page-layout-section,.page-layout-trying){background:var(--shop-surface)}}