.site-demo{position:fixed;inset:0;margin:auto;width:calc(100vw - 48px);max-width:1540px;height:calc(100svh - 48px);max-height:1000px;padding:0;border:1px solid #c9cbbb;border-radius:12px;background:#f5f3e9;color:#292b26;color-scheme:light;box-shadow:0 25px 100px rgb(0 0 0/.28);overflow:hidden;font-family:Cabin,ui-sans-serif,sans-serif}.site-demo::backdrop{background:rgb(25 30 20/.58);backdrop-filter:blur(5px)}.site-demo[open]{animation:demo-open .22s cubic-bezier(.2,.8,.2,1) both}.site-demo{width:min(calc(100vw - 48px),1540px);height:min(calc(100dvh - 48px),1000px);max-width:100vw;max-height:100dvh;transition:width .6s cubic-bezier(.22,1,.36,1),height .6s cubic-bezier(.22,1,.36,1),border-radius .6s}.site-demo[data-expanded=true]{width:100vw;height:100dvh;border-radius:0}.site-demo-shell{display:flex;flex-direction:column;height:100%}.site-demo-toolbar{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;gap:20px;min-height:66px;padding:12px 20px;border-bottom:1px solid #d8dbcc;background:#f5f3e9}.site-demo-toolbar h2{margin:0;font-family:Voye,Cabin,sans-serif;font-weight:500;font-size:18px;letter-spacing:-.04em}.site-demo-toolbar p{margin:4px 0 0;font-size:11px;line-height:1.4;color:#636a58}.site-demo-controls{display:flex;align-items:center;gap:12px}.site-demo-controls button{min-height:40px;border:1px solid #c9cbbb;border-radius:5px;padding:9px 13px;background:transparent;font:500 12px Cabin,sans-serif;color:#292b26;cursor:pointer}.site-demo-controls button:hover{background:#e3e6d4}.site-demo-controls .site-demo-close{display:flex;align-items:center;gap:12px;background:#555f3b;color:#fcfbf5;border-color:#555f3b}.site-demo-controls .site-demo-close:focus-visible,.site-demo-controls .site-demo-close:hover{background:#3d462b;color:#fcfbf5;border-color:#3d462b}.site-demo-toolbar p{font-size:14px}.site-demo-controls button{min-height:44px;font-size:16px}.site-demo-content{position:relative;flex:1;min-height:0}.site-demo-content iframe{display:block;width:100%;height:100%;border:0;background:#f5f3e9}.site-demo-status{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;background:#f5f3e9;color:#555f3b;font-size:15px}.site-demo-status button{padding:12px 20px;background:#555f3b;color:#fcfbf5;border:0;border-radius:5px;cursor:pointer}.site-demo :focus-visible{outline:2px solid #555f3b;outline-offset:3px}@keyframes demo-open{0%{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:none}}@media(max-width:700px){.site-demo{width:100vw;height:100dvh;max-width:none;max-height:none;border:0;border-radius:0}.site-demo-shell{padding-bottom:env(safe-area-inset-bottom)}.site-demo-toolbar{padding:calc(10px + env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 10px max(12px,env(safe-area-inset-left));gap:12px}.site-demo-controls{flex-shrink:0}.site-demo-toolbar h2{font-size:15px}.site-demo-toolbar p{font-size:10px;max-width:235px}.site-demo-close span,.site-demo-expand{display:none}.site-demo-controls .site-demo-close{width:44px;height:44px;padding:0;justify-content:center}}@media(prefers-reduced-motion:reduce){.site-demo[open]{animation:none;transition:none}}.site-demo-trigger{cursor:pointer}.site-footer .site-demo-trigger:hover{text-decoration:underline;text-underline-offset:4px}