.demo-preview-shell{--demo-shadow: 0 24px 80px rgba(15, 23, 42, .14);--demo-shadow-strong: 0 32px 110px rgba(15, 23, 42, .2)}.demo-preview-shell *{box-sizing:border-box}.demo-site{overflow:hidden;color:var(--demo-ink);background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 12%),var(--demo-page-bg);border:1px solid var(--demo-border)}.demo-site img{display:block;width:100%;height:100%;object-fit:cover}.demo-site-traditional{border-radius:24px;font-family:Georgia,Times New Roman,serif}.demo-site-modern{border-radius:36px;font-family:Helvetica Neue,Arial,sans-serif;background:radial-gradient(circle at top left,color-mix(in srgb,var(--demo-accent) 16%,transparent),transparent 22%),linear-gradient(180deg,rgba(255,255,255,.03),transparent 14%),var(--demo-page-bg)}.demo-topbar,.demo-reservation-strip,.demo-restaurant-traditional-grid,.demo-editorial-hero,.demo-editorial-grid,.demo-billboard,.demo-brewery-ledger,.demo-brewery-modern-grid,.demo-merchandising-hero,.demo-store-grid,.demo-store-editorial,.demo-store-editorial-rail,.demo-salon-booking,.demo-salon-grid,.demo-lookbook,.demo-salon-modern-grid,.demo-service-lead,.demo-service-grid,.demo-command-center,.demo-command-grid,.demo-routine-hero,.demo-wellness-grid,.demo-rhythm-board,.demo-rhythm-grid,.demo-footer-grid,.demo-service-utility,.demo-photo-pair{padding-left:clamp(18px,3vw,34px);padding-right:clamp(18px,3vw,34px)}.demo-brand,.demo-subbrand,.demo-copy,.demo-panel p,.demo-stat span,.demo-contact-list p,.demo-meta,.demo-faq-item p{margin:0}.demo-kicker{margin:0 0 10px;color:var(--demo-accent);font-size:.74rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.demo-brand{font-size:1.02rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.demo-subbrand{margin-top:6px;max-width:40ch;color:var(--demo-muted);line-height:1.6}.demo-copy{max-width:60ch;color:var(--demo-muted);line-height:1.72}.demo-topbar{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding-top:22px;padding-bottom:18px}.demo-topbar-minimal{align-items:center}.demo-nav-pills,.demo-pills,.demo-actions{display:flex;flex-wrap:wrap;gap:10px}.demo-nav-pills span,.demo-pills span{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:.48rem .84rem;border:1px solid var(--demo-border)}.demo-site-traditional .demo-nav-pills span,.demo-site-traditional .demo-pills span{border-radius:16px;background:color-mix(in srgb,var(--demo-surface-alt) 72%,transparent)}.demo-site-modern .demo-nav-pills span,.demo-site-modern .demo-pills span{border-radius:999px;background:color-mix(in srgb,var(--demo-surface) 92%,transparent)}.demo-button{border:1px solid var(--demo-border);color:var(--demo-ink);background:transparent;font:inherit}.demo-site-traditional .demo-button{padding:.85rem 1.05rem;border-radius:14px}.demo-site-modern .demo-button{padding:.92rem 1.22rem;border-radius:999px}.demo-button-primary{border-color:var(--demo-accent-strong);background:var(--demo-accent-strong);color:#fff}.demo-panel,.demo-photo,.demo-stat{border:1px solid var(--demo-border);background:var(--demo-surface)}.demo-panel,.demo-stat{padding:20px}.demo-site-traditional .demo-panel,.demo-site-traditional .demo-photo,.demo-site-traditional .demo-stat{border-radius:18px}.demo-site-modern .demo-panel,.demo-site-modern .demo-photo,.demo-site-modern .demo-stat{border-radius:28px}.demo-site-modern .demo-panel{background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 46%),var(--demo-surface);box-shadow:0 18px 48px #0f172a14}.demo-panel-accent,.demo-stat{background:linear-gradient(180deg,color-mix(in srgb,var(--demo-accent) 10%,transparent),transparent 64%),var(--demo-surface)}.demo-panel-dark{background:linear-gradient(180deg,color-mix(in srgb,var(--demo-accent-strong) 10%,transparent),transparent 56%),color-mix(in srgb,var(--demo-surface) 92%,black 8%)}.demo-panel-feature{padding:24px}.demo-panel h3,.demo-faq-item h4{margin:8px 0 10px}.demo-panel p,.demo-faq-item p,.demo-contact-list p{color:var(--demo-muted);line-height:1.7}.demo-list{margin:14px 0 0;padding-left:18px;color:var(--demo-muted);line-height:1.72}.demo-list-tight li+li{margin-top:6px}.demo-metrics,.demo-footer-grid,.demo-photo-pair,.demo-restaurant-traditional-grid,.demo-editorial-grid,.demo-brewery-ledger,.demo-brewery-modern-grid,.demo-store-grid,.demo-store-editorial,.demo-store-editorial-rail,.demo-salon-grid,.demo-salon-modern-grid,.demo-service-grid,.demo-command-grid,.demo-wellness-grid,.demo-rhythm-grid{display:grid;gap:18px}.demo-stat{display:grid;gap:4px}.demo-stat strong{font-size:1.3rem}.demo-stat span{color:var(--demo-muted);line-height:1.48}.demo-photo{overflow:hidden;min-height:220px;margin:0;background:var(--demo-surface-alt);box-shadow:var(--demo-shadow)}.demo-photo-poster{min-height:420px}.demo-photo-tall{min-height:520px}.demo-photo-square{min-height:320px}.demo-photo-wide{min-height:280px}.demo-photo-pair{padding-top:0;padding-bottom:26px}.demo-photo-pair-tall .demo-photo:first-child,.demo-photo-pair-uneven .demo-photo:first-child{min-height:340px}.demo-photo-pair-tall .demo-photo:last-child,.demo-photo-pair-uneven .demo-photo:last-child{min-height:260px}.demo-reservation-strip,.demo-billboard,.demo-merchandising-hero,.demo-routine-hero{display:grid;gap:18px;align-items:center;padding-top:10px;padding-bottom:24px}.demo-reservation-strip h2,.demo-billboard h2,.demo-merchandising-hero h2,.demo-booking-callout h2,.demo-service-copy h2,.demo-command-copy h2,.demo-routine-hero h2,.demo-editorial-copy h2,.demo-poster-copy h2,.demo-lookbook-copy h2{margin:6px 0 12px;line-height:.98}.demo-site-traditional h2{font-size:clamp(2rem,4vw,3.4rem)}.demo-site-modern h2{font-size:clamp(2.35rem,5vw,4.5rem);letter-spacing:-.05em}.demo-restaurant-traditional-grid,.demo-editorial-hero,.demo-billboard,.demo-store-editorial,.demo-salon-booking,.demo-lookbook,.demo-service-lead,.demo-command-center,.demo-rhythm-board{padding-top:8px;padding-bottom:28px}.demo-booking-callout,.demo-service-copy,.demo-command-copy,.demo-editorial-copy,.demo-poster-copy,.demo-lookbook-copy{display:grid;gap:12px;align-content:start}.demo-service-utility{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 18px;align-items:center;padding-top:14px;padding-bottom:10px;border-bottom:1px solid var(--demo-border);background:color-mix(in srgb,var(--demo-surface) 90%,transparent)}.demo-service-utility p{margin:0;color:var(--demo-muted)}.demo-service-utility .demo-button{margin-left:auto}.demo-footer-grid{padding-top:0;padding-bottom:30px}.demo-footer-grid-wide{grid-template-columns:1fr}.demo-footer-grid blockquote{margin:8px 0 0;font-size:1.18rem;line-height:1.52}.demo-faq-list{display:grid;gap:16px}.demo-faq-item{padding-top:14px;border-top:1px solid var(--demo-border)}.demo-faq-item:first-child{padding-top:0;border-top:0}.demo-contact-list{display:grid;gap:6px;margin-top:12px}.demo-meta{margin-top:12px;color:var(--demo-muted)}@media(min-width:900px){.demo-reservation-strip,.demo-billboard,.demo-merchandising-hero,.demo-routine-hero{grid-template-columns:minmax(0,1fr) auto}.demo-restaurant-traditional-grid,.demo-service-lead,.demo-command-center,.demo-store-editorial,.demo-lookbook,.demo-rhythm-board,.demo-editorial-hero{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-store-grid,.demo-brewery-ledger,.demo-brewery-modern-grid,.demo-salon-grid,.demo-salon-modern-grid,.demo-service-grid,.demo-command-grid,.demo-wellness-grid,.demo-rhythm-grid,.demo-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-metrics-stack{grid-template-columns:1fr;width:minmax(220px,280px)}.demo-photo-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-restaurant-main,.demo-restaurant-side{display:grid;gap:18px}.demo-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.demo-footer-grid-wide{grid-template-columns:1.15fr 1fr .9fr}.demo-business-restaurant.demo-site-traditional .demo-footer-grid{grid-template-columns:.85fr 1.15fr .85fr}}#demo-root[data-viewport=mobile] .preview-canvas{padding:12px}#demo-root[data-viewport=mobile] .browser-url{font-size:.8rem}#demo-root[data-viewport=mobile] .demo-topbar,#demo-root[data-viewport=mobile] .demo-reservation-strip,#demo-root[data-viewport=mobile] .demo-restaurant-traditional-grid,#demo-root[data-viewport=mobile] .demo-editorial-hero,#demo-root[data-viewport=mobile] .demo-editorial-grid,#demo-root[data-viewport=mobile] .demo-billboard,#demo-root[data-viewport=mobile] .demo-brewery-ledger,#demo-root[data-viewport=mobile] .demo-brewery-modern-grid,#demo-root[data-viewport=mobile] .demo-merchandising-hero,#demo-root[data-viewport=mobile] .demo-store-grid,#demo-root[data-viewport=mobile] .demo-store-editorial,#demo-root[data-viewport=mobile] .demo-store-editorial-rail,#demo-root[data-viewport=mobile] .demo-salon-booking,#demo-root[data-viewport=mobile] .demo-salon-grid,#demo-root[data-viewport=mobile] .demo-lookbook,#demo-root[data-viewport=mobile] .demo-salon-modern-grid,#demo-root[data-viewport=mobile] .demo-service-utility,#demo-root[data-viewport=mobile] .demo-service-lead,#demo-root[data-viewport=mobile] .demo-service-grid,#demo-root[data-viewport=mobile] .demo-command-center,#demo-root[data-viewport=mobile] .demo-command-grid,#demo-root[data-viewport=mobile] .demo-routine-hero,#demo-root[data-viewport=mobile] .demo-wellness-grid,#demo-root[data-viewport=mobile] .demo-rhythm-board,#demo-root[data-viewport=mobile] .demo-rhythm-grid,#demo-root[data-viewport=mobile] .demo-footer-grid,#demo-root[data-viewport=mobile] .demo-photo-pair{padding-left:16px;padding-right:16px}#demo-root[data-viewport=mobile] .demo-topbar,#demo-root[data-viewport=mobile] .demo-service-utility{display:grid;align-items:start}#demo-root[data-viewport=mobile] .demo-actions .demo-button,#demo-root[data-viewport=mobile] .demo-service-utility .demo-button{width:100%;margin-left:0}#demo-root[data-viewport=mobile] .demo-photo-poster,#demo-root[data-viewport=mobile] .demo-photo-tall{min-height:280px}#demo-root[data-viewport=mobile] .demo-photo{min-height:180px}@media(prefers-reduced-motion:reduce){.demo-site{scroll-behavior:auto}}body{background:radial-gradient(circle at top left,var(--accent-soft),transparent 22%),radial-gradient(circle at top right,rgba(255,255,255,.05),transparent 16%),linear-gradient(180deg,rgba(255,255,255,.02),transparent 18%),var(--bg)}.gallery-page{display:grid;gap:28px;padding-bottom:72px;isolation:isolate}.gallery-page:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 12%,var(--accent-soft),transparent 28%),radial-gradient(circle at 82% 18%,rgba(255,255,255,.06),transparent 18%);opacity:.75;z-index:-1}.gallery-page h1,.gallery-page h2,.gallery-page h3,.gallery-page p{margin-top:0}.nav{position:relative;z-index:2;padding:28px 0 20px}.brand{font-size:.84rem;letter-spacing:.16em}.nav nav{gap:10px}.nav nav a{border-color:#ffffff14;background:#ffffff08;backdrop-filter:blur(18px)}.workspace-grid{display:grid;gap:24px}.preview-column,.settings-grid,.showcase-meta-grid,.control-group,.showcase-labels{display:grid;gap:12px}.settings-panel,.showcase-panel{position:relative;overflow:hidden}.settings-panel{padding:16px 18px;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 18%),var(--surface)}.showcase-card{border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);background:#ffffff09;backdrop-filter:blur(16px)}.showcase-pill{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:.55rem .9rem;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:var(--accent-soft);color:var(--text);font-size:.82rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.showcase-description{line-height:1.7}.showcase-card{padding:16px 18px}.meta-label{font-size:.76rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.preview-column{min-width:0}.showcase-heading h2{margin-bottom:10px}.control-group-copy p:last-child,.showcase-card p:last-child{margin-bottom:0}.settings-links .link-row{gap:8px}.settings-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 16px;align-items:center;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}.settings-toolbar>div:first-child{min-width:0}.settings-summary{max-width:56ch;margin:0;color:var(--text);font-size:1rem;font-weight:600;line-height:1.35}.settings-links .link-link{min-height:40px;padding:.65rem .9rem;font-size:.92rem}.settings-links .link-back{display:none}.control-group{gap:8px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);background:#ffffff06}.control-group-copy .eyebrow{margin-bottom:4px}.control-group-copy .muted{margin-bottom:0;font-size:.92rem;line-height:1.45}.control-row{display:flex;flex-wrap:wrap;gap:8px}.control-button{padding:.62rem .85rem;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:var(--text);background:#ffffff08;box-shadow:inset 0 1px #ffffff0d;font-size:.92rem;line-height:1.2;transition:transform .22s ease,background-color .22s ease,border-color .22s ease,box-shadow .22s ease}.control-button:hover,.control-button.is-active{transform:translateY(-1px);border-color:var(--accent);background:var(--accent-soft);box-shadow:0 16px 36px #0206172e}.showcase-panel{display:grid;gap:22px;padding:28px;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 16%),linear-gradient(135deg,rgba(255,255,255,.03),transparent 55%),var(--surface)}.showcase-heading{display:flex;flex-wrap:wrap;justify-content:space-between;gap:18px;align-items:flex-start}.showcase-heading h2{font-size:clamp(2rem,4vw,3rem);line-height:1;letter-spacing:-.04em}.showcase-labels{align-items:start;justify-items:start}.workspace-grid .showcase-panel,.workspace-grid .settings-panel{min-width:0}.browser-frame{overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:32px;background:#0f172ac2;box-shadow:0 34px 100px #0206176b,inset 0 1px #ffffff0f;transition:max-width .22s ease,margin-inline .22s ease}.browser-frame.is-mobile{max-width:430px;margin-inline:auto}.browser-bar{display:flex;align-items:center;gap:16px;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#ffffff0a,#0f172ad6)}.browser-dots{display:flex;gap:8px}.browser-dots span{width:10px;height:10px;border-radius:999px;background:#ffffff38}.browser-dots span:nth-child(1){background:#fb7185}.browser-dots span:nth-child(2){background:#fbbf24}.browser-dots span:nth-child(3){background:#4ade80}.browser-url{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff0f;padding:.7rem 1rem;color:#f8fafcc7;font-size:.92rem}.preview-canvas{padding:18px;background:radial-gradient(circle at top,rgba(255,255,255,.04),transparent 28%),#020617b8}.showcase-meta-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.showcase-card ul{margin:0;padding-left:18px;line-height:1.75;color:var(--muted)}.showcase-card-accent{background:linear-gradient(180deg,var(--accent-soft),transparent 95%),#ffffff09}@media(min-width:900px){.settings-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}}@media(prefers-reduced-motion:reduce){.control-button,.browser-frame{transition:none}}