.preset-bar{flex:0 auto;min-width:0;max-width:min(46vw,220px);position:relative;overflow:hidden}.preset-bar__scroll{scrollbar-width:none;-ms-overflow-style:none;scroll-padding-inline:12px;overflow:auto hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 14px calc(100% - 14px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 14px calc(100% - 14px),#0000 100%)}.preset-bar__scroll::-webkit-scrollbar{display:none}.preset-bar__track{align-items:center;gap:8px;width:max-content;padding:6px 12px;display:flex}.preset-swatch{cursor:pointer;appearance:none;border:none;border-radius:50%;flex:none;width:17px;height:17px;padding:0;transition:transform .16s,box-shadow .16s;box-shadow:inset 0 0 0 1px #ffffff29}.preset-swatch:hover{transform:scale(1.15)}.preset-swatch--active{transform:scale(1.1);box-shadow:0 0 0 2px #0000008c,0 0 0 3.5px #fff}.chrome{z-index:10;height:var(--frame-bottom);padding:0 clamp(18px, 3vw, 34px) max(0px, calc(env(safe-area-inset-bottom) - 8px));pointer-events:none;opacity:1;justify-content:space-between;align-items:center;gap:16px;transition:opacity .28s,transform .32s;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(0)}.chrome[data-immersive=true]{opacity:0;pointer-events:none;transform:translateY(100%)}.chrome[data-immersive=true] .chrome__left,.chrome[data-immersive=true] .chrome__right{pointer-events:none}.chrome__left,.chrome__right{pointer-events:auto;align-items:center;display:flex;position:relative}.chrome__left{flex:none;gap:14px;min-width:0}.chrome__logo{color:#fff;cursor:default;flex:none;width:auto;height:30px;margin-left:-5px;position:relative;top:-3px;overflow:visible}.chrome__logo .dream-logo__letter{transform-box:fill-box;transform-origin:50%}.chrome__logo:hover .dream-logo__letter{animation:1.6s both dream-logo-roll;animation-delay:calc(var(--letter-index,0) * 75ms)}@keyframes dream-logo-roll{0%{opacity:1;animation-timing-function:cubic-bezier(.37,0,.63,1);transform:translateY(0)}24%{opacity:0;animation-timing-function:step-end;transform:translateY(-45%)}29%{opacity:0;fill:var(--letter-color,currentColor);animation-timing-function:cubic-bezier(.37,0,.63,1);transform:translateY(60%)}47%{opacity:1;animation-timing-function:cubic-bezier(.37,0,.63,1);transform:translateY(-22%)}62%{fill:var(--letter-color,currentColor);animation-timing-function:cubic-bezier(.37,0,.63,1);transform:translateY(12%)}76%{fill:#fff;animation-timing-function:cubic-bezier(.37,0,.63,1);transform:translateY(-6%)}89%{animation-timing-function:cubic-bezier(.37,0,.63,1);transform:translateY(3%)}to{opacity:1;fill:#fff;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.chrome__logo:hover .dream-logo__letter{animation:none}}.chrome__status{flex-direction:column;gap:2px;min-width:0;display:flex}.chrome__count,.chrome__subtitle{color:#ffffff8c;white-space:nowrap;font:400 12px/1.2 ui-sans-serif,system-ui,-apple-system,sans-serif}.chrome__credit{color:inherit;border-bottom:1px dotted #ffffff73;text-decoration:none;transition:color .16s,border-bottom-color .16s}.chrome__credit:hover{color:#fff;border-bottom-color:#fffffff2}.chrome__right{flex:auto;justify-content:flex-end;gap:14px;min-width:0}.chrome__actions{flex:none;align-items:center;gap:4px;display:flex}.chrome__action{color:#ffffffd9;cursor:pointer;appearance:none;background:0 0;border:none;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;transition:background .16s,color .16s,transform .16s;display:grid}.chrome__action:hover{color:#fff;background:#ffffff1f}.chrome__action:active{transform:scale(.92)}.chrome__action[aria-pressed=true]{color:#fff;background:#ffffff29}@media (width<=720px){:root{--frame-bottom:104px}.chrome{flex-wrap:wrap;align-content:center;row-gap:6px}.chrome__left{flex:1 0 100%;justify-content:space-between}.chrome__status{text-align:right;align-items:flex-end}.chrome__right{flex:1 0 100%;justify-content:space-between}.preset-bar{flex:0 auto;max-width:none;margin-left:-6px}.preset-bar__track{padding-left:6px}.preset-bar__scroll{scroll-padding-inline:0;-webkit-mask-image:linear-gradient(90deg,#000 0 calc(100% - 14px),#0000 100%);mask-image:linear-gradient(90deg,#000 0 calc(100% - 14px),#0000 100%)}}@media (width<=480px){.chrome{padding:0 12px max(0px, calc(env(safe-area-inset-bottom) - 8px))}.chrome__logo{height:24px}.chrome__action{width:32px;height:32px}}.stage-frame{top:var(--frame-inset);left:var(--frame-inset);right:var(--frame-inset);bottom:var(--frame-bottom);border-radius:var(--frame-radius);pointer-events:none;z-index:5;transition:top .32s,left .32s,right .32s,bottom .32s,border-radius .32s;position:fixed;box-shadow:0 0 0 100vmax #1b1b1b}.stage-frame[data-immersive=true]{border-radius:0;inset:0}.immersive-exit{right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));z-index:11;color:#ffffffe6;cursor:pointer;-webkit-backdrop-filter:blur(12px)saturate(1.3);opacity:0;pointer-events:none;background:#14141680;border:none;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;transition:opacity .28s,transform .28s,background .16s;display:grid;position:fixed;transform:scale(.85);box-shadow:0 4px 18px #00000059}.immersive-exit[data-visible=true]{opacity:1;pointer-events:auto;transform:scale(1)}.immersive-exit:hover{color:#fff;background:#28282cb3}.immersive-exit:active{transform:scale(.92)}.code-overlay{top:var(--frame-inset);left:var(--frame-inset);right:var(--frame-inset);bottom:var(--frame-bottom);z-index:6;pointer-events:none;opacity:0;flex-direction:column;align-items:flex-start;gap:20px;padding:26px clamp(20px,4vw,48px) 26px calc(clamp(20px,4vw,48px) - 12px);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;transition:opacity .35s;display:flex;position:fixed;overflow:hidden}.code-overlay[data-visible=true]{opacity:1}.code-overlay__eq{color:#ffffffb8;font-size:14px;line-height:1.9}.code-overlay[data-visible=true] .code-overlay__eq{pointer-events:auto}.code-overlay__eqrow,.code-overlay__const{cursor:not-allowed}.code-overlay__eqrow{white-space:nowrap}.code-overlay__eq sub{font-size:.72em}.code-overlay__vals{color:#fff9;flex-wrap:wrap;gap:14px;margin-top:8px;font-size:12.5px;display:flex}.code-overlay__scrub{cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;border-bottom:1px dotted #ffffff73;display:inline-block}.code-overlay__scrub[data-dragging=true]{color:#fff;border-bottom-color:#fffffff2}.code-overlay__input{width:5ch;font:inherit;color:inherit;cursor:text;background:0 0;border:none;outline:none;padding:0}.code-overlay__input:focus{color:#fff}.code-overlay__scrub .code-overlay__input{border-bottom:none}.code-overlay__colors{color:#fff9;flex-wrap:wrap;gap:14px;margin-top:-12px;font-size:12.5px;display:flex}.code-overlay[data-visible=true] .code-overlay__colors{pointer-events:auto}.code-overlay__color{color:#ffffffd9;align-items:center;gap:6px;display:inline-flex}.code-overlay__swatch{border-radius:3px;width:10px;height:10px;box-shadow:inset 0 0 0 1px #ffffff40}.code-overlay__editor{overscroll-behavior:contain;scrollbar-width:none;flex:0 auto;align-self:stretch;min-height:0;padding-bottom:28px;display:grid;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 calc(100% - 28px),#0000);mask-image:linear-gradient(#000 calc(100% - 28px),#0000)}.code-overlay__editor::-webkit-scrollbar{display:none}.code-overlay[data-visible=true] .code-overlay__editor{pointer-events:auto}.code-overlay__code,.code-overlay__source{white-space:pre-wrap;overflow-wrap:break-word;background:0 0;border:none;grid-area:1/1;margin:0;padding:0;font-family:inherit;font-size:12px;line-height:1.6}.code-overlay__code{color:#ffffff9e}.code-overlay__editor[data-editing=true] .code-overlay__source{resize:none;color:#ffffff9e;caret-color:#fffffff2;outline:none;width:100%;min-height:100%;overflow:hidden}.code-overlay__source::selection{background:#ffffff40}.code-overlay__hl{color:#fff;background:#ffffff24;border-radius:3px;margin:0 -1px;padding:0 1px;box-shadow:0 0 0 1.5px #ffffffd9}.code-overlay__hl.code-overlay__scrub{cursor:ew-resize}@media (width<=640px){.code-overlay{gap:14px;padding:18px}.code-overlay__code,.code-overlay__source{font-size:10.5px}.code-overlay__eq{font-size:12px}}