/* The desktop workspace stays spacious; phones use a compact header and four destinations. */
.mobile-dock,.mobile-editor-actions{display:none}
.seating-downloads>summary{display:none}
.studio-more{border:1px solid var(--line);border-radius:24px;background:var(--paper);color:var(--ink);width:min(480px,calc(100% - 24px));max-height:85svh;padding:22px;overscroll-behavior:contain}
.studio-more::backdrop{background:#15201680;backdrop-filter:blur(3px)}
.studio-more header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:16px}
.studio-more h2{font-size:24px;margin:0}
.studio-more-links{display:grid;gap:8px}
.studio-more-links>button{display:flex;align-items:center;gap:14px;min-height:64px;text-align:left;padding:12px 16px;background:white;border:1px solid var(--line);border-radius:14px;font-size:16px}
.studio-more-links>button[aria-current]{background:var(--green);border-color:#99ad73}
.studio-more-links svg,.mobile-dock svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.studio-more-links span{flex:1}.studio-more-links small{display:block;font-size:13px;color:var(--muted);margin-top:2px}
.studio-more #mobile-guest-preview{width:100%;margin-top:18px}
.studio-menu-open{overflow:hidden}
@media(max-width:800px){
 .studio-body{--mobile-dock-height:76px;--mobile-header-height:68px}
 .studio-sidebar{height:var(--mobile-header-height);padding:10px 16px;background:#f7f8f2f5;border-bottom:1px solid var(--line);border-right:0;gap:16px;backdrop-filter:blur(12px)}
 .studio-sidebar .brand{flex-shrink:0;gap:3px;align-items:center}
 .studio-sidebar .brand img{width:35px;height:26px}.studio-sidebar .brand .brand-name{font-size:24px;align-self:center}
 .site-picker{min-width:0;max-width:210px;flex:1}.site-picker select{min-height:44px;font-size:16px;border:0;background:#e9eddf;padding:8px 26px 8px 12px;text-overflow:ellipsis;border-radius:12px}
 .studio-nav,.studio-topbar{display:none}
 .studio-shell{margin:var(--mobile-header-height) 0 0;padding-bottom:calc(var(--mobile-dock-height) + env(safe-area-inset-bottom))}
 #workspace{padding:20px 16px 28px;min-height:calc(100svh - 150px)}
 #studio-notice{font-size:13px;line-height:1.5;background:none;border:0;padding:0 2px;margin:0 0 18px;color:var(--muted)}
 #studio-notice:empty{display:none}
 .error{font-size:15px;border-radius:10px;overflow-wrap:anywhere}
 .mobile-dock{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;inset:auto 0 0;z-index:30;padding:7px 10px calc(7px + env(safe-area-inset-bottom));background:#fcfdf9f5;border-top:1px solid var(--line);backdrop-filter:blur(12px);box-shadow:0 -6px 25px #20251f05}
 .mobile-dock button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:transparent;border:0;min-height:60px;min-width:0;padding:6px 4px;border-radius:14px;font-size:14px;line-height:1.25;color:#5d655b}
 .mobile-dock button[aria-current]{background:#e4edcf;color:#253516;font-weight:600}
 .studio-more{position:fixed;inset:auto 0 0;margin:0;width:100%;max-width:none;max-height:calc(100svh - 50px);padding:22px 18px calc(20px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;border-bottom:0}
 .studio-more header .icon-button{border-radius:50%;background:#e9eddf}
 .page-heading,.memory-heading{margin:0 0 24px;display:block}
 .page-heading h1,.memory-heading h1{font-size:32px;line-height:1.14;letter-spacing:-.045em;margin:0 0 12px}
 .page-heading p,.memory-heading>div>p:last-child{font-size:16px;line-height:1.5}
 .page-heading .eyebrow,.memory-heading .eyebrow{font-size:12px;letter-spacing:.1em;margin-bottom:10px}
 .page-heading>.button,.page-heading .public-actions{margin-top:18px}
 .page-heading .public-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
 .page-heading .public-actions .button{padding:10px 12px;gap:8px;font-size:14px}
 .button{min-height:48px;font-size:15px;padding:11px 17px;gap:10px}.button.small{min-height:44px;font-size:14px}
 .panel,.settings-grid .panel,.publish-grid .panel{padding:20px;border-radius:18px;min-width:0}
 .panel h2,.settings-grid h2,.publish-grid h2{font-size:25px;line-height:1.25;margin-bottom:16px}
 .panel .eyebrow{font-size:12px;margin-bottom:12px}.help,.field>small{font-size:14px;line-height:1.5}
 .field{font-size:15px;gap:8px;margin-bottom:18px;min-width:0}
 input:not([type=checkbox]):not([type=radio]),select,textarea{min-width:0;max-width:100%;min-height:48px;font-size:16px}
 input[type=checkbox]{flex-shrink:0}.check{font-size:15px;line-height:1.4;gap:12px}
 .stats{gap:10px;margin-bottom:20px}.stats article{padding:17px 16px;border-radius:16px;min-width:0}.stats article>span{font-size:14px;line-height:1.4}.stats strong{font-size:34px;margin-top:7px}
 .overview-grid{gap:20px}.next-steps{order:-1}.next-steps>p:not(.eyebrow){font-size:15px}.next-steps h2{font-size:24px}
 .step{padding:16px 0;gap:12px}.step>span{font-size:16px}.step small{font-size:14px;line-height:1.4}.step b{font-size:19px}
 .studio-footer{margin:0 16px;font-size:12px;padding:16px 0}
 /* Editing is a list of manageable sections, with preview and save always in reach. */
 body[data-studio-view=edit] .page-heading>[data-save]{display:none}
 .mobile-editor-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:sticky;top:var(--mobile-header-height);z-index:15;background:var(--paper);padding:10px 0 14px;margin:-10px 0 8px}
 .mobile-editor-actions .button{width:100%;min-width:0}
 .edit-panel{padding:6px 18px 18px}.edit-panel>.eyebrow{display:none}
 .edit-panel summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;font:600 18px/1.35 var(--sans);letter-spacing:-.02em;min-height:70px;padding:20px 0;scroll-margin-top:150px}
 .edit-panel summary::-webkit-details-marker{display:none}.edit-panel summary::after{content:'+';font-size:25px;font-weight:400;color:var(--muted)}.edit-panel details[open]>summary::after{content:'−'}
 .edit-panel details[open]>summary{color:#536b2d}.edit-panel details>div{padding:4px 0 18px}
 .edit-panel>details:last-of-type{border-bottom:0}.edit-panel>.form-actions{display:none}
 .editor-preview{display:none}.chosen-theme{padding:12px;border-radius:12px;gap:12px}.chosen-theme p{font-size:14px;line-height:1.5}
 .builder-card{padding:14px;border-radius:12px;background:#f5f6f0}.activity-top{grid-template-columns:1fr}.activity-top input[type=time]{max-width:100%}
 .row-actions .text-link{font-size:14px}.builder-add{font-size:15px}.palette-row{grid-template-columns:44px minmax(0,1fr) 44px;gap:7px}.palette-row .icon-button{width:44px;min-width:44px}.colour-picker input[type=color]{width:44px;height:48px}
 .gallery-style-options{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-edit-actions{flex-wrap:wrap}
 /* Guest details remain visible without sideways scrolling or hidden seating tabs. */
 .tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0 0 20px;border:0;background:#e9eddf;padding:5px;border-radius:16px;white-space:normal;overflow:visible}
 .tabs button{min-width:0;min-height:46px;border:0;border-radius:11px;padding:10px 8px;font-size:14px;line-height:1.35}.tabs button[aria-selected=true]{background:#fff;box-shadow:0 2px 5px #20251f0b}
 .toolbar{display:grid;grid-template-columns:1fr 1fr;gap:10px}.toolbar input{width:100%;min-width:0;max-width:none;grid-column:1/-1}.toolbar .button{width:100%;padding-inline:10px;font-size:14px}.toolbar .help{grid-column:1/-1}
 .table-wrap:has(.guest-table){padding:0;background:none;border:0;overflow:visible}
 .guest-table,.guest-table tbody{display:block;width:100%}.guest-table thead{position:absolute;clip-path:inset(50%);height:1px;width:1px;overflow:hidden}
 .guest-table tbody{display:grid;gap:12px}.guest-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 16px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:16px}
 .guest-table td{padding:0;border:0;min-width:0;display:block;font-size:15px}.guest-table td:first-child{min-width:0;grid-column:1;grid-row:1;overflow-wrap:anywhere}.guest-table td small{font-size:14px;line-height:1.45;margin-top:5px}
 .guest-table td:nth-child(2){display:block;grid-column:1;grid-row:2;color:var(--muted);font-size:14px}.guest-table td:nth-child(2)::before{content:'Guest places: ';font-weight:400}
 .guest-table td:nth-child(3){grid-column:2;grid-row:2;align-self:center}.guest-table td:nth-child(4){grid-column:2;grid-row:1;align-self:start;text-align:right}
 .guest-table .button{min-height:44px;font-size:14px;padding:8px 16px}.pill{font-size:13px;padding:5px 10px}
 .response-card{background:#fff;border-radius:16px;padding:18px}.response-card h3{font-size:23px}.response-card p{font-size:15px;overflow-wrap:anywhere}
 .seating-downloads{margin:0 0 20px;border:1px solid var(--line);border-radius:14px;background:#fff;padding:0 14px}.seating-downloads>summary{display:list-item;min-height:48px;padding:12px 0;font-size:15px;cursor:pointer}.seating-downloads .toolbar{margin:0 0 14px}.seating-downloads [data-seat-action=board]{grid-column:1/-1;grid-row:1}
 .seating-layout,.seating-tables{grid-template-columns:minmax(0,1fr)}.seating-pool{max-height:none}.seating-layout .panel{padding:18px}
 .seating-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.seating-stats span{font-size:14px}.seat-guest{grid-template-columns:minmax(0,1fr)}.seat-guest strong{font-size:15px}.seat-guest small{font-size:14px}
 .publish-grid,.settings-grid,.share-grid{gap:16px}.publish-checklist{padding:0;list-style:none;gap:0}.publish-checklist li{border-bottom:1px solid var(--line)}.publish-checklist button{padding:12px 0;line-height:1.5;min-height:48px;font-size:15px}
 .publish-grid .button,.settings-grid .button{width:100%}.publish-grid p.help{font-size:14px}.publish-grid .notice{font-size:15px}
 .qr-section{padding:20px;gap:20px}.qr-section h2{font-size:27px}.share-link input{font-size:16px}
 .memory-main-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 12px}.memory-main-actions .button{font-size:14px;min-width:0;min-height:48px}.memory-main-actions [data-memory-action=save]{grid-column:1/-1}#memory-save-status{margin:0 0 14px;font-size:13px}.memory-heading{margin-bottom:12px}
 .memory-heading h1{font-size:32px}.memory-grid{grid-template-columns:minmax(0,1fr)}.memory-tile{border-radius:16px}.memory-tile-copy{padding:18px}.memory-tile-copy p{font:500 20px/1.45 var(--sans)}
 .memory-tile-actions .button{font-size:14px}.memory-design{min-width:0}.memory-cover{min-height:300px;aspect-ratio:auto}.book-controls{flex-wrap:wrap;justify-content:center}.book-controls>span{order:-1;flex-basis:100%;font-size:14px}
 .studio-dialog{padding:52px 20px 24px;width:calc(100% - 20px);max-width:500px;max-height:calc(100dvh - 24px);border-radius:20px;margin:auto;overscroll-behavior:contain}.studio-dialog h2{font-size:28px}.studio-dialog .help{font-size:14px}.dialog-close{top:8px;right:8px;width:44px;height:44px}
 .studio-dialog:has(#guest-test-frame){padding:52px 10px 12px;width:calc(100% - 16px);max-height:calc(100dvh - 16px)}
 .studio-dialog:has(#guest-test-frame) .eyebrow,.studio-dialog:has(#guest-test-frame) h2,.studio-dialog:has(#guest-test-frame) .help{display:none}
 .studio-dialog #guest-test-frame{height:calc(100dvh - 110px)!important;border-radius:12px!important}
}
@media(max-width:359px){
 .studio-sidebar{gap:10px;padding-inline:12px}.studio-sidebar .brand .brand-name{font-size:21px}.studio-sidebar .brand img{width:28px}.site-picker select{padding-left:10px;font-size:16px}
 #workspace{padding-inline:12px}.page-heading h1,.memory-heading h1{font-size:29px}.panel,.settings-grid .panel,.publish-grid .panel{padding:17px}
 .guest-table tr{padding:15px;gap:12px 10px}.guest-table .button{padding:8px 12px}.pill{font-size:12px;padding:5px 8px}
 .edit-panel{padding:4px 14px 14px}.builder-card{padding:11px}.mobile-editor-actions .button{padding:10px;font-size:14px}
}
@media(prefers-reduced-motion:no-preference){.studio-more[open]{animation:studio-sheet-in .2s ease-out}@keyframes studio-sheet-in{from{transform:translateY(25px);opacity:0}to{transform:translateY(0);opacity:1}}}