.Demo-module__6gwcHq__page{background:var(--ll-bg);flex-direction:column;display:flex;position:fixed;inset:0}.Demo-module__6gwcHq__bar{border-bottom:1px solid var(--ll-track);flex:none;align-items:center;gap:24px;height:56px;padding:0 20px;display:flex}.Demo-module__6gwcHq__brand{color:var(--ll-ink);letter-spacing:-.03em;flex:none;align-items:center;gap:8px;font-size:18px;text-decoration:none;display:flex}.Demo-module__6gwcHq__brand svg{fill:currentColor;width:14px;height:18px}.Demo-module__6gwcHq__title{flex-direction:column;flex:1;min-width:0;line-height:1.2;display:flex}.Demo-module__6gwcHq__title strong{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:400;overflow:hidden}.Demo-module__6gwcHq__title span{color:var(--ll-ink-3);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.Demo-module__6gwcHq__actions{flex:none;align-items:center;gap:8px;display:flex}.Demo-module__6gwcHq__ghost,.Demo-module__6gwcHq__buy{letter-spacing:-.02em;white-space:nowrap;border-radius:999px;align-items:center;height:36px;padding:0 14px;font-size:14px;text-decoration:none;transition:background .15s,border-color .15s,filter .15s;display:inline-flex}.Demo-module__6gwcHq__ghost{color:var(--ll-ink);border:1px solid var(--ll-track)}.Demo-module__6gwcHq__ghost:hover{border-color:var(--ll-ink);background:var(--ll-surface)}.Demo-module__6gwcHq__buy{color:var(--ll-on-accent);background:var(--ll-accent)}.Demo-module__6gwcHq__buy:hover{filter:brightness(.95)}.Demo-module__6gwcHq__stage{background:var(--ll-surface);flex:1;justify-content:center;min-height:0;display:flex}.Demo-module__6gwcHq__frame{background:#fff;border:0;width:100%;height:100%;transition:width .25s}.Demo-module__6gwcHq__page:has(input[value=tablet]:checked) .Demo-module__6gwcHq__frame{width:820px;max-width:100%}.Demo-module__6gwcHq__page:has(input[value=phone]:checked) .Demo-module__6gwcHq__frame{width:390px;max-width:100%}.Demo-module__6gwcHq__widths{border:1px solid var(--ll-track);border-radius:999px;flex:none;gap:2px;margin:0;padding:2px;display:flex}.Demo-module__6gwcHq__widths label{width:32px;height:30px;color:var(--ll-ink-3);cursor:pointer;border-radius:999px;place-items:center;transition:background .15s,color .15s;display:grid;position:relative}.Demo-module__6gwcHq__widths label:hover{color:var(--ll-ink)}.Demo-module__6gwcHq__widths label:has(:checked){color:var(--ll-on-accent);background:var(--ll-ink)}.Demo-module__6gwcHq__widths input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.Demo-module__6gwcHq__widths label:has(:focus-visible){outline:2px solid var(--ll-accent);outline-offset:1px}.Demo-module__6gwcHq__widths svg{fill:none;stroke:currentColor;stroke-width:1.75px;width:16px;height:16px}.Demo-module__6gwcHq__widths span{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:640px){.Demo-module__6gwcHq__bar{gap:12px;padding:0 12px}.Demo-module__6gwcHq__brand span,.Demo-module__6gwcHq__title span,.Demo-module__6gwcHq__ghost,.Demo-module__6gwcHq__widths{display:none}}.Demo-module__6gwcHq__barWrap{border-bottom:1px solid var(--ll-track);flex:none;align-items:center;padding-right:12px;display:flex}.Demo-module__6gwcHq__barWrap .Demo-module__6gwcHq__bar{border-bottom:0;flex:1;min-width:0}.Demo-module__6gwcHq__close{width:36px;height:36px;color:var(--ll-ink-3);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;place-items:center;padding:0;transition:background .15s,color .15s;display:grid}.Demo-module__6gwcHq__close:hover{color:var(--ll-ink);background:var(--ll-surface)}.Demo-module__6gwcHq__close svg{fill:none;stroke:currentColor;stroke-width:1.75px;width:16px;height:16px}.Demo-module__6gwcHq__restore{z-index:60;height:36px;font:inherit;letter-spacing:-.02em;color:var(--ll-on-accent);background:var(--ll-accent);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;white-space:nowrap;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 14px 0 10px;font-size:13px;transition:transform .15s;display:flex;position:fixed;box-shadow:0 8px 24px #14131040}.Demo-module__6gwcHq__restore:hover{transform:scale(1.04)}.Demo-module__6gwcHq__restore svg{fill:currentColor;width:12px;height:15px}.Demo-module__6gwcHq__dragging{cursor:grabbing;transition:none;transform:scale(1.08)}.Demo-module__6gwcHq__page[data-dragging] .Demo-module__6gwcHq__frame{pointer-events:none}.Demo-module__6gwcHq__trash{z-index:59;width:80px;height:80px;color:var(--ll-bg);background:var(--ll-ink);opacity:.8;pointer-events:none;border-radius:50%;place-items:center;font-size:48px;line-height:1;transition:transform .15s,opacity .15s;display:grid;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.Demo-module__6gwcHq__trashOver{opacity:1;transform:translate(-50%)scale(1.35)}