.atelier-app{isolation:isolate;background:var(--atelier-scene-wall);width:100%;height:100dvh;min-height:420px;color:var(--atelier-scene-ink);position:relative;overflow:hidden}.atelier-world{position:absolute;inset:0}.atelier-app .canvas-loading,.atelier-app .canvas-error{color:inherit}.atelier-icon{width:48px;height:48px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;padding:10px;transition:opacity .2s,transform .25s;display:inline-flex;position:relative}.atelier-icon:hover{color:inherit;opacity:.75;background:0 0;transform:translateY(-2px)}.atelier-icon:active{transform:scale(.9)}.atelier-icon svg{stroke-width:1.4px;width:27px;height:27px}.atelier-icon[aria-pressed=true]:after{content:"";background:currentColor;border-radius:50%;width:4px;height:4px;position:absolute;bottom:0;left:calc(50% - 2px)}.atelier-icon:disabled{opacity:.25;cursor:default}.atelier-app button:focus-visible,.atelier-app a:focus-visible,.atelier-app canvas:focus-visible{outline-offset:4px;outline:2px solid}.atelier-navigation{z-index:5;top:var(--chrome-safe-top);right:max(16px, var(--safe-right));gap:4px;display:flex;position:absolute}.atelier-navigation.is-quiet{opacity:.45}.atelier-navigation.is-quiet:hover,.atelier-navigation.is-quiet:focus-within{opacity:1}.atelier-utilities{z-index:5;top:calc(var(--chrome-safe-top) + 54px);right:max(16px, var(--safe-right));gap:8px;display:grid;position:absolute}.atelier-controls{z-index:3;bottom:calc(var(--chrome-safe-bottom) + 8px);left:max(20px, var(--safe-left));right:max(20px, var(--safe-right));pointer-events:none;justify-items:center;gap:10px;display:grid;position:absolute}.atelier-controls>*{pointer-events:auto}.atelier-actions{justify-content:space-between;align-items:center;width:100%;max-width:390px;display:flex}.atelier-actions .atelier-icon{width:54px;height:52px}.atelier-actions .kiln-action{color:inherit}.atelier-tool-disclosure{place-content:center;height:24px;display:grid}.atelier-tool-disclosure .atelier-icon{opacity:.6;height:32px}.atelier-tool-disclosure svg{width:19px;height:19px}.touch-invitation{z-index:2;pointer-events:none;width:58px;height:58px;position:absolute;top:51%;left:50%;transform:translate(-50%,-50%)}.touch-invitation b{background:var(--atelier-coral);box-shadow:0 0 24px var(--atelier-coral);border-radius:50%;position:absolute;inset:19px}.touch-invitation i{border:1px solid var(--atelier-coral);border-radius:50%;animation:2.8s ease-out infinite invite-touch;position:absolute;inset:8px}.touch-invitation i:nth-child(2){animation-delay:1.1s}.shape-invitation{z-index:2;pointer-events:none;justify-content:space-between;display:flex;position:absolute;top:42%;left:8%;right:8%}.shape-invitation svg{fill:none;width:35px;height:52px;stroke:var(--atelier-white);stroke-width:1.3px;opacity:.75;animation:3s ease-in-out infinite invite-shape}.shape-invitation svg:last-child{transform:scaleX(-1)}.flower-action{gap:12px;margin-bottom:10px;display:flex}.firing-symbols{flex-direction:column;align-items:center;gap:12px;display:flex}.kiln-progress{width:64px;height:64px;color:inherit;position:relative}.kiln-progress>svg:first-child{fill:none;stroke:currentColor;stroke-width:1.5px;width:64px;height:64px;transform:rotate(-90deg)}.kiln-progress circle:first-child{opacity:.2}.kiln-progress>svg:last-child{width:24px;height:24px;position:absolute;inset:20px}.atelier-spin{animation:1s linear infinite atelier-spin}.atelier-high-contrast .atelier-icon{opacity:1}.atelier-high-contrast .atelier-icon svg{stroke-width:2px}@keyframes invite-touch{0%{opacity:0;transform:scale(.5)}20%{opacity:.8}to{opacity:0;transform:scale(1.4)}}@keyframes invite-shape{0%,to{opacity:.3;translate:0}50%{opacity:.85;translate:5px 2px}}@keyframes atelier-spin{to{rotate:360deg}}@media (min-width:900px){.atelier-navigation{top:max(28px, var(--safe-top));right:max(32px, var(--safe-right))}.atelier-utilities{top:max(92px, calc(var(--safe-top) + 64px));right:max(32px, var(--safe-right))}.atelier-controls{width:310px;bottom:12%;left:auto;right:6%}.atelier-world,.atelier-app[data-phase=entry] .atelier-world{right:0}.shape-invitation{left:30%;right:30%}}@media (max-height:700px){.atelier-controls{bottom:var(--chrome-safe-bottom);gap:0}.atelier-navigation{top:max(16px, var(--safe-top))}.atelier-utilities{top:max(70px, calc(var(--safe-top) + 54px))}}@media (prefers-reduced-motion:reduce){.atelier-app *,.atelier-app :before,.atelier-app :after{transition:none!important;animation:none!important}}.atelier-app[data-reduced] *,.atelier-app[data-reduced] :before,.atelier-app[data-reduced] :after{transition:none!important;animation:none!important}.explore-invitation svg{animation:3s ease-in-out 3 explore-room}@keyframes explore-room{0%,to{opacity:.65;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.atelier-room-loading{z-index:3;color:var(--atelier-white);pointer-events:none;position:absolute;top:22%;right:24px}.atelier-room-loading svg{width:22px;height:22px;animation:1s linear infinite atelier-spin}.atelier-app[data-room=shelf],.atelier-app[data-room=color],.atelier-app[data-room=shelf] .atelier-icon:hover,.atelier-app[data-room=color] .atelier-icon:hover,.atelier-app[data-room=dinner] .atelier-navigation{color:var(--studio-ink)}.atelier-app:not([data-room=atelier]) .atelier-icon svg{filter:drop-shadow(0 1px 2px color-mix(in srgb, var(--atelier-white) 20%, transparent))}.atelier-icon.atelier-labeled{white-space:normal;text-align:center;width:auto;min-width:44px;height:auto;min-height:44px;padding:9px 10px;font-size:12px;line-height:1.3}.atelier-scene-colors{z-index:5;top:var(--chrome-safe-top);left:max(12px, var(--safe-left));display:flex;position:absolute}.atelier-scene-dot{cursor:pointer;place-items:center;width:40px;height:48px;display:grid}.atelier-scene-dot span{background:linear-gradient(135deg, var(--atelier-scene-wall) 50%, var(--atelier-scene-plinth) 50%);width:17px;height:17px;box-shadow:0 0 0 1px color-mix(in srgb, currentColor 20%, transparent);border-radius:50%;display:block}.atelier-scene-dot[aria-pressed=true] span{outline-offset:5px;outline:1px solid}.atelier-scene-dot:disabled{opacity:.35;cursor:default}.atelier-app .pigment-dish[aria-pressed=true]:after{border-color:var(--atelier-scene-ink)}@media (min-width:900px){.atelier-scene-colors{top:max(28px, var(--safe-top));left:max(24px, var(--safe-left))}}@media (max-height:700px){.atelier-scene-colors{top:max(16px, var(--safe-top))}}.atelier-publish{border-radius:var(--radius);background:var(--atelier-white);min-height:48px;color:var(--atelier-blue);cursor:pointer;box-shadow:0 4px 18px var(--atelier-shadow);justify-content:center;align-items:center;gap:9px;padding:12px 20px;font-size:14px;font-weight:600;display:inline-flex}.atelier-publish:disabled{opacity:.55;cursor:wait}.atelier-publish:focus-visible{outline:2px solid var(--atelier-white);outline-offset:4px}