:root{--forest: #568b47;--forest-dark: #103d2c;--forest-light: #48bf7e;--ink: #252722;--muted: #777a73;--cream: #f8fbf9;--soft: #eef6f2;--line: #eaeae5;--line-soft: #ebf0ed;--font: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--edit: var(--forest);--edit-soft: rgba(86, 139, 71, .12);--danger: #b42318}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--cream);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}h1,h2,h3{line-height:1.09;letter-spacing:-.045em}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--forest-dark);outline-offset:3px}.shell{display:flex;flex-direction:column;height:100%}.topbar{display:flex;flex:none;align-items:center;justify-content:space-between;gap:18px;height:68px;margin:16px 20px 0;padding:0 20px;background:#fffffff5;border:1px solid var(--line-soft);border-radius:23px;box-shadow:0 3px 3px #25272205,0 12px 35px #25272208;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand-logo{font-size:26px;font-weight:800;letter-spacing:-1.4px}.brand-dot{color:var(--forest)}.brand-tag{padding-left:10px;border-left:1px solid var(--line);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.topbar .slug{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-actions{display:flex;align-items:center;gap:10px;flex:none}.mascot{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:3px;width:30px;height:25px;flex:none;background:var(--forest);border-radius:43% 43% 43% 13%;transform:rotate(-5deg)}.mascot:after{content:"";position:absolute;left:1px;bottom:-3px;width:7px;height:6px;background:inherit;border-radius:0 0 80% 10%;transform:skewY(-22deg)}.mascot i{width:4px;height:7px;background:#fff;border-radius:999px;transform:rotate(5deg);animation:pierre-blink 6s infinite;z-index:1}.brand-mascot{width:26px;height:22px}@keyframes pierre-blink{0%,92%,to{transform:rotate(5deg) scaleY(1)}96%{transform:rotate(5deg) scaleY(.12)}}@media (prefers-reduced-motion: reduce){.mascot i{animation:none}}.segmented{display:inline-flex;gap:4px;padding:4px;background:var(--soft);border:1px solid var(--line);border-radius:999px}.segmented button{padding:7px 14px;border:0;border-radius:999px;background:transparent;color:var(--muted);font-size:13px;font-weight:600;letter-spacing:-.015em;transition:background .2s,color .2s}.segmented button:hover{color:var(--ink)}.segmented button.active{background:var(--ink);color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 18px;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:999px;font-size:13px;font-weight:700;letter-spacing:-.015em;transition:transform .2s,box-shadow .2s,border-color .2s}.btn:hover:not(:disabled){transform:translateY(-2px);border-color:var(--forest);box-shadow:0 7px 16px #25272214}.btn:disabled{opacity:.4;cursor:not-allowed}.badge{padding:6px 12px;background:var(--soft);border:1px solid var(--line);border-radius:999px;font-size:12px;font-weight:600;color:var(--forest-dark);white-space:nowrap}.error-banner{margin:12px 20px 0;padding:10px 16px;background:#fdecea;border:1px solid #f5c6c0;border-radius:14px;color:var(--danger);font-size:14px}.workspace{flex:1;display:grid;grid-template-columns:224px minmax(0,1fr);gap:16px;min-height:0;overflow:hidden;margin:16px 20px 20px}.workspace.no-chrome{grid-template-columns:minmax(0,1fr)}.sidebar{min-height:0;padding:18px;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:auto}.outline h2{margin:0 0 12px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.outline-page+.outline-page{margin-top:18px}.outline-page h3{margin:0 0 8px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--forest-dark)}.outline ul{display:flex;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none}.outline button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:9px 12px;background:transparent;border:1px solid transparent;border-radius:12px;font-size:14px;font-weight:600;letter-spacing:-.015em;text-align:left;transition:background .2s,border-color .2s}.outline button:hover{background:var(--soft)}.outline button.active{background:var(--edit-soft);border-color:var(--forest);color:var(--forest-dark)}.outline-id{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:var(--muted)}.pierre-head{display:flex;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--line)}.pierre-id{display:flex;flex-direction:column}.pierre-id strong{font-size:16px;letter-spacing:-.02em}.pierre-state{font-size:12px;font-weight:600;color:var(--muted)}.pierre-context{margin-top:16px}.pierre-context h3{margin:0 0 6px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.pierre-label{margin:0 0 6px;font-weight:700}.hint{margin:12px 0 0;color:var(--muted);font-size:13px;line-height:1.55}.pierre-head+.hint{margin-top:14px}.pierre-fab{position:fixed;z-index:40;display:grid;width:72px;height:64px;place-items:center;padding:0;background:transparent;border:0;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;transition:scale .2s}.pierre-fab:hover{scale:1.05}.pierre-fab:active{cursor:grabbing}.assistant-logo{position:relative;display:flex;align-items:center;justify-content:center;gap:4px;width:36px;height:30px;background:#fff;border-radius:43% 43% 43% 13%;transform:rotate(-5deg)}.assistant-logo:after{position:absolute;bottom:-4px;left:2px;width:9px;height:8px;background:inherit;border-radius:0 0 80% 10%;content:"";transform:skewY(-22deg)}.assistant-logo i{z-index:1;width:5px;height:9px;background:var(--forest);border-radius:99px}.assistant-logo-small{width:29px;height:24px}.assistant-logo-small i{width:4px;height:7px}.pierre-mascot{width:58px;height:48px;gap:7px;filter:drop-shadow(0 8px 12px rgba(16,61,44,.24));transition:filter .2s}.pierre-mascot:after{bottom:-5px;width:14px;height:12px}.pierre-mascot i{width:7px;height:12px}.pierre-fab:hover .pierre-mascot{filter:drop-shadow(0 11px 15px rgba(16,61,44,.3))}.pierre-mascot i{animation:pierre-blink 6s infinite}.pierre-popover{position:fixed;z-index:39;width:min(320px,calc(100vw - 32px));max-height:calc(100vh - 32px);padding:18px;background:#fff;border:1px solid var(--line-soft);border-radius:20px;box-shadow:0 16px 45px #2527222b;overflow:auto}.pierre-popover-head{display:flex;align-items:center;gap:10px}.pierre-popover-head>div{display:flex;flex:1;flex-direction:column}.pierre-connection{color:var(--muted);font-size:12px}.pierre-close{width:30px;height:30px;padding:0;background:var(--soft);border:0;border-radius:50%;color:var(--muted);font-size:20px;line-height:1}.pierre-popover p{margin:16px 0 12px;color:var(--muted);font-size:13px;line-height:1.5}.pierre-selection{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;background:var(--soft);border-radius:12px;color:var(--muted);font-size:12px}.pierre-selection strong{color:var(--forest-dark)}.pierre-disabled-input{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding:11px 12px;border:1px solid var(--line);border-radius:999px;color:#9a9d99;font-size:12px}.canvas{display:flex;justify-content:center;align-items:stretch;min-width:0;min-height:0;padding:16px;overflow:hidden}.canvas-edit{display:block;padding:24px;overflow:auto}.canvas-frame{width:100%;max-width:1280px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden}.device{display:flex;flex:none;flex-direction:column;align-items:center;margin:auto}.device-viewport{flex:1 1 0%;min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;background:#fff;scrollbar-width:thin}.device-page{min-height:100%}.device-stage{display:grid;flex:1;place-items:center;min-width:0;min-height:0;overflow:visible}.device-scale-box{position:relative;flex:none}.device-physical{position:absolute;top:0;left:0;transform-origin:top left;will-change:transform}.macbook-frame{position:relative;width:1260px;height:900px;filter:drop-shadow(0 18px 22px rgba(22,24,23,.16))}.macbook-lid{position:relative;z-index:1;display:flex;flex-direction:column;width:1260px;height:800px;padding:18px 18px 17px;background:linear-gradient(110deg,#111,#050606 16%,#171819 50%,#050606 85%,#242526);border:1px solid #353738;border-radius:25px 25px 8px 8px;box-shadow:inset 0 1px #ffffff29,0 8px 18px #0003}.macbook-camera{position:absolute;top:7px;left:50%;width:7px;height:7px;background:radial-gradient(circle at 35% 35%,#34413e 0,#34413e 13%,#090b0b 42%,#020303 72%);border:1px solid #292b2c;border-radius:50%;transform:translate(-50%)}.macbook-display{display:flex;flex:1;flex-direction:column;min-width:0;min-height:0;overflow:hidden;background:#fff;border-radius:7px 7px 2px 2px;aspect-ratio:16 / 10}.macbook-safari{display:flex;flex:none;align-items:center;gap:17px;height:44px;min-width:0;padding:0 15px;background:linear-gradient(#f7f7f8,#e9e9eb);border-bottom:1px solid #d4d5d8;color:#5b5d61;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px}.macbook-safari-lights,.macbook-safari-nav,.macbook-safari-actions{display:flex;flex:none;align-items:center}.macbook-safari-lights{gap:7px}.macbook-safari-lights i{width:11px;height:11px;border-radius:50%}.macbook-safari-lights i:nth-child(1){background:#ff5f57}.macbook-safari-lights i:nth-child(2){background:#febc2e}.macbook-safari-lights i:nth-child(3){background:#28c840}.macbook-safari-nav,.macbook-safari-actions{gap:12px;font-size:19px}.macbook-address{display:flex;flex:1;align-items:center;justify-content:center;gap:9px;min-width:0;height:29px;padding:0 12px;overflow:hidden;background:#ffffffe0;border:1px solid #d6d7da;border-radius:8px;box-shadow:inset 0 1px 1px #00000009;color:#62646a;font-size:12px;white-space:nowrap}.macbook-address>span:nth-child(2){overflow:hidden;text-overflow:ellipsis}.macbook-lock,.macbook-reload{flex:none;color:#85878b}.macbook-viewport{width:100%;scrollbar-gutter:stable}.macbook-hinge{position:relative;z-index:2;width:98%;height:10px;margin:0 auto;background:linear-gradient(#444647,#9da0a1 38%,#696c6d 75%,#464849);border-radius:0 0 7px 7px;box-shadow:0 2px 3px #00000038}.macbook-base{position:relative;width:1284px;height:90px;margin-left:-12px;background:linear-gradient(180deg,#aeb1b3,#d9dbdc 11%,#c9cbcd 38%,#aeb1b3 76%,#85898b);border:1px solid #929698;border-radius:3px 3px 20px 20px;box-shadow:inset 0 1px #ffffffdb,0 5px 9px #0f111133}.macbook-keyboard{position:absolute;top:9px;left:50%;width:76%;height:34px;background:repeating-linear-gradient(90deg,transparent 0 19px,rgba(59,62,64,.48) 19px 21px),repeating-linear-gradient(0deg,#454849 0,#454849 7px,#c1c4c5 7px,#c1c4c5 9px);border:4px solid #b9bcbe;border-radius:4px 4px 8px 8px;opacity:.82;transform:translate(-50%)}.macbook-trackpad{position:absolute;top:49px;left:50%;width:24%;height:29px;background:linear-gradient(145deg,#f5f6f78c,#aeb1b333);border:1px solid rgba(111,115,117,.58);border-radius:3px 3px 10px 10px;box-shadow:inset 0 1px 1px #ffffffb8;transform:translate(-50%)}.macbook-front-lip{position:absolute;right:0;bottom:5px;left:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.75) 10% 90%,transparent)}.device-phone{position:relative;width:min(360px,100%);padding:9px;background:linear-gradient(110deg,#55585a,#171819 12%,#242526 88%,#5b5d5f);border:1px solid #777a7c;border-radius:53px;box-shadow:0 24px 52px #16181740,0 3px 7px #1618172b}.phone-button{position:absolute;z-index:0;width:3px;background:linear-gradient(90deg,#747779,#252627);border-radius:3px 0 0 3px}.phone-button-left{top:126px;left:-3px;height:45px}.phone-button-right{top:156px;right:-3px;height:70px;border-radius:0 3px 3px 0}.phone-screen{display:flex;flex-direction:column;height:760px;min-height:0;overflow:hidden;background:#fff;border:3px solid #090a0a;border-radius:44px}.phone-status{position:relative;z-index:2;display:flex;flex:none;align-items:center;justify-content:space-between;height:48px;padding:0 22px;color:#202124;font-size:12px;font-weight:700}.phone-time{padding-left:2px}.phone-island{position:absolute;top:7px;left:50%;width:120px;height:34px;transform:translate(-50%);background:#050505;border:1px solid #181818;border-radius:999px;box-shadow:inset 0 1px 2px #ffffff14}.phone-icons{color:#202124}.phone-browser-bar{display:flex;flex:none;align-items:center;gap:10px;height:46px;padding:0 12px;background:#f6f6f8;border-top:1px solid #e7e7e9}.phone-address{flex:1;min-width:0;padding:7px 10px;overflow:hidden;background:#e8e8eb;border-radius:10px;color:#53565b;font-size:10px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.phone-browser-icon{flex:none;color:#3977cc;font-size:20px;line-height:1}.phone-toolbar{display:flex;flex:none;align-items:center;justify-content:space-around;height:34px;background:#f6f6f8;color:#3977cc;font-size:15px}.phone-home{display:flex;flex:none;align-items:center;justify-content:center;height:19px;background:#fff}.phone-home:after{content:"";width:108px;height:5px;background:#111;border-radius:999px}.phone-screen .device-viewport{width:100%}.phone-viewport{scrollbar-gutter:stable}.et{border-radius:4px}.et.et-edit{cursor:text}.et.et-edit:hover{outline:1px dashed var(--edit);outline-offset:2px;background:var(--edit-soft)}.et-block{display:block}.et-input{width:100%;padding:4px 6px;border:1px solid var(--edit);border-radius:8px;background:#fff;color:inherit;font:inherit;resize:vertical}.photo{position:relative;width:100%;overflow:hidden;background:#eceff3}.photo img{display:block;width:100%;height:100%;object-fit:cover}.photo-missing{display:flex;align-items:center;justify-content:center;height:100%;color:var(--muted);font-size:13px}.photo-change{position:absolute;right:8px;bottom:8px;padding:6px 12px;background:#fffffff2;border:1px solid var(--edit);border-radius:999px;color:var(--forest-dark);font-size:12px;font-weight:700;transition:background .2s,color .2s}.photo-change:hover{background:var(--edit);color:#fff}.picker-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:24px;background:#25272273}.picker{width:min(760px,100%);max-height:80vh;padding:22px;background:#fff;border-radius:22px;overflow:auto}.picker-head{display:flex;align-items:center;justify-content:space-between}.picker-head h2{margin:0;font-size:20px;font-weight:800}.link-button{padding:6px 12px;background:var(--soft);border:1px solid var(--line);border-radius:999px;color:var(--ink);font-size:13px;font-weight:600}.picker .hint{margin-top:6px}.picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:16px}.picker-item{padding:6px;background:#fff;border:2px solid var(--line);border-radius:16px;text-align:left;transition:border-color .2s,transform .2s}.picker-item:hover{transform:translateY(-2px)}.picker-item.selected{border-color:var(--forest)}.picker-item img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:10px}.picker-meta{margin-top:6px;font-size:12px;color:var(--muted)}.picker-meta.warn{color:#b25e00}.site{--t-ink: #1b1f24;--t-muted: #667085;--t-line: #e4e7ec;--t-bg: #f6f7f9;--t-font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;background:#fff;color:var(--t-ink);font-family:var(--t-font);font-size:16px}.site-section{border:2px solid transparent}.site-section.selected{border-color:var(--edit)}.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:stretch}.hero-photo{min-height:320px}.hero-body{display:flex;flex-direction:column;justify-content:center;gap:14px;padding:40px 32px}.hero-title{margin:0;font-size:34px;line-height:1.15}.hero-intro{margin:0;color:var(--t-muted);line-height:1.6}.hero-cta,.booking{align-self:flex-start;display:inline-block;padding:12px 22px;background:var(--t-ink);border-radius:999px;color:#fff;text-decoration:none}.hero-cta-url,.contact-booking-url{margin:8px 0 0;font-size:12px;color:var(--muted);word-break:break-all}.rooms,.services,.gallery,.contact{padding:40px 32px;border-top:1px solid var(--t-line)}.section-title{margin:0 0 20px;font-size:24px}.rooms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.room-card{display:flex;flex-direction:column;gap:10px}.room-title{margin:0;font-size:18px}.room-text{margin:0;color:var(--t-muted);line-height:1.6}.services-list{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}.services-list li{padding:8px 14px;background:var(--t-bg);border:1px solid var(--t-line);border-radius:999px}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.contact-list{display:grid;gap:10px;margin:0 0 20px}.contact-list dt{font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--t-muted)}.contact-list dd{margin:2px 0 0}.device-phone .hero{grid-template-columns:1fr}@media (max-width: 1100px){.workspace{grid-template-columns:190px minmax(0,1fr)}}@media (max-width: 900px){.workspace,.workspace.no-chrome{grid-template-columns:minmax(0,1fr)}.sidebar,.pierre{display:none}.topbar{height:auto;flex-wrap:wrap;padding:12px 16px}}@media (max-width: 700px){.topbar{margin:8px 8px 0}.workspace{margin:8px}.canvas{padding:10px 4px 24px}.mac-bar{gap:7px;padding:0 9px}.mac-lights{gap:4px}.mac-lights i{width:8px;height:8px}.safari-controls,.safari-tools{display:none}.hero{grid-template-columns:1fr}}@media (max-height: 600px){.mac-screen{height:70vh;min-height:300px}.phone-screen{height:82vh;min-height:360px}}.btn-primary{background:var(--forest-dark);border-color:var(--forest-dark);color:#fff}.btn-primary:hover:not(:disabled){border-color:var(--forest-dark);box-shadow:0 10px 22px #103d2c3d}.demo-shell{display:flex;flex-direction:column;min-height:100%;padding-bottom:24px}.demo-top{display:flex;flex:none;align-items:center;justify-content:space-between;gap:18px;height:68px;margin:16px 20px 0;padding:0 20px;background:#fffffff5;border:1px solid var(--line-soft);border-radius:23px;box-shadow:0 3px 3px #25272205,0 12px 35px #25272208}.demo-main{flex:1;display:flex;align-items:center;justify-content:center;padding:36px 20px}.demo-main-wide{display:block}.demo-loading{display:grid;min-height:100%;place-items:center;color:var(--muted)}.demo-mascot{width:72px;height:60px;gap:9px;filter:drop-shadow(0 10px 16px rgba(16,61,44,.22))}.demo-mascot:after{bottom:-6px;width:17px;height:14px}.demo-mascot i{width:9px;height:15px}.demo-welcome{width:min(520px,100%);text-align:center}.demo-welcome h1{margin:20px 0 0;font-size:32px}.demo-lead{max-width:46ch;margin:14px auto 0;color:var(--muted);font-size:16px}.demo-steps{display:grid;margin:32px 0 0;padding:0;list-style:none;text-align:left}.demo-step{position:relative;display:flex;align-items:flex-start;gap:14px;padding-bottom:20px}.demo-step:last-child{padding-bottom:0}.demo-step:not(:last-child):before{content:"";position:absolute;left:11px;top:26px;bottom:0;width:2px;background:#568b474d}.demo-step-mark{display:grid;place-items:center;flex:none;width:24px;height:24px;background:var(--forest);border-radius:999px;color:#fff;font-size:12px;font-weight:800;line-height:1}.demo-step-label{font-size:15px;font-weight:600;letter-spacing:-.015em;line-height:24px}.demo-start{min-height:44px;margin-top:32px;padding:11px 28px}.demo-pay{width:min(460px,100%)}.pay-box{display:grid;gap:14px;margin-top:28px;padding:22px;text-align:left;background:#fff;border:1px solid var(--line-soft);border-radius:20px;box-shadow:0 3px 3px #25272205,0 12px 35px #2527220a}.pay-field{display:grid;gap:6px;font-size:13px;font-weight:600;color:var(--muted)}.pay-field select,.pay-field input{height:42px;padding:0 12px;font:inherit;font-size:15px;color:var(--ink);background:var(--paper);border:1px solid var(--line-soft);border-radius:12px}.pay-total{margin:4px 0 0;font-size:15px;color:var(--muted)}.pay-total strong{color:var(--ink);font-size:19px}.pay-error{margin:0;font-size:13px;color:#b3261e}.pay-actions{display:flex;justify-content:space-between;gap:12px;margin-top:6px}.demo-heading{max-width:660px;margin:0 auto 26px;text-align:center}.demo-heading h1{margin:0;font-size:32px}.demo-heading .demo-lead{margin-top:12px}.demo-carousel{position:relative}.demo-templates{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 14px;scrollbar-width:none}.demo-templates::-webkit-scrollbar{display:none}.demo-template{flex:0 0 min(420px,80%);display:flex;flex-direction:column;gap:14px;padding:16px;background:#fff;border:1px solid var(--line);border-radius:22px;cursor:pointer;scroll-snap-align:center;transition:transform .2s,border-color .2s,box-shadow .2s}.demo-template:hover{transform:translateY(-2px);box-shadow:0 14px 34px #25272212}.demo-template.active{border-color:var(--forest);box-shadow:0 0 0 2px var(--edit-soft)}.demo-arrow{position:absolute;top:50%;z-index:2;display:grid;place-items:center;width:46px;height:46px;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:999px;box-shadow:0 10px 24px #2527221f;transform:translateY(-50%);transition:transform .2s,border-color .2s}.demo-arrow:hover{border-color:var(--forest)}.demo-arrow-prev{left:8px}.demo-arrow-next{right:8px}.demo-preview{position:relative;height:300px;overflow:hidden;background:#fff;border:1px solid var(--line-soft);border-radius:14px}.demo-preview-page{position:absolute;top:0;left:0;width:1100px;transform-origin:top left;pointer-events:none}.demo-template-body{display:grid;gap:6px}.demo-template-body strong{font-size:16px}.demo-template-body p{margin:0;color:var(--muted);font-size:14px}.demo-foot{position:sticky;bottom:16px;z-index:5;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;width:calc(100% - 40px);max-width:1280px;margin:24px auto 0;padding:14px 20px;background:#fffffff5;border:1px solid var(--line-soft);border-radius:23px;box-shadow:0 12px 35px #2527220f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.studio-foot{display:flex;flex:none;align-items:center;justify-content:space-between;gap:16px;margin:0 20px 20px;padding:14px 20px;background:#fffffff5;border:1px solid var(--line-soft);border-radius:23px;box-shadow:0 12px 35px #2527220f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}@media (max-width: 700px){.demo-top{height:auto;flex-wrap:wrap;margin:8px 8px 0;padding:12px 16px}.demo-main{padding:24px 8px}.demo-welcome h1,.demo-heading h1{font-size:26px}.demo-foot{width:calc(100% - 16px);margin-top:16px}}