html,body{width:100%;height:100%;overflow:hidden}.showcase-app,.preview-canvas,.preview-section,.preview-stage{position:fixed;inset:0;width:100%;height:100%;margin:0;padding:0}.showcase-app{z-index:1;background:#242433}.preview-section{display:flex;flex-direction:column}.preview-stage{display:flex;align-items:stretch;justify-content:center;overflow:auto;background:#242433}.browser-frame{display:flex;flex:1;flex-direction:column;width:100%;height:100%;max-width:none;margin:0;border:0;border-radius:0;box-shadow:none;overflow:hidden;transition:width .22s ease,height .22s ease,border-radius .22s ease}.browser-chrome{display:none}.storefront{position:relative;display:flex;flex:1;flex-direction:column;width:100%;height:100%;min-height:0;overflow:auto}.store-announcement,.store-header,.store-products,.store-footer{flex:none}.store-hero{height:auto;min-height:340px;flex:1}.store-header{height:74px}.store-announcement{height:36px}.store-products{padding-block:30px 36px}.product-photo{height:clamp(130px,17vh,220px)}.product-meta strong{font-size:15px}.product-meta>span{font-size:11px}.product-meta>div{font-size:13px}.store-footer{height:42px}
.browser-frame[data-device="tablet"]{flex:none;width:min(834px,calc(100vw - 48px));height:min(1112px,calc(100dvh - 188px - env(safe-area-inset-bottom, 0px) - env(safe-area-inset-bottom, 0px)));align-self:center;border:6px solid #17221c;border-radius:18px}.browser-frame[data-device="mobile"]{flex:none;width:min(390px,calc(100vw - 32px));height:min(844px,calc(100dvh - 188px - env(safe-area-inset-bottom, 0px) - env(safe-area-inset-bottom, 0px)));align-self:center;border:7px solid #17221c;border-radius:26px}.browser-frame[data-device="mobile"] .store-header{height:54px}.browser-frame[data-device="mobile"] .store-hero{min-height:245px;grid-template-columns:1.05fr .95fr}.browser-frame[data-device="mobile"] .store-products{padding-block:18px 22px}.browser-frame[data-device="mobile"] .product-photo{height:clamp(62px,9vh,100px)}
.floating-toolbar{position:fixed;z-index:60;left:50%;bottom:24px;transform:translateX(-50%);display:flex;align-items:center;gap:12px;max-width:calc(100vw - 32px);padding:9px 11px;border:1px solid #ffffff22;border-radius:12px;background:#fafbf4f5;box-shadow:0 12px 36px #111b1748;backdrop-filter:blur(18px)}.tools-trigger{height:42px;padding:0 14px;display:flex;align-items:center;gap:10px;border:0;border-radius:7px;background:#304b39;color:#fff;font-size:15px;font-weight:600;white-space:nowrap;cursor:pointer}.tools-trigger svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.toolbar-divider{height:28px;width:1px;background:#dce1d8}.device-switch{display:flex;align-items:center;gap:3px;padding:3px;border:1px solid #e0e5dd;border-radius:8px;background:#eef1eb}.device-button{height:36px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;border:0;border-radius:6px;background:transparent;color:#647169;font-size:14px;font-weight:500;white-space:nowrap;cursor:pointer;transition:background .16s,color .16s}.device-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.device-button.is-active{background:#fff;color:#26372c;box-shadow:0 1px 3px #1d30221b}
.tools-menu{position:fixed;z-index:61;left:50%;bottom:82px;transform:translateX(-50%);width:min(430px,calc(100vw - 30px));max-height:calc(100dvh - 110px);overflow:auto;padding:22px 22px 16px;border:1px solid #e3e8de;border-radius:13px;background:#fbfcf8;box-shadow:0 18px 60px #0d191459;color:#26352b}.tools-menu[hidden]{display:none}.tools-menu-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.tools-eyebrow{font:10px/1.3 var(--sans);font-weight:700;letter-spacing:.14em;color:#78867a}.tools-menu-heading h2{margin:5px 0 0;font-size:24px;letter-spacing:-.4px}.tools-close{width:34px;height:34px;border:1px solid #e0e6dc;border-radius:50%;background:#fff;color:#647168;font-size:24px;line-height:1;cursor:pointer}.tool-field{display:block;margin-bottom:21px;color:#4c5e50;font-size:14px;font-weight:650}.tool-field select{display:block;width:100%;height:48px;margin-top:8px;padding:0 12px;border:1px solid #d8e0d5;border-radius:7px;background:#fff;color:#243329;font:15px var(--sans)}.tool-section-heading{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.tool-section-heading strong{font-size:16px}.tool-section-heading span{color:#839087;font-size:12px}.tool-features{border-top:1px solid #e8ece6}.tool-toggle{position:relative;min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #e8ece6;cursor:pointer}.tool-toggle>span strong,.tool-toggle>span small{display:block}.tool-toggle>span strong{font-size:15px;font-weight:650}.tool-toggle>span small{margin-top:3px;color:#7a867e;font-size:12px}.tool-toggle input{position:absolute;right:0;width:1px;height:1px;opacity:0}.tool-toggle>i{position:relative;flex:none;width:42px;height:25px;border-radius:20px;background:#d4dad2;transition:background .18s}.tool-toggle>i:after{content:"";position:absolute;top:3px;left:3px;width:19px;height:19px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #17241a33;transition:transform .18s}.tool-toggle input:checked+i{background:#507657}.tool-toggle input:checked+i:after{transform:translateX(17px)}.tool-toggle input:focus-visible+i{outline:3px solid #789876;outline-offset:3px}.admin-open-button{width:100%;height:48px;margin-top:18px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;border:1px solid #dbe4d6;border-radius:7px;background:#eff4e9;color:#304a36;font-size:14px;font-weight:650;cursor:pointer}.tools-note{margin:12px 0 0;text-align:center;color:#929d93;font-size:11px}
.admin-drawer{z-index:65;width:min(560px,100%);padding:30px;font-family:var(--sans)}.admin-header h2{font-size:20px}.admin-demo-banner>span{font-size:10px}.admin-demo-banner p,.admin-greeting p{font-size:13px}.admin-greeting{padding:28px 0 20px}.admin-greeting>span{font-size:11px}.admin-greeting h3{font-size:32px}.admin-stats{gap:10px}.admin-stats article{padding:15px 12px}.admin-stats article>span{font-size:9px}.admin-stats article>strong{font-size:27px}.admin-stats article>small{font-size:10px}.admin-panel{padding:17px}.admin-panel-heading h3{font-size:14px}.activity-row{gap:12px;padding:14px 0}.activity-icon{width:34px;height:34px}.activity-row strong{font-size:12px}.activity-row small{font-size:10px}.status{font-size:9px}.admin-disclaimer{font-size:10px}.module-chip{font-size:10px}.modal-backdrop{z-index:70}.modal-content h2{font-size:30px}.modal-content p{font-size:15px}.modal-form label{font-size:13px}.modal-form input,.modal-form select,.modal-form textarea{font-size:15px}.modal-submit{font-size:14px}.chat-bubble{font-size:14px}.chat-composer input,.chat-composer button{font-size:14px}.cart-line strong{font-size:14px}.cart-line small,.cart-demo-note{font-size:12px!important}.cart-line>b,.cart-total{font-size:14px}
@media(max-width:760px){.tools-trigger{width:43px;flex:none;justify-content:center;padding:0;font-size:0}.tools-trigger svg{width:21px;height:21px}.toolbar-divider{height:25px}.device-switch{flex:1;justify-content:center;gap:1px;padding:2px}.device-button{height:34px;flex:1;gap:4px;padding:0 5px;font-size:12px}.device-button svg{width:16px;height:16px}.tools-menu{left:10px;right:10px;bottom:72px;transform:none;width:auto;padding:19px 17px 14px}.tools-menu-heading h2{font-size:22px}.tool-field{font-size:14px}.tool-field select{height:46px;font-size:14px}.tool-toggle{min-height:58px}.tool-toggle>span strong{font-size:14px}.tool-toggle>span small{font-size:11px}.admin-open-button{font-size:13px}.browser-frame[data-device="desktop"]{flex:none;height:100%}.browser-frame[data-device="mobile"]{width:min(390px,calc(100vw - 16px));border-width:4px;border-radius:20px}.browser-frame[data-device="tablet"]{width:min(834px,calc(100vw - 16px));border-width:4px;border-radius:15px}.browser-frame[data-device="mobile"] .store-header{height:48px}.browser-frame[data-device="mobile"] .store-header nav{gap:9px}.browser-frame[data-device="mobile"] .store-header nav a{font-size:11px}.browser-frame[data-device="mobile"] .store-logo{font-size:17px}.browser-frame[data-device="mobile"] .store-announcement{height:28px;font-size:9px;gap:8px}.browser-frame[data-device="mobile"] .store-hero{min-height:225px}.browser-frame[data-device="mobile"] .store-products{padding:14px 4% 17px}.browser-frame[data-device="mobile"] .product-photo{height:clamp(58px,9vh,88px)}.browser-frame[data-device="mobile"] .product-meta>span{font-size:8px}.browser-frame[data-device="mobile"] .product-meta strong{font-size:10px}.browser-frame[data-device="mobile"] .product-meta>div{font-size:8px}.browser-frame[data-device="mobile"] .store-footer{font-size:8px}.admin-drawer{padding:21px 17px}.admin-stats article{padding:11px 7px}.admin-stats article>span{font-size:8px}.admin-stats article>strong{font-size:22px}.admin-stats article>small{font-size:9px}.admin-panel{padding:12px 10px}.activity-row{gap:7px}.status{font-size:8px;padding:3px 5px}}
@media(max-width:380px){.device-button{font-size:10px}.device-button svg{width:14px;height:14px}.toolbar-divider{height:21px}.tools-trigger{width:38px}}
@media(prefers-reduced-motion:reduce){.browser-frame,.device-button,.tool-toggle>i,.tool-toggle>i:after{transition:none}}
.storefront{padding-bottom:calc(112px + env(safe-area-inset-bottom,0px));scroll-padding-bottom:calc(112px + env(safe-area-inset-bottom,0px))}