/* Live Mini Shop preview in the owner design workspace */
.shop-design-live-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,390px);grid-template-areas:"title title" "intro intro" "form preview";column-gap:28px;align-items:start}
.shop-design-live-card>h2{grid-area:title}.shop-design-live-card>p:not(.mini-preview-note){grid-area:intro}.shop-design-live-card>#shopBrand{grid-area:form;min-width:0}.shop-design-live-card>.mini-shop-live-preview{grid-area:preview;position:sticky;top:86px;min-width:0;margin-top:8px}
.mini-preview-heading{display:flex;align-items:end;justify-content:space-between;gap:10px;margin:0 0 12px}.mini-preview-heading>div>span{font-size:9px;letter-spacing:.16em;font-weight:800;color:#86765f}.mini-preview-heading h3{margin:4px 0 0;font-size:18px}.mini-preview-heading>small{font-size:10px;color:#82796d}.mini-preview-frame{border:1px solid #d9d0c3;border-radius:19px;padding:9px;background:#ede8df;box-shadow:0 12px 32px #30251a12}.mini-preview-browser{height:27px;display:flex;align-items:center;gap:5px;padding:0 7px 8px;color:#786e62}.mini-preview-browser i{width:6px;height:6px;border-radius:50%;background:#c0b6a8}.mini-preview-browser span{margin:auto;font-size:8px;padding-right:27px}.mini-preview-screen{height:min(65vh,680px);min-height:470px;overflow:auto;overscroll-behavior:contain;border-radius:12px;background:#fff;scrollbar-width:thin}.mini-preview-page{position:relative;min-height:100%;isolation:isolate;overflow:hidden;background:var(--mp-bg);color:var(--mp-ink);font:400 11px/1.45 var(--mp-font);text-align:left}.mini-preview-page *{box-sizing:border-box}.mini-preview-motion{position:absolute;inset:0;z-index:-1;overflow:hidden}.mini-preview-motion img,.mini-preview-motion video{width:100%;height:100%;object-fit:cover}.mini-preview-motion>i{position:absolute;inset:0;background:var(--mp-bg);opacity:var(--mp-overlay)}.mini-preview-page>header{height:43px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid color-mix(in srgb,var(--mp-ink) 13%,transparent);background:color-mix(in srgb,var(--mp-bg) 82%,transparent);backdrop-filter:var(--mp-glass);font-size:10px}.mini-preview-page>header>button{background:transparent;color:var(--mp-ink);border:0;font:inherit;font-weight:700}.mini-preview-page>main{width:calc(100% - 30px);margin:0 auto}.mini-preview-cover{width:100%;height:112px;margin-top:10px;object-fit:cover;border-radius:8px}.mini-preview-hero{padding:22px 2px 17px;text-align:var(--mp-align);border-bottom:1px solid color-mix(in srgb,var(--mp-ink) 12%,transparent)}.mini-preview-hero>small,.mini-preview-section-title small,.mini-preview-about>small{font-size:7px;letter-spacing:.13em;opacity:.68}.mini-preview-hero h2{font-size:22px;line-height:1.1;margin:7px 0;font-weight:650}.mini-preview-hero p{font-size:9px;margin:5px 0;opacity:.76}.mini-preview-hero h3{font-size:11px;font-weight:500;margin:10px 0 0}.mini-preview-page nav{display:flex;overflow:hidden;gap:14px;border-bottom:1px solid color-mix(in srgb,var(--mp-ink) 12%,transparent)}.mini-preview-page nav button{white-space:nowrap;padding:12px 0 9px;background:none;border:0;border-bottom:2px solid transparent;color:var(--mp-ink);font:600 8px var(--mp-font)}.mini-preview-page nav button.active{border-bottom-color:var(--mp-ink)}.mini-preview-menu{padding:17px 0}.mini-preview-section-title{display:flex;justify-content:space-between;align-items:end}.mini-preview-section-title h3{font-size:18px;margin:2px 0 10px}.mini-preview-section-title>span{font-size:8px;opacity:.65}.mini-preview-menu>input{width:100%;height:31px;border:1px solid color-mix(in srgb,var(--mp-ink) 15%,transparent);border-radius:6px;background:var(--mp-card);color:var(--mp-ink);font:9px var(--mp-font);padding:0 8px;margin:0 0 7px}.mini-preview-service{display:flex;gap:9px;align-items:center;padding:10px 2px;border-bottom:1px solid color-mix(in srgb,var(--mp-ink) 11%,transparent)}.mini-preview-service>.shop-offering-photo{width:52px;height:48px;flex:0 0 52px;object-fit:cover;border-radius:6px}.mini-preview-service>div{flex:1;min-width:0}.mini-preview-service>div>strong{font-size:9px}.mini-preview-service p{font-size:8px;line-height:1.35;opacity:.7;margin:2px 0 4px}.mini-preview-service footer{display:flex;align-items:center;gap:7px}.mini-preview-service footer>b{font-size:9px}.mini-preview-service footer>small{font-size:7px;opacity:.7}.mini-preview-service footer>button,.mini-preview-about>button{margin-left:auto;border:0;border-radius:var(--mp-radius);background:var(--mp-accent);color:white;font:700 8px var(--mp-font);padding:6px 10px}.mini-preview-empty{font-size:9px;opacity:.65;padding:10px 0}.mini-preview-about{margin:6px 0 14px;padding:12px;background:var(--mp-card);backdrop-filter:var(--mp-glass);border:1px solid color-mix(in srgb,var(--mp-ink) 12%,transparent);border-radius:var(--mp-radius);display:flex;flex-direction:column;gap:6px}.mini-preview-about>strong{font-size:11px}.mini-preview-about>button{margin:2px 0 0;align-self:start}.mini-preview-page>main>footer{padding:13px 0;text-align:center;font-size:8px;opacity:.65}.mini-preview-note{font-size:10px;line-height:1.5;color:#82796d;margin:10px 2px 0}.mini-preview-service .shop-offering-photo[hidden]{display:none}
@media(max-width:980px){.shop-design-live-card{display:flex;flex-direction:column}.shop-design-live-card>.mini-shop-live-preview{position:relative;top:auto;order:0;width:min(100%,440px);align-self:center;margin:0 0 22px}.shop-design-live-card>#shopBrand{order:1;width:100%}.shop-design-live-card>h2{order:-3}.shop-design-live-card>p:not(.mini-preview-note){order:-2}.shop-design-live-card>.mini-shop-live-preview{order:-1}.mini-preview-screen{height:540px;min-height:420px}}
@media(max-width:520px){.mini-shop-live-preview{width:100%!important}.mini-preview-frame{padding:7px;border-radius:15px}.mini-preview-screen{height:470px;min-height:390px}.shop-design-live-card{padding:16px!important}}

.mini-preview-page{font-size:var(--mp-size,11px)}.mini-preview-gallery{display:flex;gap:5px;overflow:hidden;padding-top:6px}.mini-preview-gallery img{width:calc(25% - 4px);height:42px;flex:0 0 calc(25% - 4px);object-fit:cover;border-radius:5px}