/* Stage for 1:1 Figma builds: the frame keeps its exact layout and is scaled to the viewport. */
html{overflow-y:scroll}html,body{margin:0}body.figma-demo{background:var(--stage-bg,#fff);overflow-x:hidden;font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}
.demo-bar{position:relative;z-index:50;min-height:44px;background:#15191d;color:#efe6d8;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 24px;font:11px/1.5 Manrope,system-ui,sans-serif;box-sizing:border-box}.demo-bar a{color:inherit;text-decoration:none;white-space:nowrap}.demo-bar span{opacity:.7;text-align:center}
.figma-stage{position:relative;overflow:hidden}.figma-frame{position:absolute;left:0;top:0;transform-origin:0 0;overflow:hidden}.figma-frame.is-hidden{display:none}.figma-frame.is-floating{border-radius:36px;box-shadow:0 30px 90px #0005}
.fl,.ft{position:absolute;box-sizing:border-box;margin:0}.ft{white-space:pre-wrap;overflow-wrap:break-word}.ft.nw{white-space:pre}img.fl{display:block;max-width:none;user-select:none}
.f-scroll{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;scroll-behavior:smooth}.f-scroll::-webkit-scrollbar{display:none}
.f-hotspot{position:absolute;z-index:5;border:0;padding:0;margin:0;background:transparent;cursor:pointer;border-radius:12px}.f-hotspot:focus-visible{outline:3px solid #2b6fd6}
.f-input{position:absolute;z-index:4;box-sizing:border-box;border:0;padding:0;margin:0;background:transparent;outline:0;resize:none}.f-input::placeholder{color:inherit;opacity:1}.f-input:focus::placeholder{opacity:.45}.f-input[aria-invalid=true]::placeholder{color:#d23a2a}
[data-action]{cursor:pointer}[data-action]:focus-visible{outline:3px solid #2b6fd6;outline-offset:2px}
.figma-modal{position:fixed;inset:0;z-index:70;background:#0b1320b3;display:flex;align-items:center;justify-content:center;overflow:auto;padding:16px;box-sizing:border-box}.figma-modal[hidden]{display:none}.figma-modal .figma-frame{position:relative;flex-shrink:0;border-radius:16px;box-shadow:0 24px 70px #0006}
.demo-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:100;max-width:calc(100% - 32px);padding:12px 20px;border-radius:24px;background:#171d25;color:#fff;font:13px/1.5 Manrope,system-ui,sans-serif;box-shadow:0 8px 24px #0004;text-align:center}
@media(max-width:600px){.demo-bar{padding:10px 14px;font-size:10px}.demo-bar span{font-size:9px;max-width:50%}}
@media(prefers-reduced-motion:reduce){.f-scroll{scroll-behavior:auto}}