.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}@media (width<=720px){.preset-swatch{width:22px;height:22px}.preset-bar__track{gap:10px}}.share-flash{z-index:60;pointer-events:none;background:#fff;animation:.5s ease-out forwards share-flash;position:fixed;inset:0}@keyframes share-flash{0%{opacity:.85}to{opacity:0}}.share-card{right:26px;bottom:calc(var(--frame-bottom) + 14px);z-index:30;-webkit-backdrop-filter:blur(14px)saturate(1.2);pointer-events:auto;background:#1b1b1be6;border-radius:24px;flex-direction:column;gap:10px;width:252px;padding:12px;animation:.32s cubic-bezier(.2,.9,.3,1.15) both share-card-in;display:flex;position:fixed;box-shadow:0 12px 40px #00000073,inset 0 0 0 .5px #ffffff1a}@keyframes share-card-in{0%{opacity:0;transform:translateY(14px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.share-card__preview{border-radius:14px;position:relative;overflow:hidden}.share-card__preview img{aspect-ratio:16/10;object-fit:cover;width:100%;display:block}.share-card__close{color:#fff;cursor:pointer;background:#0f0f11b8;border:none;border-radius:50%;place-items:center;width:30px;height:30px;padding:0;transition:background .16s;display:grid;position:absolute;top:8px;right:8px}.share-card__close:hover{background:#0f0f11e6}.share-card__btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:999px;height:40px;font:500 13px/1 ui-sans-serif,system-ui,-apple-system,sans-serif;transition:background .16s}.share-card__btn:hover{background:#ffffff2e}.share-card__btn:active{transform:scale(.98)}@media (width<=720px){.share-card{width:min(300px,100vw - 32px);left:50%;right:auto;translate:-50%}}.chat-card{right:26px;bottom:calc(var(--frame-bottom) + 14px + var(--kb-offset,0px));z-index:30;width:340px;max-height:calc(100vh - var(--kb-offset,0px) - var(--frame-bottom) - 14px - var(--frame-inset) - 14px);pointer-events:auto;flex-direction:column;gap:12px;padding:6px 0;animation:.32s cubic-bezier(.2,.9,.3,1.15) both chat-card-in;display:flex;position:fixed}.chat-card[data-keyboard=true]{bottom:calc(var(--kb-offset,0px) + 10px);max-height:calc(100vh - var(--kb-offset,0px) - 24px)}@keyframes chat-card-in{0%{opacity:0;transform:translateY(14px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.chat-card__list{scrollbar-width:thin;scrollbar-color:#ffffff2e transparent;overscroll-behavior:contain;flex-direction:column;flex:auto;gap:13px;min-height:120px;padding:4px 8px 2px 6px;display:flex;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000 0,#000 24px);mask-image:linear-gradient(#0000 0,#000 24px)}.chat-card[data-keyboard=true] .chat-card__list{min-height:48px}.chat-card__msg{color:#ffffffeb;overflow-wrap:break-word;text-shadow:0 1px 3px #00000073;margin:0;font:400 14px/1.45 ui-sans-serif,system-ui,-apple-system,sans-serif}.chat-card__msg--new{animation:.32s cubic-bezier(.2,.9,.3,1.1) chat-msg-in;overflow:hidden}@keyframes chat-msg-in{0%{opacity:0;max-height:0;transform:translateY(14px)}to{opacity:1;max-height:160px;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.chat-card__msg--new{animation:none}}.chat-card__msg-name{color:#ffffff8c}.chat-card__empty{color:#ffffff8c;text-shadow:0 1px 3px #00000073;margin:auto 0 0;font:400 13px/1.4 ui-sans-serif,system-ui,-apple-system,sans-serif}.chat-card__gate{flex-direction:column;gap:3px;padding:0 6px;display:flex}.chat-card__gate-title{color:#ffffffeb;text-shadow:0 1px 3px #00000073;margin:0;font:600 14px/1.3 ui-sans-serif,system-ui,-apple-system,sans-serif}.chat-card__gate-sub{color:#fff9;text-shadow:0 1px 3px #00000073;margin:0;font:400 12.5px/1.45 ui-sans-serif,system-ui,-apple-system,sans-serif}.chat-card__form{-webkit-backdrop-filter:blur(10px)saturate(1.2);background:#1b1b1b8c;border:1px solid #ffffff29;border-radius:999px;flex:none;align-items:center;gap:8px;padding:5px 5px 5px 18px;display:flex}.chat-card__input{color:#fff;background:0 0;border:none;outline:none;flex:auto;min-width:0;font:400 15px/1.2 ui-sans-serif,system-ui,-apple-system,sans-serif}.chat-card__input::placeholder{color:#fff6}.chat-card__send{color:#ffffff8c;cursor:pointer;background:#ffffff14;border:none;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;padding:0;transition:background .16s,color .16s;display:grid}.chat-card__send--ready{color:#171717;background:#fff}.chat-card__send:disabled{cursor:default}.chat-card__join{color:#ffffff8c;cursor:pointer;background:#ffffff14;border:none;border-radius:999px;flex:none;height:38px;padding:0 18px;font:600 14px/1 ui-sans-serif,system-ui,-apple-system,sans-serif;transition:background .16s,color .16s}.chat-card__join--ready{color:#171717;background:#fff}.chat-card__join:disabled{cursor:default}@media (width<=720px){.chat-card{width:min(340px,100vw - 32px);left:50%;right:auto;translate:-50%}}.info-card{right:26px;bottom:calc(var(--frame-bottom) + 14px);z-index:30;-webkit-backdrop-filter:blur(14px)saturate(1.2);pointer-events:auto;background:#1b1b1be6;border-radius:24px;flex-direction:column;gap:10px;width:300px;padding:12px;animation:.32s cubic-bezier(.2,.9,.3,1.15) both info-card-in;display:flex;position:fixed;box-shadow:0 12px 40px #00000073,inset 0 0 0 .5px #ffffff1a}@keyframes info-card-in{0%{opacity:0;transform:translateY(14px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.info-card__preview{border-radius:14px;overflow:hidden}.info-card__preview video{aspect-ratio:16/9;object-fit:cover;background:#000;width:100%;display:block}.info-card__blurb{color:#ffffffdb;margin:0;padding:0 6px;font:400 13px/1.55 ui-sans-serif,system-ui,-apple-system,sans-serif}.info-card__changelog{scrollbar-width:thin;scrollbar-color:#ffffff2e transparent;flex-direction:column;gap:6px;max-height:150px;padding:2px 6px 4px;display:flex;overflow-y:auto}.info-card__changelog-title{color:#ffffffeb;margin-bottom:2px;font:600 12px/1.2 ui-sans-serif,system-ui,-apple-system,sans-serif}.info-card__log{color:#ffffffdb;margin:0;font:400 13px/1.45 ui-sans-serif,system-ui,-apple-system,sans-serif}.info-card__log-date{color:#ffffff73}@media (width<=720px){.info-card{width:min(300px,100vw - 32px);left:50%;right:auto;translate:-50%}}.keys-card{right:26px;bottom:calc(var(--frame-bottom) + 14px);z-index:30;-webkit-backdrop-filter:blur(14px)saturate(1.2);pointer-events:auto;background:#1b1b1be6;border-radius:24px;flex-direction:column;gap:10px;width:260px;max-height:440px;padding:16px 16px 14px;animation:.32s cubic-bezier(.2,.9,.3,1.15) both keys-card-in;display:flex;position:fixed;box-shadow:0 12px 40px #00000073,inset 0 0 0 .5px #ffffff1a}@keyframes keys-card-in{0%{opacity:0;transform:translateY(14px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.keys-card__title{color:#ffffffeb;font:600 14px/1.2 ui-sans-serif,system-ui,-apple-system,sans-serif}.keys-card__list{scrollbar-width:thin;scrollbar-color:#ffffff2e transparent;flex-direction:column;gap:7px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.keys-card__row{align-items:center;gap:10px;display:flex}.keys-card__key{color:#ffffffeb;text-align:center;background:linear-gradient(#3d3d3f,#2c2c2e);border-radius:6px;flex:none;min-width:26px;padding:5px 7px 6px;font:600 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;transition:transform 60ms,box-shadow 60ms,background 60ms;transform:translateY(0);box-shadow:0 2.5px #151517,inset 0 1px #ffffff29,inset 0 0 0 .5px #ffffff24}.keys-card__key[data-pressed=true]{color:#fff;background:linear-gradient(#2a2a2c,#232325);transform:translateY(2.5px);box-shadow:0 0 #151517,inset 0 1px #ffffff14,inset 0 0 0 .5px #ffffff24}.keys-card__label{color:#ffffffb3;font:400 12.5px/1.3 ui-sans-serif,system-ui,-apple-system,sans-serif}@media (width<=720px){.keys-card{width:min(280px,100vw - 32px);max-height:min(440px, calc(100vh - var(--frame-bottom) - 40px));left:50%;right:auto;translate:-50%}}.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;max-width:520px;transition:max-width .35s,opacity .22s}.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,.chrome__logo--roll .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,.chrome__logo--roll .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:0;min-width:0}.chrome__divider{background:#ffffff38;flex:0 auto;width:.5px;height:20px;margin-left:4px;margin-right:10px;transition:flex-grow .35s,opacity .2s}.chrome__actions{flex:none;align-items:center;gap:4px;min-width:0;display:flex}.chrome__actions-group{opacity:0;visibility:hidden;pointer-events:none;align-items:center;gap:4px;max-width:0;transition:max-width .35s,opacity .22s,visibility 0s linear .35s;display:flex;overflow:hidden}.chrome[data-actions-expanded=true] .chrome__actions-group{opacity:1;visibility:visible;pointer-events:auto;max-width:640px;transition:max-width .35s,opacity .25s 80ms,visibility}.chrome[data-actions-expanded=true] .chrome__left{opacity:0;pointer-events:none;max-width:0;overflow:hidden}.chrome[data-actions-expanded=true] .chrome__divider{opacity:0;flex-grow:1}.chrome__actions-toggle[aria-expanded=true]{color:#fff;background:#ffffff29}.chrome__action{color:#c8c7c8;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{grid-template-columns:minmax(0,auto) minmax(0,1fr);grid-template-areas:"logo presets""status actions";align-content:center;align-items:center;gap:4px 12px;display:grid}.chrome__left,.chrome__right{display:contents}.chrome__logo{grid-area:logo;margin-left:0;top:0}.chrome__status{text-align:left;grid-area:status;align-items:flex-start}.chrome__actions{grid-area:actions;justify-self:end}.chrome__divider{display:none}.preset-bar{flex:0 auto;grid-area:presets;justify-self:end;max-width:100%}.preset-bar__track{padding-right:6px}.chrome__action{width:40px;height:40px}.preset-bar__scroll{scroll-padding-inline:0;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 14px 100%);mask-image:linear-gradient(90deg,#0000 0,#000 14px 100%)}.chrome[data-actions-expanded=true]{grid-template-columns:minmax(0,1fr);grid-template-areas:"presets""actions"}.chrome[data-actions-expanded=true] .chrome__logo,.chrome[data-actions-expanded=true] .chrome__status,.chrome__action--info,.chrome__action--keys{display:none}.chrome[data-actions-expanded=true] .preset-bar{justify-self:center}.chrome[data-actions-expanded=true] .chrome__actions{scrollbar-width:none;justify-content:safe center;justify-self:center;gap:2px;max-width:100%;overflow-x:auto}.chrome[data-actions-expanded=true] .chrome__actions::-webkit-scrollbar{display:none}}@media (width<=480px){.chrome{padding:0 12px max(0px, calc(env(safe-area-inset-bottom) - 8px))}.chrome__logo{height:24px}.chrome[data-actions-expanded=true] .chrome__action{width:36px;height:36px}}.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)}.tooltip{z-index:40;-webkit-backdrop-filter:blur(10px)saturate(1.25);color:#ffffffeb;white-space:nowrap;pointer-events:none;background:#1b1b1bd1;border-radius:999px;padding:6px 11px;font:400 11px/1 ui-sans-serif,system-ui,-apple-system,sans-serif;animation:.14s ease-out tooltip-in;position:fixed;transform:translate(-50%,calc(-100% - 21px));box-shadow:inset 0 0 0 .5px #ffffff1f}@keyframes tooltip-in{0%{opacity:0;transform:translate(-50%,calc(-100% - 17px))}to{opacity:1;transform:translate(-50%,calc(-100% - 21px))}}.canvas-text{z-index:4;text-align:center;white-space:nowrap;-webkit-text-stroke-width:10px;paint-order:stroke fill;caret-color:#fff;cursor:text;-webkit-user-select:text;user-select:text;touch-action:none;outline:none;padding:4px 10px;font:400 46px/1.25 Rubik Bubbles,Comic Sans MS,cursive;position:fixed;transform:translate(-50%,-50%)}.canvas-text::selection{background:var(--ct-fill,#fffffff0);color:var(--ct-outline,#1b1b1b)}.canvas-text[data-dragging=true]{cursor:grabbing;-webkit-user-select:none;user-select:none}.canvas-text:empty:before{content:"   "}.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__comment{color:#ffffff61;white-space:pre-line;-webkit-user-select:none;user-select:none;margin-bottom:-10px;font-size:12px;line-height:1.6}.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__font{color:#ffffffd9;font-size:13px}.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__code--sizer{visibility:hidden;pointer-events:none}.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,.code-overlay__comment{font-size:10.5px}.code-overlay__eq{font-size:12px}}