/* Owner page builder, menu manager and template selection. */
#relay-concept .op-layout{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,2fr);gap:24px;align-items:start;margin-bottom:28px}
#relay-concept .op-library article{padding:18px 0;border-bottom:1px solid var(--rc-line);display:flex;flex-wrap:wrap;align-items:center;gap:12px;justify-content:space-between}
#relay-concept .op-library article>div{min-width:0;overflow-wrap:anywhere}#relay-concept .op-library small{display:block;margin-top:7px;color:var(--rc-muted)}
#relay-concept .op-start{text-align:center;padding:55px 20px}#relay-concept .op-start>svg{width:54px;height:54px;color:#68baff;margin-bottom:18px}
#relay-concept .op-blocks{display:grid;gap:18px}#relay-concept .op-block{border:1px solid #30495d;border-radius:14px;background:#0d1b27;padding:22px;display:grid;gap:15px}
#relay-concept .op-block header{display:flex;align-items:center;justify-content:space-between;gap:15px}#relay-concept .op-block header>div{display:flex;gap:6px}#relay-concept .op-block header .rc-btn{padding:7px 11px}
#relay-concept .op-upload-preview{max-height:190px;max-width:100%;object-fit:contain;border-radius:10px;background:#08121c}
#relay-concept .op-add-block{display:flex;align-items:end;gap:15px}#relay-concept .op-add-block .rc-field{flex:1}#relay-concept .op-save-row{display:flex;flex-wrap:wrap;gap:10px;border-top:1px solid #31495b;padding-top:22px}
#relay-concept .op-danger{color:#ffb4b4;border-color:#89414d}#relay-concept .op-navigation{margin-top:25px}#relay-concept .op-nav-rows{display:grid;gap:14px}
#relay-concept .op-nav-row{display:grid;grid-template-columns:30px minmax(140px,1fr) minmax(130px,.7fr) auto auto;gap:16px;align-items:center;border:1px solid #30495d;padding:20px;border-radius:12px;background:#0c1a26}
#relay-concept .op-drag-index{font:13px ui-monospace,monospace;color:#8baac1}#relay-concept .op-nav-actions{display:flex;gap:5px;align-items:center}#relay-concept .op-nav-actions .rc-btn{padding:7px 11px}#relay-concept .op-nav-actions small{max-width:95px;font-size:10px}
#relay-concept .op-nav-add{display:grid;grid-template-columns:1fr 1fr 1.5fr auto;gap:16px;align-items:end;padding-top:25px;margin-top:25px;border-top:1px solid #30495d}
#relay-concept .op-public{max-width:920px!important;min-height:60vh}#relay-concept .op-public.op-wide{max-width:1380px!important}#relay-concept .op-public-heading{padding:35px 0;border-bottom:1px solid var(--rc-line)}#relay-concept .op-public-heading>span{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:var(--rc-muted)}#relay-concept .op-public-heading h1{margin:18px 0 0;overflow-wrap:anywhere}
#relay-concept .ss-theme-light .op-callout{background:color-mix(in srgb,var(--rc-shop-accent),white 91%);color:#28465d}
#relay-concept .ss-store.ss-theme-charcoal .rc-subnav [aria-pressed=true]{background:var(--rc-shop-accent);color:var(--ss-accent-ink);border-color:var(--rc-shop-accent)}
#relay-concept .op-public-body{padding:25px 0;overflow-wrap:anywhere}#relay-concept .op-public-body h2{font-size:clamp(25px,3vw,35px);margin:35px 0 20px}#relay-concept .op-prose,#relay-concept .op-callout{white-space:pre-wrap;line-height:1.85;font-size:16px;color:var(--rc-muted)}#relay-concept .op-callout{border-left:3px solid var(--rc-shop-accent);padding:23px;background:var(--rc-shop-soft);border-radius:0 12px 12px 0;margin:25px 0}#relay-concept .op-public-body figure{margin:25px 0}#relay-concept .op-public-body img{max-width:100%;max-height:650px;object-fit:contain;border-radius:16px}#relay-concept .op-public-body figcaption{margin-top:12px;font-size:13px;color:var(--rc-muted)}#relay-concept .op-public-back{border-top:1px solid var(--rc-line);padding-top:25px}
#relay-concept .op-design-picker{margin-top:25px}#relay-concept .op-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:22px 0 30px}#relay-concept .op-template{padding:16px;border:1px solid #354e64;border-radius:14px;background:#0d1c28;color:#f1f7ff;text-align:left;display:grid;gap:12px;cursor:pointer}#relay-concept .op-template.is-selected{border-color:#329bff;box-shadow:0 0 0 2px #168aff30;background:#132d42}#relay-concept .op-template>span:last-child{font-size:13px;color:#b7cee2;line-height:1.6}#relay-concept .op-template-thumb{height:110px;border-radius:9px;background:linear-gradient(140deg,#175988,#0a1827);display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:55px 12px 12px;border:1px solid #42627a}#relay-concept .op-template-thumb i{background:#72bcff38;border:1px solid #93caff46;border-radius:5px}#relay-concept .op-thumb-minimal{padding-top:20px;background:#161e29;grid-template-columns:1fr}#relay-concept .op-thumb-arcade{background:linear-gradient(150deg,#653b91,#0d2240);transform:skewY(-2deg);border-color:#9562d9}#relay-concept .op-theme-options{display:flex;flex-wrap:wrap;gap:12px;margin:15px 0}#relay-concept .op-theme-dot{width:18px;height:18px;border-radius:50%;border:1px solid #7892a8;display:inline-block;background:#0a1829}#relay-concept .op-dot-charcoal{background:#292929}#relay-concept .op-dot-light{background:#f6f8fc}
#relay-concept .sb-admin-appearance-layout .rc-world{container-type:inline-size}
#relay-concept .sb-admin-appearance-layout .rc-world strong{font-size:clamp(20px,11cqw,35px);letter-spacing:.02em;max-width:100%}
@media(max-width:1100px){#relay-concept .op-nav-row{grid-template-columns:25px 1fr 1fr}#relay-concept .op-nav-row>.rc-check{grid-column:2}#relay-concept .op-nav-add{grid-template-columns:1fr 1fr}}
@media(max-width:700px){#relay-concept .op-layout{grid-template-columns:1fr}#relay-concept .op-template-grid{grid-template-columns:1fr}#relay-concept .op-template{grid-template-columns:110px 1fr}#relay-concept .op-template-thumb{grid-row:span 2;height:100px}#relay-concept .op-nav-row{grid-template-columns:1fr;padding:18px}#relay-concept .op-nav-row>.rc-check{grid-column:auto}#relay-concept .op-nav-actions{flex-wrap:wrap}#relay-concept .op-nav-add{grid-template-columns:1fr}#relay-concept .op-block{padding:16px}#relay-concept .op-block header{flex-wrap:wrap}#relay-concept .op-add-block{align-items:stretch;flex-direction:column}#relay-concept .op-save-row .rc-btn{width:100%}#relay-concept .op-public{padding-inline:20px!important}}
@media(max-width:570px){#relay-concept .sb-admin-pages>.rc-heading{flex-wrap:wrap;align-items:flex-start}#relay-concept .sb-admin-pages>.rc-heading>.sb-admin-heading-group{flex:1 1 100%;width:100%}#relay-concept .sb-admin-pages>.rc-heading>.rc-btn{order:2}#relay-concept .sb-admin-pages>.rc-heading>.sb-admin-session{order:3}}
/* Faithful previews sit alongside editing, with a single design save boundary. */
#relay-concept .op-template-screenshot{display:block;width:100%;height:auto;aspect-ratio:1280/1480;object-fit:contain;object-position:top;border:1px solid #456077;border-radius:9px;background:#0a1824}
#relay-concept .op-design-picker{grid-column:1/-1}
#relay-concept .op-layout:has(.op-live-panel){grid-template-columns:minmax(180px,.55fr) minmax(0,1.1fr) minmax(0,1fr);gap:18px}
#relay-concept .op-live-panel{position:sticky;top:20px;padding:20px!important;min-width:0}#relay-concept .op-live-panel h2{font-size:22px}#relay-concept .op-live-panel>p{font-size:13px;line-height:1.65}
#relay-concept .op-setup-design-preview{grid-column:1/-1;min-width:0;margin-top:25px}
@media(max-width:1150px){#relay-concept .op-layout:has(.op-live-panel){grid-template-columns:1fr 1fr}#relay-concept .op-layout:has(.op-live-panel) .op-library{grid-column:1/-1}#relay-concept .op-layout:has(.op-live-panel) .op-library article{display:inline-flex;margin-right:15px;border:1px solid #2f475d;padding:15px;border-radius:10px}}
@media(max-width:800px){#relay-concept .op-layout:has(.op-live-panel){grid-template-columns:1fr}#relay-concept .op-live-panel{position:static}#relay-concept .op-template{grid-template-columns:1fr}#relay-concept .op-template-screenshot{height:auto;aspect-ratio:1280/1480;object-fit:contain}#relay-concept .op-layout:has(.op-live-panel) .op-library{grid-column:auto}}
#relay-concept .sb-money-label {display:block} #relay-concept .sb-money-label>span {display:inline}
/* Navigation is a list of controls, not three full-height forms. */
#relay-concept .op-navigation{padding:20px}
#relay-concept .op-navigation>h2{font-size:22px;margin-bottom:16px}
#relay-concept .op-nav-rows{gap:8px}
#relay-concept .op-nav-row{gap:10px;padding:10px 12px;border-radius:10px;grid-template-columns:20px minmax(140px,1fr) minmax(130px,.65fr) auto auto}
#relay-concept .op-nav-row .rc-field{font-size:12px;gap:4px;min-width:0}
#relay-concept .op-nav-row :is(input:not([type=checkbox]),select,.rc-btn){min-height:44px;height:44px;font-size:13px}
#relay-concept .op-nav-row>.rc-check{display:flex;align-items:center;gap:7px;font-size:12px;white-space:nowrap}
#relay-concept .op-nav-actions .rc-btn{padding:7px 10px;min-width:40px}
#relay-concept .op-nav-row input[type=checkbox]{width:18px;height:18px;min-height:18px;margin:0}
#relay-concept [data-owner-form=nav]{display:grid;grid-template-columns:max-content max-content minmax(0,1fr);gap:12px;align-items:center}
#relay-concept [data-owner-form=nav]>.op-nav-rows{grid-column:1/-1}
#relay-concept [data-owner-form=nav]>button[type=submit]{grid-column:1;grid-row:2;width:auto;min-height:44px}
#relay-concept [data-owner-form=nav]>button[data-owner-action=nav-discard]{grid-column:2;grid-row:2;width:auto;min-height:44px}
#relay-concept [data-owner-form=nav]>.op-nav-save-status{grid-column:3;grid-row:2;margin:0;font-size:12px;text-align:right}
#relay-concept .op-nav-add{gap:12px;padding-top:18px;margin-top:18px}
@media(min-width:1200px){#relay-concept .op-nav-row>.rc-field{font-size:0;gap:0}}
@media(max-width:1199px) and (min-width:701px){#relay-concept .op-nav-row{grid-template-columns:20px minmax(0,1fr) minmax(0,.8fr)}#relay-concept .op-nav-row>.rc-check{grid-column:2}#relay-concept .op-nav-actions{grid-column:3;justify-content:flex-end}}
@media(max-width:700px){#relay-concept .op-nav-row{grid-template-columns:20px minmax(0,1fr);gap:8px;padding:12px}#relay-concept .op-nav-row>.op-drag-index{grid-row:1/3;align-self:start;padding-top:8px}#relay-concept .op-nav-row>.rc-field,#relay-concept .op-nav-row>.rc-check{grid-column:2}#relay-concept .op-nav-actions{grid-column:2;justify-content:flex-start;flex-wrap:wrap}#relay-concept [data-owner-form=nav]{grid-template-columns:1fr}#relay-concept [data-owner-form=nav]>button[type=submit],#relay-concept [data-owner-form=nav]>button[data-owner-action=nav-discard],#relay-concept [data-owner-form=nav]>.op-nav-save-status{grid-column:1;grid-row:auto;width:100%;text-align:left}#relay-concept .op-navigation{padding:18px!important}#relay-concept .op-nav-add{grid-template-columns:1fr}}