@font-face{font-family:Phosphor;src:url(/assets/Phosphor-DtdjzkpE.woff2) format("woff2");font-display:block;font-style:normal;font-weight:400}@font-face{font-family:Phosphor-Duotone;src:url(/assets/Phosphor-Duotone-BOGiEKDk.woff2) format("woff2");font-display:block;font-style:normal;font-weight:400}.ph{display:inline-block;font-family:Phosphor!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-rendering:auto;text-transform:none;vertical-align:middle;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ph-duotone{display:inline-block;font-family:Phosphor-Duotone!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-rendering:auto;text-transform:none;vertical-align:middle;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ph-duotone.ph-buildings:before{content:"";opacity:.2}.ph-duotone.ph-buildings:after{content:"";margin-left:-1em}.ph-duotone.ph-cloud-sun:before{content:"";opacity:.2}.ph-duotone.ph-cloud-sun:after{content:"";margin-left:-1em}.ph-duotone.ph-mountains:before{content:"";opacity:.2}.ph-duotone.ph-mountains:after{content:"";margin-left:-1em}.ph-duotone.ph-snowflake:before{content:"";opacity:.2}.ph-duotone.ph-snowflake:after{content:"";margin-left:-1em}.ph-duotone.ph-sun-horizon:before{content:"";opacity:.2}.ph-duotone.ph-sun-horizon:after{content:"";margin-left:-1em}.ph-duotone.ph-tree-evergreen:before{content:"";opacity:.2}.ph-duotone.ph-tree-evergreen:after{content:"";margin-left:-1em}.ph-duotone.ph-waves:before{content:"";opacity:.2}.ph-duotone.ph-waves:after{content:"";margin-left:-1em}.ph-arrow-down:before{content:""}.ph-arrow-counter-clockwise:before{content:""}.ph-arrow-clockwise:before{content:""}.ph-arrow-left:before{content:""}.ph-arrow-right:before{content:""}.ph-arrow-u-up-left:before{content:""}.ph-arrow-up:before{content:""}.ph-arrow-up-right:before{content:""}.ph-arrows-clockwise:before{content:""}.ph-book-open:before{content:""}.ph-binoculars:before{content:""}.ph-buildings:before{content:""}.ph-camera:before{content:""}.ph-video-camera:before{content:""}.ph-corners-out:before{content:""}.ph-caret-down:before{content:""}.ph-caret-left:before{content:""}.ph-caret-up:before{content:""}.ph-check:before{content:""}.ph-check-circle:before{content:""}.ph-check-square:before{content:""}.ph-circle-notch:before{content:""}.ph-clock:before{content:""}.ph-cloud:before{content:""}.ph-cloud-check:before{content:""}.ph-compass:before{content:""}.ph-copy:before{content:""}.ph-device-mobile:before{content:""}.ph-download-simple:before{content:""}.ph-eye:before{content:""}.ph-eye-slash:before{content:""}.ph-eraser:before{content:""}.ph-export:before{content:""}.ph-floppy-disk:before{content:""}.ph-frame-corners:before{content:""}.ph-gear:before{content:""}.ph-hand-grabbing:before{content:""}.ph-images:before{content:""}.ph-instagram-logo:before{content:""}.ph-list:before{content:""}.ph-lightbulb:before{content:""}.ph-lock-open:before{content:""}.ph-lock:before{content:""}.ph-pen-nib:before{content:""}.ph-play:before{content:""}.ph-pause:before{content:""}.ph-path:before{content:""}.ph-rainbow:before{content:""}.ph-rainbow-cloud:before{content:""}.ph-share-network:before{content:""}.ph-shield-check:before{content:""}.ph-sparkle:before{content:""}.ph-speaker-high:before{content:""}.ph-speaker-slash:before{content:""}.ph-square:before{content:""}.ph-warning-circle:before{content:""}.ph-tiktok-logo:before{content:""}.ph-folder-open:before{content:""}.ph-info:before{content:""}.ph-minus:before{content:""}.ph-sun:before{content:""}.ph-trash:before{content:""}.ph-upload-simple:before{content:""}.ph-x:before{content:""}.ph-cloud-sun:before{content:""}.ph-moon-stars:before{content:""}.ph-snowflake:before{content:""}.ph-sun-horizon:before{content:""}.ph-wind:before{content:""}.ph-tree-evergreen:before{content:""}.ph-waves:before{content:""}.ph-paint-brush:before{content:""}.ph-mountains:before{content:""}.ph-infinity:before{content:""}.ph-farm:before{content:""}.ph-flower-lotus:before{content:""}.ph-island:before{content:""}.ph-hand:before{content:""}.ph-users:before{content:""}:root{--safe-area-top: var(--safe-area-inset-top, env(safe-area-inset-top, 0px));--safe-area-right: var(--safe-area-inset-right, env(safe-area-inset-right, 0px));--safe-area-bottom: var(--safe-area-inset-bottom, env(safe-area-inset-bottom, 0px));--safe-area-left: var(--safe-area-inset-left, env(safe-area-inset-left, 0px));font-family:Manrope,Noto Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:17px;line-height:1.55;color:#173b52;font-synthesis:none;text-rendering:optimizeLegibility}html:lang(ar){font-family:Noto Sans Arabic,Geeza Pro,Segoe UI,sans-serif}html:lang(ja){font-family:Noto Sans JP,Hiragino Sans,Yu Gothic UI,sans-serif}html:lang(zh){font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif}html:lang(hi){font-family:Noto Sans Devanagari,Kohinoor Devanagari,Nirmala UI,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none;background:#65b8e7}button{font:inherit;touch-action:manipulation}.persistence-alert{position:fixed;z-index:120;top:max(14px,var(--safe-area-top));left:50%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:min(620px,calc(100vw - 28px));padding:12px 14px;color:#5b3820;background:#fff7e2fa;border:1px solid rgba(154,100,35,.3);border-radius:18px;box-shadow:0 18px 54px #3226133d;transform:translate(-50%);-webkit-user-select:text;user-select:text}.persistence-alert-icon{display:grid;width:34px;height:34px;place-items:center;color:#9a6423;background:#ffffffb3;border-radius:11px;font-size:20px}.persistence-alert p{margin:0;font-size:12px;line-height:1.45}.persistence-alert p strong,.persistence-alert-message{display:block}.persistence-alert-message{margin-top:2px;color:#5b3820c2}.persistence-alert-action{white-space:nowrap}.action-button:disabled,.clear-button:disabled{cursor:default;opacity:.36;pointer-events:none}.paint-clouds-app{--display-font: "Fraunces Variable", Georgia, serif;--inspection-control-top: max(22px, var(--safe-area-top));position:relative;isolation:isolate;width:100%;height:100%;min-height:420px;overflow:hidden;-webkit-user-select:none;user-select:none}.sky-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;cursor:none;touch-action:none}.sky-canvas.is-paint-target{cursor:none}.sky-canvas.is-panning{cursor:grabbing}.app-header{position:absolute;z-index:9;top:max(22px,var(--safe-area-top));left:max(26px,var(--safe-area-left));right:max(26px,var(--safe-area-right));display:flex;align-items:center;justify-content:flex-end;pointer-events:none}.header-actions{display:flex;align-items:center;gap:10px;pointer-events:auto}.interface-menu-shell{position:relative}.interface-menu{position:absolute;z-index:10;top:calc(100% + 9px);right:0;display:grid;width:min(300px,calc(100vw - var(--safe-area-left) - var(--safe-area-right) - 88px));gap:4px;padding:7px;border:1px solid rgba(255,255,255,.58);border-radius:18px;background:#eff9fdf0;box-shadow:0 18px 46px #133d5438,inset 0 1px #ffffffc7;backdrop-filter:blur(22px) saturate(1.22);-webkit-backdrop-filter:blur(22px) saturate(1.22)}.interface-menu[hidden]{display:none}.interface-menu-item{display:grid;width:100%;min-height:56px;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;padding:7px 10px;border:0;border-radius:13px;color:#173d52c7;background:transparent;cursor:pointer;text-align:start}.interface-menu-item:hover,.interface-menu-item:focus-visible{color:#17445d;background:#ffffffb8}.interface-menu-item:focus-visible{outline:2px solid rgba(24,101,145,.42);outline-offset:-2px}.interface-menu-item>.ph{font-size:22px;text-align:center}.interface-menu-item>span{display:grid;gap:2px}.interface-menu-item strong{font-size:15px}.interface-menu-item small{color:#1941578a;font-size:12px;line-height:1.4}.experience-menu-button{margin-bottom:3px;color:#1f6687;background:#ceebf77a}.experience-menu-button>.ph{color:#2c7b9e}.header-button{display:flex;height:44px;align-items:center;justify-content:center;gap:7px;padding:0 12px;border:1px solid rgba(255,255,255,.48);border-radius:14px;color:#173d52b8;background:#f2fafd8f;box-shadow:0 8px 24px #1c4d681a,inset 0 1px #ffffffb3;backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);cursor:pointer;font-size:11px;font-weight:680;transition:color .16s ease,background .16s ease,transform .16s ease}.header-button>.ph{flex:0 0 auto;font-size:20px}.header-button:hover{color:#173d53;background:#ffffffbd}.header-button:active{transform:scale(.96)}.header-button:focus-visible{outline:2px solid rgba(24,101,145,.55);outline-offset:2px}.header-actions .top-controls-toggle{width:44px;min-width:44px;padding:0}.header-button[aria-expanded=true]{color:#175e7e;background:#ffffffc7}.header-button-label{white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}.ui-button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:8px;padding:0 15px;border:1px solid transparent;border-radius:14px;cursor:pointer;font-size:13px;font-weight:720;letter-spacing:-.01em;transition:transform .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease}.ui-button>.ph{flex:0 0 auto;font-size:18px}.ui-button:hover:not(:disabled){transform:translateY(-1px)}.ui-button:active:not(:disabled){transform:scale(.98)}.ui-button:focus-visible,.studio-close:focus-visible{outline:3px solid rgba(33,113,156,.32);outline-offset:2px}.ui-button:disabled{cursor:wait;opacity:.5}.ui-button-primary{color:#f8fdff;background:linear-gradient(135deg,#23779e,#185e82);box-shadow:0 9px 22px #165e813d,inset 0 1px #ffffff3d}.ui-button-danger{color:snow;background:linear-gradient(135deg,#b94d50,#92363c);box-shadow:0 9px 22px #7d2a2f3d,inset 0 1px #fff3}.ui-button-secondary,.ui-button-quiet,.ui-button-icon{border-color:#34759624;color:#236684;background:#ffffffa3;box-shadow:inset 0 1px #ffffffc7}.ui-button-quiet{background:#f6fcff6b}.ui-button-icon{width:44px;padding:0}.cloud-symbol{position:relative;display:block;width:31px;height:19px}.cloud-symbol i{position:absolute;display:block;border-radius:50%;background:currentColor}.cloud-symbol i:nth-child(1){bottom:1px;left:1px;width:14px;height:12px}.cloud-symbol i:nth-child(2){bottom:1px;left:9px;width:16px;height:18px}.cloud-symbol i:nth-child(3){right:0;bottom:1px;width:14px;height:11px}.paint-hint{position:absolute;z-index:4;top:calc(var(--inspection-control-top) + 110px);left:50%;display:flex;align-items:center;gap:10px;width:clamp(340px,32vw,500px);max-width:calc(100% - 620px);min-height:44px;padding:8px 10px 8px 8px;border:1px solid rgba(255,255,255,.48);border-radius:18px;color:#19445cb8;background:#f2fafd94;box-shadow:0 12px 36px #1c4d681f,inset 0 1px #ffffffb8;backdrop-filter:blur(18px) saturate(1.25);-webkit-backdrop-filter:blur(18px) saturate(1.25);cursor:pointer;font-size:12px;font-weight:580;letter-spacing:-.005em;transform:translate(-50%);transition:opacity .36s ease,transform .36s ease,visibility .36s}.paint-hint.is-hidden{visibility:hidden;opacity:0;pointer-events:none;transition:visibility .18s,opacity .18s ease;transform:translate(-50%,-8px)}.paint-hint:focus-visible{outline:2px solid rgba(24,101,145,.55);outline-offset:2px}.info-symbol{display:grid;width:28px;height:28px;flex:0 0 28px;place-items:center;border:1px solid rgba(255,255,255,.62);border-radius:50%;color:#1c5775b8;background:#ffffff75;font-family:Georgia,serif;font-size:14px;font-style:italic;font-weight:700}.hint-copy{line-height:1.35;text-align:left}.hint-dismiss{display:grid;width:28px;height:28px;flex:0 0 28px;place-items:center;color:#19445c75;font-size:17px}.time-control{position:absolute;z-index:7;top:var(--inspection-control-top);left:50%;display:grid;width:clamp(400px,38vw,560px);max-width:calc(100% - 620px);min-height:44px;grid-template-columns:22px 62px minmax(0,1fr) 100px;align-items:center;gap:8px;padding:0 12px;border:1px solid rgba(255,255,255,.42);border-radius:15px;color:#173d52b8;background:#f2fafd94;box-shadow:0 8px 24px #1c4d681a,inset 0 1px #ffffffad;-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);transform:translate(-50%);transition:opacity .22s ease,transform .26s ease,visibility .22s,background .3s ease,color .3s ease}.time-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.celestial-symbol{color:#eaa940;font-size:18px;line-height:1;text-align:center;text-shadow:0 0 9px rgba(255,201,96,.55)}.cloud-light-toggle{display:grid;place-items:center;min-width:0;min-height:36px;height:36px;padding:0;border:1px solid rgba(44,92,117,.2);border-radius:9px;color:inherit;background:#ffffff61;font-size:22px;cursor:pointer}.cloud-light-toggle:hover{background:#ffffff9e}.cloud-light-toggle:focus-visible{outline:2px solid rgba(24,101,145,.55);outline-offset:2px}.time-control input{width:100%;height:24px;margin:0;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;touch-action:none}.time-control input::-webkit-slider-runnable-track{height:5px;border-radius:999px;background:linear-gradient(90deg,#172448,#c46e76 23%,#8bc9eb 34% 66%,#df754f 77%,#172448)}.time-control input::-webkit-slider-thumb{width:18px;height:18px;margin-top:-7px;-webkit-appearance:none;appearance:none;border:2px solid rgba(255,255,255,.95);border-radius:50%;background:#f8c760;box-shadow:0 1px 5px #193d5257}.time-control input::-moz-range-track{height:5px;border:0;border-radius:999px;background:linear-gradient(90deg,#172448,#c46e76 23%,#8bc9eb 34% 66%,#df754f 77%,#172448)}.time-control input::-moz-range-thumb{width:16px;height:16px;border:2px solid rgba(255,255,255,.95);border-radius:50%;background:#f8c760;box-shadow:0 1px 5px #193d5257}.time-control input:focus-visible{outline:2px solid rgba(24,101,145,.55);outline-offset:3px;border-radius:8px}.time-value{width:100px;min-width:0;font-size:10px;font-weight:680;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.paint-clouds-app[data-time-phase=night] .time-control{color:#dfe8ffd1;background:#141d379e}.paint-clouds-app[data-time-phase=night] .celestial-symbol{color:#dbe5ff;text-shadow:0 0 10px rgba(172,198,255,.65)}.paint-clouds-app[data-time-phase=night] .cloud-light-toggle{border-color:#dce8ff3d;background:#dbe5ff1a}.speed-control{position:absolute;z-index:7;top:calc(var(--inspection-control-top) + 56px);left:50%;display:grid;width:clamp(340px,32vw,500px);max-width:calc(100% - 620px);min-height:46px;grid-template-columns:20px minmax(94px,auto) minmax(86px,1fr) 34px 26px;align-items:center;gap:8px;padding:0 9px 0 11px;border:1px solid rgba(255,255,255,.46);border-radius:16px;color:#173d52a8;background:#f2fafd94;box-shadow:0 9px 26px #1c4d681a,inset 0 1px #ffffffb3;backdrop-filter:blur(18px) saturate(1.18);-webkit-backdrop-filter:blur(18px) saturate(1.18);transform:translate(-50%);transition:opacity .22s ease,transform .26s ease,visibility .22s}.speed-control>.ph{color:#235f7eb8;font-size:17px}.speed-copy{display:grid;min-width:0;gap:1px}.speed-control label,.speed-value,.speed-layer{font-size:9px;font-weight:680;white-space:nowrap}.speed-control label{color:#245f7c;font-size:10px}.speed-layer{overflow:hidden;color:#1b48608f;font-size:8px;font-weight:560;text-overflow:ellipsis}.speed-control input{width:100%;height:24px;margin:0;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;touch-action:none}.speed-control input::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:#2b638033}.speed-control input::-webkit-slider-thumb{width:16px;height:16px;margin-top:-6px;-webkit-appearance:none;appearance:none;border:2px solid rgba(255,255,255,.94);border-radius:50%;background:#4b91b1;box-shadow:0 1px 5px #1949623d}.speed-control input::-moz-range-track{height:4px;border:0;border-radius:999px;background:#2b638033}.speed-control input::-moz-range-thumb{width:12px;height:12px;border:2px solid rgba(255,255,255,.94);border-radius:50%;background:#4b91b1}.speed-reset{display:grid;width:26px;height:26px;padding:0;border:0;border-radius:50%;place-items:center;color:#2b708e;background:#ffffff6b;cursor:pointer;transition:color .16s ease,background .16s ease,transform .16s ease,opacity .16s ease}.speed-reset span{font-size:16px;line-height:1;transform:translateY(-.5px)}.speed-reset:hover:not(:disabled){color:#174f6a;background:#ffffffb8}.speed-reset:active:not(:disabled){transform:scale(.92)}.speed-reset:focus-visible{outline:2px solid rgba(24,101,145,.55);outline-offset:2px}.speed-reset:disabled{cursor:default;opacity:.3}.paint-clouds-app[data-time-phase=night] .speed-control{color:#dfe8ffc7;background:#141d3780}.paint-clouds-app[data-time-phase=night] .speed-control label{color:#dfe8ffe6}.paint-clouds-app[data-time-phase=night] .speed-layer{color:#d2e1f89e}.paint-clouds-app[data-time-phase=night] .speed-reset{color:#b7d7f1db;background:#ffffff14}.performance-diagnostics{pointer-events:none;position:absolute;z-index:20;top:max(82px,calc(var(--safe-area-top) + 70px));left:max(20px,var(--safe-area-left));max-width:calc(100% - 40px);padding:8px 11px;border:1px solid rgba(255,255,255,.42);border-radius:10px;color:#143b50;background:#eff9fdc7;box-shadow:0 8px 24px #19486124;font:600 11px/1.35 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.developer-performance-panel{position:absolute;z-index:16;top:max(78px,calc(var(--safe-area-top) + 68px));left:max(16px,var(--safe-area-left));width:min(390px,calc(100% - 32px));max-height:calc(100dvh - max(96px,calc(var(--safe-area-top) + 84px)) - var(--safe-area-bottom));overflow:auto;padding:12px;border:1px solid rgba(190,226,241,.3);border-radius:18px;color:#eefaff;background:#0c2330e6;box-shadow:0 18px 50px #05172157;backdrop-filter:blur(16px) saturate(1.1);-webkit-backdrop-filter:blur(16px) saturate(1.1);-webkit-user-select:text;user-select:text}.developer-performance-panel[hidden]{display:none}.developer-performance-header,.developer-performance-actions,.developer-performance-primary{display:flex;align-items:center}.developer-performance-header{justify-content:space-between;gap:10px}.developer-performance-header>div:first-child{display:grid;gap:1px}.developer-performance-kicker{color:#8fcce5;font-size:8px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.developer-performance-header strong{font-size:15px}.developer-performance-actions{gap:5px}.developer-performance-actions button{display:inline-flex;min-height:34px;align-items:center;justify-content:center;gap:5px;padding:0 9px;border:1px solid rgba(178,222,240,.18);border-radius:10px;color:#dff5ff;background:#d3f1fd14;cursor:pointer;font-size:9px;font-weight:700}.developer-performance-actions [data-performance-close]{width:34px;padding:0}.developer-performance-primary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:11px}.developer-performance-primary>div{display:grid;min-width:0;gap:2px;padding:9px 5px;border-radius:12px;background:#c1e7f714;text-align:center}.developer-performance-primary strong{overflow:hidden;font:750 14px/1.1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-overflow:ellipsis;white-space:nowrap}.developer-performance-primary span,.developer-performance-grid dt{color:#cce8f494;font-size:8px;font-weight:650}.developer-performance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px 12px;margin:10px 0 0}.developer-performance-grid>div{min-width:0;padding:7px 2px;border-bottom:1px solid rgba(190,226,241,.1)}.developer-performance-grid dt,.developer-performance-grid dd{margin:0}.developer-performance-grid dd{margin-top:2px;overflow-wrap:anywhere;font:650 10px/1.35 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.developer-performance-grid .developer-performance-wide{grid-column:1 / -1}.developer-performance-note{margin:10px 2px 0;color:#d0ebf6a3;font-size:9px;line-height:1.4}.paint-clouds-app.is-photo-mode .developer-performance-panel{display:none}.paint-clouds-app.are-top-controls-hidden .header-actions>:not(.top-controls-toggle),.paint-clouds-app.are-top-controls-hidden .time-control,.paint-clouds-app.are-top-controls-hidden .speed-control,.paint-clouds-app.are-top-controls-hidden .paint-hint{visibility:hidden;opacity:0;pointer-events:none}.paint-clouds-app.are-top-controls-hidden .time-control,.paint-clouds-app.are-top-controls-hidden .speed-control{transform:translate(12px) scale(.96)}.paint-clouds-app.are-top-controls-hidden .time-control{transform:translate(-50%,-8px) scale(.96)}.toolbar{position:absolute;z-index:10;bottom:max(24px,calc(var(--safe-area-bottom) + 12px));left:50%;display:flex;height:62px;align-items:center;gap:8px;padding:7px;border:1px solid rgba(255,255,255,.4);border-radius:21px;background:#f2fafdb8;box-shadow:0 16px 44px #1e516c2e,inset 0 1px #ffffffb8;-webkit-backdrop-filter:blur(18px) saturate(1.25);backdrop-filter:blur(18px) saturate(1.25);transform:translate(-50%);transition:visibility .18s,opacity .18s ease,transform .22s ease}.paint-clouds-app.are-painting-controls-hidden .toolbar{visibility:hidden;opacity:0;pointer-events:none;transform:translate(-50%,calc(100% + 48px))}.toolbar-collapse-toggle{position:absolute;z-index:8;bottom:max(82px,calc(var(--safe-area-bottom) + 70px));left:50%;display:grid;width:42px;height:28px;padding:0;border:1px solid rgba(255,255,255,.44);border-radius:12px 12px 8px 8px;place-items:center;color:#173d52b3;background:#f2fafdc2;box-shadow:0 8px 22px #1e516c29,inset 0 1px #ffffffb8;backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);cursor:pointer;transform:translate(-50%);transition:bottom .22s ease,color .16s ease,background .16s ease,transform .16s ease}.toolbar-collapse-toggle:hover{color:#173d53;background:#ffffffd6}.toolbar-collapse-toggle:active{transform:translate(-50%) scale(.94)}.toolbar-collapse-toggle:focus-visible{outline:2px solid rgba(24,101,145,.55);outline-offset:2px}.toolbar-collapse-icon,.top-controls-icon{font-size:17px}.clean-canvas-toggle{position:absolute;z-index:9;top:calc(var(--safe-area-top) + 6px);right:calc(var(--safe-area-right) + 6px);display:grid;place-items:center;width:44px;height:44px;padding:6px;border:0;border-radius:50%;color:#eaf7ff;background:transparent;cursor:pointer}.clean-canvas-toggle .ph{display:grid;place-items:center;width:32px;height:32px;border:1px solid #ffffff40;border-radius:50%;font-size:16px;background:#244d6538}.clean-canvas-toggle:hover .ph{background:#244d6570}.clean-canvas-toggle:focus-visible{outline:2px solid #eaf7ff;outline-offset:-2px}.is-clean-canvas .clean-canvas-toggle{opacity:.45}.is-clean-canvas .clean-canvas-toggle:is(:hover,:focus-visible){opacity:1}.has-modal-guidance .clean-canvas-toggle,.is-photo-mode .clean-canvas-toggle{visibility:hidden}.is-clean-canvas>:not(.sky-canvas,.clean-canvas-toggle,.brush-cursor),.is-clean-canvas>:not(.sky-canvas,.clean-canvas-toggle,.brush-cursor) *{visibility:hidden!important;pointer-events:none!important;transition:none!important}.paint-clouds-app.are-painting-controls-hidden .toolbar-collapse-toggle{bottom:max(8px,calc(var(--safe-area-bottom) + 6px));border-radius:10px 10px 14px 14px}.tool-button,.icon-button,.clear-button{height:48px;border:0;color:#173d52b8;background:transparent;cursor:pointer;transition:color .16s ease,background .16s ease,transform .16s ease}.tool-button:hover,.icon-button:hover,.clear-button:hover{color:#173d53;background:#ffffff8a}.tool-button:active,.icon-button:active,.clear-button:active{transform:scale(.95)}.tool-button:focus-visible,.icon-button:focus-visible,.clear-button:focus-visible{outline:2px solid rgba(24,101,145,.55);outline-offset:2px}.cloud-tool{display:flex;min-width:190px;align-items:center;justify-content:center;gap:9px;padding:0 14px;border-radius:15px}.cloud-tool.is-active{color:#225f7e;background:#ffffff9e;box-shadow:0 2px 10px #1b4d6814}.cloud-brush-thumb{display:block;width:32px;height:32px;flex:0 0 32px;border:1px solid rgba(255,255,255,.72);border-radius:10px;object-fit:cover;box-shadow:0 3px 10px #17445b24,inset 0 1px #ffffffbf}.cloud-picker,.diorama-picker{position:relative}.diorama-tool{display:flex;min-width:105px;align-items:center;justify-content:center;gap:8px;padding:0 12px;border-radius:15px}.diorama-tool.is-active{color:#225f7e;background:#ffffff9e;box-shadow:0 2px 10px #1b4d6814}.cloud-tool-copy{display:grid;min-width:0;gap:1px;text-align:left}.paint-clouds-app.are-top-controls-hidden .speed-control{transform:translate(-50%,-8px) scale(.96)}.environment-icon{display:inline-block;width:32px;height:32px;flex:0 0 32px;box-sizing:border-box;border:1px solid rgba(255,255,255,.68);border-radius:10px;color:var(--environment-icon-color, #26789c);background:var(--environment-icon-background, linear-gradient(145deg, rgba(255, 255, 255, .76), rgba(206, 235, 244, .76)));box-shadow:inset 0 1px #ffffffbd,0 3px 9px #1a4f691f;font-size:22px;line-height:30px;text-align:center}.environment-icon[data-environment=open-sky],.diorama-option[data-diorama=open-sky]{--environment-icon-color: #277ba8;--environment-icon-background: linear-gradient(145deg, #eefaff, #bfe7f5)}.environment-icon[data-environment=austrian-alps],.diorama-option[data-diorama=austrian-alps]{--environment-icon-color: #397a73;--environment-icon-background: linear-gradient(145deg, #f2faf5, #c9e3d8)}.environment-icon[data-environment=new-york],.diorama-option[data-diorama=new-york]{--environment-icon-color: #506f82;--environment-icon-background: linear-gradient(145deg, #f0f6f8, #cbdce3)}.environment-icon[data-environment=scottish-highlands],.diorama-option[data-diorama=scottish-highlands]{--environment-icon-color: #5b7250;--environment-icon-background: linear-gradient(145deg, #f5f7ed, #d7dfbd)}.environment-icon[data-environment=ocean-cliffs],.diorama-option[data-diorama=ocean-cliffs]{--environment-icon-color: #167c9c;--environment-icon-background: linear-gradient(145deg, #eafafa, #bce5e6)}.environment-icon[data-environment=desert-canyon],.diorama-option[data-diorama=desert-canyon]{--environment-icon-color: #b35d3f;--environment-icon-background: linear-gradient(145deg, #fff6e8, #f3c991)}.environment-icon[data-environment=arctic-fjord],.diorama-option[data-diorama=arctic-fjord]{--environment-icon-color: #3c7fa2;--environment-icon-background: linear-gradient(145deg, #f5fcff, #cfeaf2)}.environment-icon[data-environment=tropical-island],.diorama-option[data-diorama=tropical-island]{--environment-icon-color: #168b83;--environment-icon-background: linear-gradient(145deg, #f0fff9, #bdebd8)}.environment-icon[data-environment=great-plains-farm],.diorama-option[data-diorama=great-plains-farm]{--environment-icon-color: #8b7137;--environment-icon-background: linear-gradient(145deg, #fffbea, #ead89a)}.top-controls-toggle{width:40px;padding:0}.mountain-symbol{position:relative;width:27px;height:20px;flex:0 0 27px}.mountain-symbol i{position:absolute;bottom:1px;display:block;background:currentColor;clip-path:polygon(50% 0,100% 100%,0 100%)}.mountain-symbol i:first-child{left:0;width:20px;height:16px;opacity:.6}.mountain-symbol i:last-child{right:0;width:20px;height:20px}.mountain-symbol.is-new-york i{bottom:1px;width:9px;background:currentColor;clip-path:none}.mountain-symbol.is-new-york i:first-child{left:4px;height:14px}.mountain-symbol.is-new-york i:last-child{right:4px;height:20px}.mountain-symbol.is-open-sky i{width:17px;height:8px;border-radius:999px;clip-path:none}.mountain-symbol.is-open-sky i:first-child{left:1px;bottom:3px}.mountain-symbol.is-open-sky i:last-child{right:1px;bottom:9px;opacity:.72}.mountain-symbol.is-ocean-cliffs i:first-child{left:0;width:15px;height:19px;clip-path:polygon(0 0,100% 25%,72% 100%,0 100%)}.mountain-symbol.is-ocean-cliffs i:last-child{right:0;bottom:2px;width:14px;height:5px;border-radius:999px;clip-path:none;opacity:.64}.menu-chevron{margin-top:2px;color:#1c4c6573;font-size:12px}.cloud-menu,.diorama-menu{position:absolute;bottom:calc(100% + 13px);left:0;display:grid;width:min(280px,calc(100vw - var(--safe-area-left) - var(--safe-area-right) - 24px));gap:4px;padding:6px;border:1px solid rgba(255,255,255,.5);border-radius:19px;background:#f2fafde0;box-shadow:0 18px 48px #1e516c38,inset 0 1px #ffffffc7;-webkit-backdrop-filter:blur(20px) saturate(1.2);backdrop-filter:blur(20px) saturate(1.2)}.cloud-menu{max-height:min(68dvh,520px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.diorama-menu{max-height:min(72dvh,620px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.cloud-menu[hidden],.diorama-menu[hidden]{display:none}.cloud-group-label{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:5px 7px 1px;padding-top:7px;border-top:1px solid rgba(38,85,108,.1);color:#184c66bd;font-size:12px;font-weight:760;letter-spacing:.09em;text-transform:uppercase}.cloud-group-label:first-child{margin-top:1px;padding-top:3px;border-top:0}.cloud-group-label small{color:#235b758a;font-size:11px;font-weight:650;letter-spacing:.04em}.cloud-option,.diorama-option{display:grid;min-height:58px;grid-template-columns:48px 1fr 18px;align-items:center;gap:10px;padding:6px;border:0;border-radius:14px;color:#173d52b8;background:transparent;cursor:pointer;text-align:start}.cloud-option:hover,.cloud-option.is-selected,.diorama-option:hover,.diorama-option.is-selected{color:#173d53;background:#ffffffad}.cloud-option.is-selected{box-shadow:inset 0 0 0 1px #317ea21f,0 5px 14px #265c7714}.cloud-option:focus-visible,.diorama-option:focus-visible{outline:2px solid rgba(24,101,145,.55);outline-offset:-1px}.cloud-option>span:nth-child(2),.diorama-option>span:nth-child(2){display:grid;gap:3px}.cloud-option strong,.diorama-option strong{font-size:14px;font-weight:680}.cloud-option small,.diorama-option small{color:#1b4860a3;font-size:12px;line-height:1.4;font-weight:560;letter-spacing:.02em}.cloud-swatch,.diorama-swatch{display:block;width:48px;height:42px;overflow:hidden;border:1px solid rgba(255,255,255,.6);border-radius:11px;box-shadow:inset 0 0 0 1px #26556c0f}.diorama-swatch{display:grid;place-items:center;border-color:#ffffffbd;color:var(--environment-icon-color);background:var(--environment-icon-background);box-shadow:inset 0 1px #ffffffd1,0 5px 12px #1b4d651a}.diorama-option-icon{font-size:28px;transition:transform .18s cubic-bezier(.2,.8,.2,1)}.diorama-option:hover .diorama-option-icon,.diorama-option.is-selected .diorama-option-icon{transform:translateY(-1px) scale(1.06)}.diorama-option.is-selected{box-shadow:inset 0 0 0 1px #317ea21f,0 5px 14px #265c7714}.brush-presets{flex:0 0 44px}.brush-presets>summary{display:grid;place-items:center;width:44px;min-height:44px;cursor:pointer;list-style:none;color:#235f7e;font-size:20px}.brush-presets>summary::-webkit-details-marker{display:none}.brush-presets-panel{position:absolute;bottom:calc(100% + 14px);right:0;width:min(260px,calc(100vw - 28px));padding:16px;border:1px solid rgba(255,255,255,.85);border-radius:18px;color:#173d53;background:#edf6fa;box-shadow:0 12px 32px #173d5330}.brush-presets-panel strong{display:grid;gap:4px;font-size:14px}.brush-size-value{color:#38637a;font-size:12px;font-weight:500}.brush-presets-panel>div{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:12px}.brush-presets-panel button{min-height:44px;border:1px solid #bad2de;border-radius:10px;color:#173d53;background:#fff;cursor:pointer}.brush-presets-panel p{margin:12px 0 0;font-size:12px;line-height:1.5}.brush-presets :focus-visible,.shape-coach :focus-visible,.shape-guide-option:focus-visible{outline:2px solid #23749b;outline-offset:2px}.shape-guide{margin:20px 0 28px;padding:20px;border:1px solid #d2e3eb;border-radius:20px;background:#f4f9fc}.shape-guide h2{margin:6px 0;font-size:23px}.shape-guide p{margin:8px 0 16px;line-height:1.6;color:#38637a}.shape-guide-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.shape-guide-options[hidden],.shape-guide-locked[hidden]{display:none}.shape-guide-locked{margin-top:16px;padding:20px;border:1px solid #c7dfe9;border-radius:16px;background:#fff}.shape-guide-option{display:grid;gap:10px;min-width:0;padding:12px;border:1px solid #c7dfe9;border-radius:16px;background:#fff;color:#173d53;cursor:pointer;text-align:start}.shape-guide-option:hover{background:#e8f4fb}.shape-guide-option.is-locked{background:#edf2f5;color:#496575}.shape-guide-option.is-locked:hover{background:#e2ecf2}.shape-guide-option svg{width:100%;height:110px;border-radius:12px;background:#679cbd;color:#fff}.shape-guide-option>span{font-size:12px}.shape-guide-option strong{min-width:0;overflow-wrap:anywhere}.shape-coach{position:absolute;z-index:12;top:calc(12px + var(--safe-area-top));left:50%;transform:translate(-50%);width:min(440px,calc(100% - 148px));max-height:calc(100dvh - 160px - var(--safe-area-top) - var(--safe-area-bottom));overflow-y:auto;overscroll-behavior:contain;border:1px solid rgba(255,255,255,.76);border-radius:24px;background:linear-gradient(155deg,#fafdfffa,#e2f3faf5);color:#163f56;box-shadow:0 24px 70px #041e2e3d,inset 0 1px #ffffffeb;pointer-events:auto}.shape-coach[hidden]{display:none}.shape-coach header,.shape-coach footer{display:flex;align-items:center;padding:10px 12px;gap:8px}.shape-coach header>div{flex:1;min-width:0;font-size:12px}.shape-coach-brush{display:block;margin-top:2px;color:#38637a;font-size:11px}.shape-coach .ui-button{flex-shrink:0;white-space:nowrap}.shape-coach footer{justify-content:flex-end}.shape-coach [data-shape-action=outline]{margin-right:auto}.shape-coach button:disabled{cursor:default}.shape-coach [data-shape-action=dissolve]{margin-top:10px}.shape-coach-step{padding:0 14px 8px}.shape-coach-step p{margin:0;font-size:14px;line-height:1.55}.shape-coach-step h2{margin:4px 0 6px;font-size:19px;line-height:1.2;letter-spacing:-.02em}.shape-tracing-outline{position:absolute;z-index:3;pointer-events:none;color:#fff6d8}.shape-tracing-outline[hidden]{display:none}.shape-tracing-outline svg{display:block;width:100%;height:100%;overflow:visible}.shape-tracing-outline :is(path,circle,ellipse){fill:#fff6d808;stroke:currentColor;stroke-width:1.5px;stroke-dasharray:6 5;vector-effect:non-scaling-stroke}.shape-tracing-outline .is-current{opacity:.85;filter:drop-shadow(0 1px 1px #153f59a0)}.shape-tracing-outline .is-complete{opacity:.2}.shape-tracing-outline .is-upcoming{opacity:.09}.is-shape-coaching .paint-hint{visibility:hidden}.is-shape-coaching:has(.cloud-menu:not([hidden]),.diorama-menu:not([hidden]),.interface-menu:not([hidden]),.quick-control-panel.is-open,.brush-presets[open]) .shape-coach{visibility:hidden}.is-shape-coaching .performance-diagnostics{top:auto;bottom:calc(90px + var(--safe-area-bottom))}.is-shape-coaching:is(.is-compendium-open,.is-gallery-open,.is-share-open,.is-tips-open,.is-settings-open,.is-onboarding,.is-journey-open,.is-experience-open,.is-photo-mode,.is-purchase-open) :is(.shape-coach,.shape-tracing-outline){display:none}@media(max-width:480px){.shape-guide{padding:14px}.shape-guide-options{grid-template-columns:1fr}.shape-guide-option{grid-template-columns:76px minmax(0,1fr);align-items:center}.shape-guide-option svg{grid-row:span 2;height:64px}.shape-coach{top:calc(10px + var(--safe-area-top));left:auto;right:calc(10px + var(--safe-area-right));transform:none;width:calc(100% - 78px - var(--safe-area-left) - var(--safe-area-right))}}@media(orientation:landscape){.shape-coach{left:auto;right:calc(12px + var(--safe-area-right));transform:none;width:min(320px,34vw);max-height:calc(100dvh - 100px - var(--safe-area-top) - var(--safe-area-bottom))}}@media(max-width:700px){.shape-coach .ui-button:not(.ui-button-icon){padding-inline:10px;gap:6px}}@media(max-height:560px)and (orientation:landscape){.shape-coach{width:280px}}.option-check{opacity:0;color:#2b718f;font-size:13px;font-weight:760}.cloud-option.is-selected .option-check,.diorama-option.is-selected .option-check{opacity:1}.cloud-symbol{width:26px;height:17px;transform:scale(.8)}.cloud-symbol.is-cirrus i{left:1px;width:29px;height:4px;border-radius:999px;transform:rotate(-8deg)}.cloud-symbol.is-cirrus i:nth-child(1){bottom:3px;opacity:.55}.cloud-symbol.is-cirrus i:nth-child(2){bottom:9px;width:24px;height:4px}.cloud-symbol.is-cirrus i:nth-child(3){right:auto;bottom:15px;left:8px;width:20px;height:3px;opacity:.7}.cloud-symbol.is-stratus i,.cloud-symbol.is-altostratus i,.cloud-symbol.is-nimbostratus i{left:1px;width:29px;height:5px;border-radius:999px}.cloud-symbol.is-altostratus i:nth-child(1),.cloud-symbol.is-nimbostratus i:nth-child(1){bottom:2px;width:24px;opacity:.62}.cloud-symbol.is-altostratus i:nth-child(2),.cloud-symbol.is-nimbostratus i:nth-child(2){bottom:8px}.cloud-symbol.is-altostratus i:nth-child(3),.cloud-symbol.is-nimbostratus i:nth-child(3){right:auto;bottom:14px;left:4px;width:25px;opacity:.78}.cloud-symbol.is-altocumulus,.cloud-symbol.is-stratocumulus{transform:scale(.76,.68)}.cloud-symbol.is-altocumulus i:nth-child(2){height:14px}.cloud-symbol.is-stratocumulus i{border-radius:42%}.cloud-symbol.is-stratocumulus i:nth-child(2){height:14px}.cloud-symbol.is-nimbostratus{color:#526b78}.cloud-symbol.is-stratus i:nth-child(1){bottom:2px;width:23px;opacity:.55}.cloud-symbol.is-stratus i:nth-child(2){bottom:8px}.cloud-symbol.is-stratus i:nth-child(3){right:auto;bottom:14px;left:5px;width:24px;opacity:.75}.cloud-symbol.is-storm{color:#405a69}.cloud-symbol.is-storm i:nth-child(2){height:20px}.cloud-swatch{position:relative;display:grid;place-items:center;color:#fffffff0;background:linear-gradient(#64add6,#b8dce5)}.cloud-swatch img{display:block;width:100%;height:100%;object-fit:cover}.cloud-swatch .cloud-symbol{transform:scale(1.05)}.storm-swatch{background:linear-gradient(#718b9b,#aebdc2)}.rain-swatch{background:linear-gradient(#7f98a5,#b8c8cd)}.tool-label{font-size:12px;font-weight:650}.toolbar-divider{width:1px;height:25px;margin:0 4px;background:#26556c1f}.brush-control{position:relative;display:flex;width:134px;height:48px;align-items:center;gap:8px;padding:0 10px;border-radius:14px;background:#fff3;box-shadow:inset 0 0 0 1px #30708d0f}.option-check{font-family:Phosphor;font-size:0}.option-check:before{content:"";font-size:18px}.view-label .ph{font-size:13px}.icon-button{width:42px;border-radius:14px;font-size:20px;font-weight:400}.action-button{font-size:22px;line-height:1}.mode-button.is-active{color:#176d91;background:#a3e1f494;box-shadow:inset 0 0 0 1px #3085a82e}.mode-button{color:#25647f;background:#ffffff5c;box-shadow:inset 0 0 0 1px #30708d1a}.mode-button .mode-icon{display:inline-block;font-size:22px}.brush-size-slider{width:100%;min-width:0;height:44px;margin:0;appearance:none;background:transparent;cursor:pointer;touch-action:none}.brush-size-slider::-webkit-slider-runnable-track{height:5px;border-radius:999px;background:linear-gradient(90deg,rgba(50,132,169,.82) 0 var(--brush-size-progress, 35%),rgba(43,99,128,.18) var(--brush-size-progress, 35%) 100%)}.brush-size-slider::-webkit-slider-thumb{width:18px;height:18px;margin-top:-7px;appearance:none;border:2px solid rgba(255,255,255,.94);border-radius:50%;background:#3d88ac;box-shadow:0 2px 6px #19496247}.brush-size-slider::-moz-range-track{height:5px;border:0;border-radius:999px;background:linear-gradient(90deg,rgba(50,132,169,.82) 0 var(--brush-size-progress, 35%),rgba(43,99,128,.18) var(--brush-size-progress, 35%) 100%)}.brush-size-slider::-moz-range-thumb{width:14px;height:14px;border:2px solid rgba(255,255,255,.94);border-radius:50%;background:#3d88ac;box-shadow:0 2px 6px #19496247}.brush-size-slider:focus-visible{outline:2px solid rgba(24,101,145,.55);outline-offset:2px;border-radius:8px}.clear-button{display:flex;min-width:54px;align-items:center;justify-content:center;gap:6px;padding:0 10px;border-radius:14px;font-size:12px;font-weight:650}.clear-button .ph,.action-button .ph{font-size:20px}.brush-cursor{position:fixed;z-index:6;top:0;left:0;border:1px solid rgba(255,255,255,.72);border-radius:50%;opacity:0;pointer-events:none;box-shadow:0 0 0 1px #21577324,inset 0 0 28px #ffffff0a;will-change:transform,width,height;transition:opacity .14s ease,border-color .14s ease,background .14s ease}.brush-cursor:before,.brush-cursor:after{content:"";position:absolute;pointer-events:none}.brush-cursor:before{top:50%;left:50%;width:var(--brush-pressure-size, 41%);aspect-ratio:1;border-radius:50%;background:#ffffffb8;opacity:0;transform:translate(-50%,-50%);transition:width 45ms linear,opacity 45ms linear}.brush-cursor:after{top:calc(50% - 1px);left:50%;width:38%;height:2px;border-radius:999px;background:#ffffffd1;opacity:0;transform:rotate(var(--brush-tilt-angle, 0deg)) scaleX(var(--brush-tilt-scale, 0));transform-origin:left center}.brush-cursor.is-visible{opacity:1}.brush-cursor.is-painting{border-color:#ffffffeb;background:#ffffff14;box-shadow:0 0 0 3px #ffffff17,0 0 22px #faf2cf3d,inset 0 0 28px #ffffff14}.brush-cursor.is-stylus.is-visible:before{opacity:var(--brush-pressure-opacity, .43)}.brush-cursor.is-stylus.is-visible:after{opacity:.86}.paint-clouds-app[data-brush-mode=erase] .brush-cursor,.brush-cursor.is-stylus-eraser{border-color:#6acbe8eb;background:#5bbee017;box-shadow:0 0 0 1px #166f9433,inset 0 0 24px #57c4e51f}.brush-cursor.is-stylus-eraser:before,.brush-cursor.is-stylus-eraser:after{background:#6adbf4d1}.compendium{position:fixed;z-index:30;inset:0;display:grid;place-items:center;padding:24px;-webkit-user-select:text;user-select:text}.compendium[hidden]{display:none}.compendium-backdrop{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:#16374c47;backdrop-filter:blur(13px) saturate(1.08);-webkit-backdrop-filter:blur(13px) saturate(1.08);cursor:default;animation:compendium-fade-in .26s ease both}.compendium-sheet{position:relative;width:min(1160px,100%);max-height:calc(100dvh - 48px);padding:28px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;border:1px solid rgba(255,255,255,.76);border-radius:34px;color:#153c53;background:radial-gradient(circle at 8% -12%,rgba(255,255,255,.96),transparent 38%),linear-gradient(145deg,#f4fbffeb,#d9edf7c7);box-shadow:0 32px 90px #10314547,inset 0 1px #fffffff0,inset 0 -1px #6699b521;backdrop-filter:blur(36px) saturate(1.45);-webkit-backdrop-filter:blur(36px) saturate(1.45);animation:compendium-rise-in .42s cubic-bezier(.22,1,.36,1) both;scrollbar-width:none}.compendium-sheet::-webkit-scrollbar{display:none}.compendium-sheet:before{position:absolute;z-index:-1;top:0;left:8%;width:54%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.96),transparent);content:""}.compendium-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.compendium-header h1{margin:0;color:#133b53;font-size:clamp(30px,4vw,48px);font-weight:710;letter-spacing:-.055em;line-height:.98}.compendium-close{display:grid;width:44px;height:44px;flex:0 0 44px;place-items:center;padding:0;border:1px solid rgba(255,255,255,.7);border-radius:50%;color:#153c53a8;background:#ffffff70;box-shadow:0 7px 20px #17445b1a,inset 0 1px #fffc;cursor:pointer;font-size:27px;font-weight:300;line-height:1}.compendium-close:hover{color:#153c53;background:#ffffffb8}.compendium-close:focus-visible,.cloud-brush-button:focus-visible{outline:3px solid rgba(27,112,158,.46);outline-offset:3px}.compendium-intro{max-width:590px;margin:14px 0 24px;color:#184158a3;font-size:17px;font-weight:520;line-height:1.5}.compendium-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.cloud-card{position:relative;display:flex;min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.68);border-radius:25px;background:#fcfeff8a;box-shadow:0 12px 34px #16445c17,inset 0 1px #ffffffd6;flex-direction:column;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.cloud-card:hover{border-color:#fffffff0;box-shadow:0 17px 38px #16445c24,inset 0 1px #ffffffeb;transform:translateY(-2px)}.cloud-card.is-selected{border-color:#3985ad61;box-shadow:0 16px 38px #16445c21,0 0 0 2px #4e9cc52b,inset 0 1px #ffffffeb}.cloud-card-art{position:relative;aspect-ratio:1.16;overflow:hidden;background:#85c5e8}.cloud-card-art:after{position:absolute;inset:0;background:linear-gradient(150deg,rgba(255,255,255,.19),transparent 34% 78%,rgba(16,54,76,.08));content:"";pointer-events:none}.cloud-card-art img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.22,1,.36,1)}.cloud-card:hover .cloud-card-art img{transform:scale(1.025)}.cloud-card-body{display:flex;min-width:0;flex:1;flex-direction:column;padding:17px}.cloud-card-heading{display:flex;min-width:0;align-items:baseline;justify-content:space-between;gap:8px}.cloud-card h2{margin:0;color:#163f56;font-family:var(--display-font);font-size:21px;font-weight:620;letter-spacing:-.035em;overflow-wrap:anywhere}.cloud-nickname{margin:4px 0 12px!important;color:#2d7b9b!important;font-size:10px!important;font-weight:680!important;letter-spacing:.04em;text-transform:uppercase}.cloud-card-body>p{margin:0 0 16px;color:#194157a8;font-size:11px;font-weight:520;line-height:1.55}.cloud-card dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:auto 0 15px}.cloud-card dl div{min-width:0}.cloud-card dt{margin-bottom:3px;color:#1c4a6266;font-size:8px;font-weight:750;letter-spacing:.09em;text-transform:uppercase}.cloud-card dd{margin:0;overflow:hidden;color:#153c52c7;font-size:10px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.cloud-brush-button{display:flex;width:100%;min-height:44px;align-items:center;justify-content:space-between;padding:0 14px;border:1px solid rgba(255,255,255,.55);border-radius:14px;color:#f7fcff;background:linear-gradient(145deg,#20688ee6,#2e81a6c7);box-shadow:0 8px 20px #1d5b7b2e,inset 0 1px #ffffff3d;cursor:pointer;font-size:13px;font-weight:680;transition:filter .16s ease,transform .16s ease}.cloud-brush-button:hover{filter:brightness(1.08)}.cloud-brush-button:active{transform:scale(.98)}.cloud-card.is-selected .cloud-brush-button{color:#226b8d;background:#ffffffbd;box-shadow:inset 0 0 0 1px #26759c2e}.cloud-card-storm .cloud-brush-button{background:linear-gradient(145deg,#36455df0,#51637cd6)}.compendium-footnote{margin:15px 4px 0;color:#1c475e6b;font-size:11px;font-weight:560;letter-spacing:.02em}@keyframes compendium-fade-in{0%{opacity:0}}@keyframes compendium-rise-in{0%{opacity:0;transform:translateY(18px) scale(.985)}}@media(max-width:680px){.paint-clouds-app{--inspection-control-top: calc(var(--safe-area-top) + 70px)}.app-header{top:calc(var(--safe-area-top) + 17px);left:calc(var(--safe-area-left) + 18px);right:calc(var(--safe-area-right) + 18px)}.cloud-tool-copy{display:none}.time-control{right:calc(var(--safe-area-right) + 82px);left:calc(var(--safe-area-left) + 16px);width:auto;max-width:none;min-height:42px;grid-template-columns:24px 56px minmax(0,1fr) 82px;gap:8px;padding:0 10px;transform:none}.paint-clouds-app.are-top-controls-hidden .time-control{transform:translateY(-8px) scale(.96)}.speed-control{right:calc(var(--safe-area-right) + 82px);left:calc(var(--safe-area-left) + 16px);width:auto;grid-template-columns:18px minmax(70px,auto) minmax(52px,1fr) 28px 26px;gap:5px;padding-inline:8px;transform:none}.speed-control label{display:none}.speed-layer{max-width:92px;font-size:9px}.paint-clouds-app.are-top-controls-hidden .speed-control{transform:translateY(-8px) scale(.96)}.time-value{width:82px;min-width:0;font-size:9px}.paint-hint{top:calc(var(--inspection-control-top) + 110px);right:calc(var(--safe-area-right) + 82px);left:calc(var(--safe-area-left) + 16px);width:auto;max-width:none;padding:7px;font-size:12px;line-height:1.4;text-align:center;transform:none}.paint-hint.is-hidden{transform:translateY(-8px)}.paint-hint .info-symbol{display:none}.toolbar{right:calc(var(--safe-area-right) + 8px);bottom:calc(var(--safe-area-bottom) + 14px);left:calc(var(--safe-area-left) + 8px);height:58px;width:auto;max-width:350px;margin-inline:auto;justify-content:space-between;gap:2px;padding:6px 5px;border-radius:19px;transform:none}.paint-clouds-app.are-painting-controls-hidden .toolbar{transform:translateY(calc(100% + 48px))}.tool-button,.icon-button,.clear-button{height:44px}.cloud-tool,.diorama-tool{min-width:52px;padding:0 9px}.header-button{height:44px}.cloud-menu,.diorama-menu{max-height:calc(100dvh - 92px - var(--safe-area-bottom));overflow-y:auto;overscroll-behavior:contain}.diorama-menu{left:-56px}.menu-chevron,.tool-label{display:none}.icon-button{width:44px}.brush-control{width:78px;height:44px;padding:0 6px}.toolbar-divider{margin:0}.toolbar-divider:nth-of-type(2){display:none}.clear-button{min-width:48px;padding:0 7px}.compendium{place-items:end center;padding:8px}.compendium-sheet{width:100%;max-height:calc(100dvh - 8px);padding:21px 14px calc(var(--safe-area-bottom) + 18px);border-radius:30px 30px 24px 24px}.compendium-header,.compendium-intro{margin-right:5px;margin-left:5px}.compendium-intro{margin-top:12px;margin-bottom:19px;font-size:17px}.compendium-grid{grid-template-columns:1fr;gap:12px}.cloud-card{display:grid;grid-template-columns:minmax(120px,39%) 1fr}.cloud-card-art{height:100%;min-height:270px;aspect-ratio:auto}.cloud-card-body{padding:15px}.cloud-card h2{font-size:19px}.cloud-card-body>p{font-size:10px}}@media(min-width:681px)and (max-width:980px){.paint-clouds-app{--inspection-control-top: max(70px, calc(var(--safe-area-top) + 48px))}.time-control{width:min(500px,calc(100% - 230px));max-width:none}.compendium-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-height:520px)and (pointer:coarse){.time-control{display:none}.speed-control{top:var(--inspection-control-top)}.paint-hint{top:calc(var(--inspection-control-top) + 54px)}.cloud-menu,.diorama-menu{max-height:calc(100dvh - 82px - var(--safe-area-bottom))}}@media(max-width:360px){.header-button-label{display:none}.toolbar{right:calc(var(--safe-area-right) + 5px);left:calc(var(--safe-area-left) + 5px)}}@media(pointer:coarse){.sky-canvas{cursor:default}.brush-cursor{display:none}.header-button,.tool-button,.icon-button,.clear-button{min-height:48px}.brush-size-slider::-webkit-slider-thumb,.time-control input::-webkit-slider-thumb{width:22px;height:22px;margin-top:-9px}.brush-size-slider::-moz-range-thumb,.time-control input::-moz-range-thumb{width:18px;height:18px}}.guide-control-shell{position:relative}.guide-button{position:relative;color:#175877e0;background:linear-gradient(145deg,#f9fdffd1,#d3ecf7ad);box-shadow:0 8px 24px #1c4d6824,inset 0 1px #ffffffdb}.guide-button.is-unseen:after{--notification-shadow: rgba(166, 104, 22, .38);position:absolute;top:7px;right:7px;width:5px;height:5px;border:1px solid rgba(255,255,255,.88);border-radius:50%;background:#d99b38;box-shadow:0 1px 5px #a6681661;content:""}.guide-button.is-unseen:after,.journey-status:after{animation:notification-pulse 3.2s ease-out infinite;transform-origin:center}.guide-button>.ph{font-size:20px}.onboarding-tour{position:fixed;z-index:80;inset:0;overflow:hidden;pointer-events:none}.onboarding-tour[hidden],.onboarding-card [hidden]{display:none}.onboarding-spotlight{position:fixed;z-index:81;border:0;border-radius:18px;background:transparent;box-shadow:0 0 22px 6px #8ddcf775,0 0 0 200vmax #091f2d8f;pointer-events:auto;transition:top .32s cubic-bezier(.2,.8,.2,1),left .32s cubic-bezier(.2,.8,.2,1),width .32s cubic-bezier(.2,.8,.2,1),height .32s cubic-bezier(.2,.8,.2,1),border-radius .24s ease}.onboarding-tour[data-step=canvas] .onboarding-spotlight{border-radius:28px;box-shadow:inset 0 0 0 2px #e2f8ffd6,0 0 28px 8px #8ddcf76b,0 0 0 200vmax #091f2d8f}.onboarding-tour[data-step=clouds] .onboarding-spotlight{border-radius:17px}.onboarding-tour[data-step=guide] .onboarding-spotlight{border-radius:15px}.onboarding-card{position:fixed;z-index:82;width:min(400px,calc(100vw - var(--safe-area-left) - var(--safe-area-right) - 24px));padding:20px;border:1px solid rgba(255,255,255,.76);border-radius:24px;color:#163f56;background:linear-gradient(155deg,#fafdfffa,#e2f3faf5);box-shadow:0 24px 70px #041e2e52,inset 0 1px #ffffffeb;backdrop-filter:blur(22px) saturate(1.15);-webkit-backdrop-filter:blur(22px) saturate(1.15);pointer-events:auto;transition:top .32s cubic-bezier(.2,.8,.2,1),left .32s cubic-bezier(.2,.8,.2,1)}.discovery-card{max-height:calc(100dvh - var(--safe-area-top) - var(--safe-area-bottom) - 24px);overflow:auto;overscroll-behavior:contain}.discovery-actions{margin-top:18px}.discovery-dismiss{min-height:44px;gap:7px}.discovery-tour[data-step=environment] .onboarding-spotlight,.discovery-tour[data-step=atmosphere] .onboarding-spotlight{border-radius:18px}.discovery-tour[data-step=collection] .onboarding-spotlight{border-radius:20px}.onboarding-card-header{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:start;gap:13px}.onboarding-icon{display:grid;width:48px;height:48px;border:1px solid rgba(255,255,255,.84);border-radius:16px;color:#247da8;background:linear-gradient(145deg,#ffffffe6,#bae0f0b8);box-shadow:0 7px 18px #24678824,inset 0 1px #fff;place-items:center}.onboarding-icon .ph{font-size:23px}.onboarding-kicker{display:block;margin:1px 0 5px;color:#1c5b789e;font-size:11px;font-weight:760;letter-spacing:.09em;text-transform:uppercase}.onboarding-card h1{margin:0;color:#173f55;font-family:var(--display-font);font-size:24px;font-weight:590;line-height:1.12;letter-spacing:-.02em}.onboarding-card>p{margin:14px 2px 0;color:#163f56b3;font-size:14px;font-weight:550;line-height:1.55}.onboarding-progress{display:flex;gap:6px;margin:17px 2px 16px}.onboarding-progress span{width:7px;height:7px;border-radius:999px;background:#27698833;transition:width .22s ease,background .22s ease}.onboarding-progress span.is-complete{background:#277ea57a}.onboarding-progress span.is-current{width:24px;background:#2882ac}.onboarding-actions,.onboarding-navigation{display:flex;align-items:center}.onboarding-actions{justify-content:space-between;flex-wrap:wrap;gap:12px}.onboarding-navigation{margin-inline-start:auto;max-width:100%;gap:8px}.onboarding-skip{min-height:40px;padding:0 8px;border:0;color:#19455c94;background:transparent;font:inherit;font-size:13px;font-weight:680;cursor:pointer}.onboarding-skip:hover,.onboarding-skip:focus-visible{color:#184a65}.onboarding-card button:focus-visible{outline:3px solid rgba(42,137,181,.42);outline-offset:2px}.onboarding-next,.onboarding-back{min-height:42px;padding-inline:15px}.onboarding-next{gap:7px}@media(max-width:520px){.onboarding-card{padding:17px;border-radius:21px}.onboarding-card-header{grid-template-columns:42px minmax(0,1fr);gap:11px}.onboarding-icon{width:42px;height:42px;border-radius:14px}.onboarding-card h1{font-size:21px}.onboarding-card>p{margin-top:11px;font-size:14px}.onboarding-progress{margin-block:13px 12px}.onboarding-back,.onboarding-next{min-height:40px;padding-inline:12px;font-size:13px}.discovery-actions{margin-top:14px}}@media(max-height:560px)and (orientation:landscape){.onboarding-card{width:min(390px,calc(100vw - var(--safe-area-left) - var(--safe-area-right) - 24px));padding:13px 15px;border-radius:18px}.onboarding-card-header{grid-template-columns:38px minmax(0,1fr);gap:10px}.onboarding-icon{width:38px;height:38px;border-radius:12px}.onboarding-card h1{font-size:18px}.onboarding-card>p{margin-top:8px;font-size:12px;line-height:1.4}.onboarding-progress{margin-block:9px 8px}.onboarding-skip,.onboarding-back,.onboarding-next{min-height:34px}.discovery-card{width:min(380px,calc(100vw - var(--safe-area-left) - var(--safe-area-right) - 24px))}.discovery-actions{margin-top:9px}.discovery-dismiss{min-height:40px}}.journey-status{position:relative;color:#326f91;background:linear-gradient(145deg,#ebf8fee0,#c3e3f2bd);box-shadow:0 9px 24px #1b567324,inset 0 1px #ffffffd1;animation:journey-status-in .36s cubic-bezier(.22,1,.36,1) both}.journey-status:after{--notification-shadow: rgba(28, 96, 77, .25);position:absolute;top:7px;right:7px;width:6px;height:6px;border:2px solid rgba(245,252,255,.94);border-radius:50%;background:#3b9b7d;box-shadow:0 2px 6px #1c604d40;content:""}.journey-status>.ph{font-size:21px}.experience-sheet{width:min(1060px,100%)}.journey-sheet{width:min(900px,100%);padding:34px}.journey-dialog:not([hidden]) .studio-backdrop{animation:journey-backdrop-in .22s ease-out both}.journey-dialog:not([hidden]) .journey-sheet{animation:journey-sheet-in .24s ease-out both}.experience-sheet .studio-header p{font-size:15px}.experience-sheet .studio-kicker{font-size:11px}.journey-sheet .studio-header{position:relative;display:block;margin-bottom:20px;text-align:center}.journey-sheet .studio-header>div{max-width:690px;margin-inline:auto}.journey-sheet .studio-header h1{font-family:var(--display-font);font-size:clamp(38px,4vw,54px);font-weight:610}.journey-sheet .studio-header p{max-width:660px;margin-inline:auto;font-size:16px}.journey-sheet .studio-header p:empty{display:none}.journey-sheet .studio-header .studio-close{position:absolute;top:0;right:0}.journey-sheet .studio-kicker{font-size:11px}.experience-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.experience-option{display:grid;grid-template-rows:auto 1fr auto;gap:20px;min-height:430px;padding:26px;border:1px solid rgba(255,255,255,.78);border-radius:26px;color:#173f57;background:#ffffff80;box-shadow:0 18px 46px #1b4e691a,inset 0 1px #ffffffe0;cursor:pointer;text-align:left;animation:experience-option-in .44s cubic-bezier(.22,1,.36,1) both;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.experience-option:nth-child(2){animation-delay:70ms}.experience-option:hover,.experience-option:focus-visible{border-color:#2f81a666;box-shadow:0 24px 54px #1b4e6929,0 0 0 3px #4697bc1a;outline:none;transform:translateY(-2px)}.experience-option.is-selected{border-color:#3089a47a;background:#f4fcffc7;box-shadow:0 22px 54px #1b4e6929,inset 0 0 0 2px #4f9cb81f}.experience-option.is-locked{border-color:#64788438;background:#f1f5f7b3}.experience-option.is-locked .experience-option-art img{filter:grayscale(.35) saturate(.6) opacity(.72)}.experience-option.is-locked .experience-option-action{color:#475863b8}.experience-option-art{display:grid;min-height:194px;overflow:hidden;place-items:center;border-radius:22px;color:#f8fdff;font-size:48px}.experience-option-art img{width:100%;height:210px;object-fit:contain;filter:drop-shadow(0 14px 20px rgba(25,69,103,.2));transition:filter .26s ease,transform .36s cubic-bezier(.22,1,.36,1)}.experience-option:hover .experience-option-art img,.experience-option:focus-visible .experience-option-art img{filter:drop-shadow(0 18px 25px rgba(25,69,103,.28));transform:translateY(-4px) scale(1.035)}.experience-option-journey{background:radial-gradient(circle at 50% 20%,#ecf7ff,#9fc9e2 56%,#8f93c6)}.experience-option-free{background:radial-gradient(circle at 50% 20%,#fff7dc,#9fdced 54%,#66b5d0)}.experience-option strong{display:block;margin-top:4px;font-family:var(--display-font);font-size:31px;font-weight:620;letter-spacing:-.035em}.experience-option small{display:block;margin-top:9px;color:#173f57ad;font-size:15px;line-height:1.5}.experience-option-action{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid rgba(47,112,145,.14);color:#276f93;font-size:14px;font-weight:760}.experience-option.is-selected .experience-option-action{color:#287c69}.experience-footer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 18px;margin-top:20px}.experience-safety{display:flex;align-items:center;justify-content:center;gap:8px;margin:20px 0 0;color:#173f579e;font-size:13px;text-align:center}.experience-footer .experience-safety{margin:0}.experience-restart{color:#7b4545cc;font-size:13px}.journey-stage-visuals{display:flex;justify-content:center;gap:12px;margin:0 0 18px}.journey-visual{position:relative;height:150px;min-width:0;max-width:205px;flex:1 1 150px;overflow:hidden;border:1px solid rgba(255,255,255,.8);border-radius:20px;background:#bee0f099;box-shadow:0 12px 28px #1c506c1f;animation:journey-card-in .62s .16s cubic-bezier(.16,1,.3,1) both}.journey-visual:nth-child(2){animation-delay:.22s}.journey-visual:nth-child(3){animation-delay:.28s}.journey-visual:nth-child(4){animation-delay:.34s}.journey-visual:nth-child(5){animation-delay:.4s}.journey-visual:nth-child(6){animation-delay:.46s}.journey-visual:after{position:absolute;inset:38% 0 0;background:linear-gradient(transparent,#0c2f43d1);content:""}.journey-visual img{width:100%;height:100%;object-fit:cover;animation:journey-image-in .9s .13s cubic-bezier(.16,1,.3,1) both}.journey-visual>span{position:absolute;z-index:1;right:14px;bottom:12px;left:14px;color:#fff}.journey-visual small,.journey-visual strong{display:block}.journey-visual small{margin-bottom:2px;font-size:11px;font-weight:780;letter-spacing:.12em;text-transform:uppercase;opacity:.82}.journey-visual strong{overflow:hidden;font-size:16px;text-overflow:ellipsis;white-space:nowrap}.journey-checklist{display:grid;gap:9px;margin:4px auto 22px;max-width:680px}.journey-task-summary{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:0 3px 2px;color:#174159}.journey-task-summary strong{font-family:var(--display-font);font-size:21px;font-weight:620}.journey-task-summary span{color:#173f5794;font-size:12px;font-weight:720}.journey-guide-hint{display:flex;align-items:center;gap:9px;margin:0;padding:3px 4px 5px;color:#173f579e;font-size:13px;line-height:1.45}.journey-guide-hint .ph{color:#347fa1;font-size:18px}.journey-guide-hint strong{color:#236986}.journey-guide-link{min-height:44px;padding:12px 14px;border:1px solid rgba(57,126,159,.22);border-radius:14px;color:#285e79;background:#e8f6fdcc;font-family:inherit;text-align:start;cursor:pointer}.journey-guide-link>span{flex:1;min-width:0}.journey-guide-link>.ph{flex-shrink:0}.journey-guide-link:hover{background:#e0f1fa;border-color:#5995b1}.journey-guide-link:focus-visible{outline:3px solid #367fa3;outline-offset:3px}.journey-check,.journey-unlock-note{display:flex;align-items:center;gap:11px;margin:0;padding:13px 15px;border:1px solid rgba(57,126,159,.13);border-radius:15px;color:#173f57b8;background:#ffffff75;font-size:14px;line-height:1.45}.journey-check .ph{color:#3177986b;font-size:20px}.journey-check.is-complete{color:#17574bc7;background:#e7f9f294}.journey-check.is-complete .ph,.journey-unlock-note .ph{color:#3b9b7d}.journey-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:9px}.journey-actions .journey-primary{min-width:200px;min-height:48px;margin-right:0;font-size:14px}.journey-primary .ph{transition:transform .18s ease}.journey-primary:hover .ph,.journey-primary:focus-visible .ph{transform:translate(3px)}@keyframes journey-status-in{0%{opacity:0;transform:translate(-8px) scale(.94)}}@keyframes notification-pulse{0%,42%,to{transform:scale(1);box-shadow:0 2px 6px var(--notification-shadow),0 0 #fff0}50%{transform:scale(1.14);box-shadow:0 2px 7px var(--notification-shadow),0 0 #ffffff9e}78%{transform:scale(1);box-shadow:0 2px 6px var(--notification-shadow),0 0 0 7px #fff0}}@keyframes journey-backdrop-in{0%{opacity:0;-webkit-backdrop-filter:blur(0) saturate(1);backdrop-filter:blur(0) saturate(1)}}@keyframes journey-sheet-in{0%{opacity:0;transform:translateY(12px)}}@keyframes experience-option-in{0%{opacity:0;transform:translateY(18px) scale(.985)}}@keyframes journey-card-in{0%{opacity:0;transform:translateY(14px) scale(.96)}}@keyframes journey-image-in{0%{transform:scale(1.08)}}@keyframes journey-check-in{0%{opacity:0;transform:translateY(10px) scale(.985)}}.cloud-option.is-locked{color:#1f45599e;background:#e2eef480}.cloud-option.is-locked .cloud-swatch{filter:saturate(.45);opacity:.64}.cloud-option.is-locked .option-check{display:block;color:#255c7780}.cloud-detail-brush.is-locked{color:#25576fad;background:#deebf1c2}.gallery-backup{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;padding:17px;border:1px solid rgba(47,112,145,.14);border-radius:20px;background:#fff6}.gallery-backup h2{margin:0;color:#174159;font-size:15px}.gallery-backup p{max-width:600px;margin:5px 0 0;color:#466578;font-size:12px;line-height:1.5}.gallery-backup-actions,.tips-footer-actions{display:flex;flex-wrap:wrap;gap:8px}.gallery-backup .gallery-backup-status{flex:1 0 100%;min-height:15px;margin:-10px 0 0}.gallery-backup .gallery-backup-status:empty{min-height:0}.gallery-backup .gallery-backup-status.is-error{color:#8c4545;font-weight:700}@media(max-width:700px){.experience-options{grid-template-columns:1fr;gap:10px}.experience-option{grid-template-columns:108px minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;column-gap:13px;row-gap:7px;min-height:150px;padding:11px;border-radius:20px}.experience-option-art{grid-row:1 / 3;min-height:128px;border-radius:16px;font-size:34px}.experience-option-art img{height:128px}.experience-option>span:nth-child(2){align-self:center}.experience-option .studio-kicker{margin-bottom:2px;font-size:9px}.experience-option strong{margin-top:0;font-size:23px;line-height:1.05}.experience-option small{margin-top:5px;font-size:13px;line-height:1.35}.experience-option-action{min-height:31px;align-self:end;padding-top:7px;font-size:13px}.experience-footer{align-items:stretch;flex-direction:column;gap:8px;margin-top:10px}.experience-safety{font-size:12px;line-height:1.35}.experience-restart{justify-content:center;width:100%}.journey-stage-visuals{justify-content:flex-start;overflow-x:auto;padding-bottom:4px}.journey-visual{height:124px;flex:0 0 140px}.gallery-backup{align-items:stretch;flex-direction:column}.gallery-backup-actions .ui-button{flex:1 1 auto;justify-content:center}.tips-footer-actions{width:100%}.tips-footer-actions .ui-button{flex:1 1 180px;justify-content:center}}@media(max-width:480px){.persistence-alert{grid-template-columns:auto minmax(0,1fr)}.persistence-alert-action{grid-column:1 / -1;justify-content:center}.journey-sheet{padding:18px;border-radius:23px}.journey-actions{align-items:stretch;flex-direction:column}.journey-actions .ui-button{justify-content:center;width:100%}}@media(min-width:1800px){.experience-sheet{width:min(1180px,100%)}.journey-sheet{width:min(980px,100%)}.experience-option{min-height:470px}.experience-option-art{min-height:220px}.experience-option-art img{height:236px}.experience-option strong{font-size:36px}.experience-option small{font-size:16px}.experience-option-action{font-size:15px}.journey-visual{height:172px;max-width:220px}.journey-task-summary strong{font-size:24px}.journey-task-summary span{font-size:14px}.journey-guide-hint{font-size:15px}.journey-check,.journey-unlock-note,.journey-actions .journey-primary{font-size:16px}}@media(prefers-reduced-motion:reduce){.experience-option,.journey-status,.guide-button.is-unseen:after,.compendium .compendium-backdrop,.compendium .compendium-sheet,.compendium .cloud-detail-panel,.journey-status:after,.journey-dialog:not([hidden]) .studio-backdrop,.journey-dialog:not([hidden]) .journey-sheet,.journey-dialog .studio-header,.journey-task-summary,.journey-guide-hint,.journey-visual,.journey-visual img,.journey-check,.journey-unlock-note,.journey-actions{animation:none;transition:none}.experience-option:hover,.experience-option:focus-visible{transform:none}.experience-option:hover .experience-option-art img,.experience-option:focus-visible .experience-option-art img,.journey-primary:hover .ph,.journey-primary:focus-visible .ph{transform:none}}@media(prefers-reduced-motion:reduce){.onboarding-spotlight,.onboarding-card{transition:none}}.vapor-ribbon{position:absolute;z-index:5;inset:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.compendium-sheet{width:min(1240px,100%);padding:26px;background:radial-gradient(circle at 7% -4%,rgba(255,255,255,.98),transparent 30%),radial-gradient(circle at 92% 5%,rgba(170,218,242,.34),transparent 27%),linear-gradient(145deg,#f7fcfff2,#d8edf8e0)}.compendium-header{position:sticky;z-index:10;top:-26px;margin:-26px -26px 0;padding:26px 26px 13px;background:linear-gradient(180deg,rgba(241,250,255,.97) 72%,rgba(231,245,252,.84) 88%,transparent);backdrop-filter:blur(24px) saturate(1.35);-webkit-backdrop-filter:blur(24px) saturate(1.35)}.compendium-header.is-detail h1,.compendium-detail-back[hidden],.compendium-overview[hidden],.compendium-detail[hidden],.cloud-detail-panel[hidden]{display:none}.compendium-overview .compendium-intro{max-width:650px;margin:13px 0 21px}.compendium-tabs{display:inline-flex;gap:4px;margin:4px 0 2px;padding:4px;border:1px solid rgba(55,127,164,.13);border-radius:15px;background:#ffffff7a}.compendium-tabs[hidden]{display:none}.compendium-tabs button{min-height:40px;padding:0 18px;border:0;border-radius:11px;color:#18415794;background:transparent;cursor:pointer;font:inherit;font-size:14px;font-weight:720}.compendium-tabs button[aria-selected=true]{color:#174f6d;background:#ffffffe6;box-shadow:0 4px 13px #16445c1a}.compendium-tabs button:focus-visible{outline:3px solid rgba(27,112,158,.38);outline-offset:2px}@media(max-width:480px){.compendium-tabs{display:flex;width:100%}.compendium-tabs button[role=tab]{flex:1;min-width:0;min-height:44px;padding:0 6px;font-size:13px}}.compendium-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.phenomena-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.cloud-card{border-radius:22px;background:#fcfeffa8}.cloud-card-art{position:relative;aspect-ratio:1.35}.phenomenon-rarity{position:absolute;z-index:1;top:11px;left:11px;padding:5px 8px;border:1px solid rgba(255,255,255,.45);border-radius:999px;color:#fff;background:#11394e6b;box-shadow:0 4px 14px #0e2b3b26;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);font-size:10px;font-weight:760;letter-spacing:.08em;text-transform:uppercase}.phenomenon-card{--phenomenon-accent: #2d7b9b;border-color:#2d7b9b2e}.phenomenon-card[data-phenomenon-category="Severe weather"]{--phenomenon-accent: #a05248;border-color:#a052483d}.phenomenon-card[data-phenomenon-category=Optical]{--phenomenon-accent: #7a62a8;border-color:#7a62a838}.phenomenon-card[data-phenomenon-category="Low cloud"]{--phenomenon-accent: #557b80}.phenomenon-category{display:inline-flex;align-items:center;align-self:flex-start;margin-bottom:8px;padding:4px 7px;border-radius:999px;color:var(--phenomenon-accent);background:#ffffffa3;font-size:10px;font-weight:780;letter-spacing:.07em;text-transform:uppercase}.phenomenon-card .cloud-nickname{color:var(--phenomenon-accent)!important}.cloud-card-body{min-height:204px;padding:15px}.cloud-card h2{font-size:clamp(16px,1.35vw,20px)}.cloud-card-body>p{margin-bottom:13px;font-size:14px;line-height:1.55}.cloud-card .cloud-nickname{margin-bottom:9px!important;color:#2d7b9b!important;font-size:11px!important}.cloud-card-footer{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;color:#18415773;font-size:11px;font-weight:680}.cloud-card-weather{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cloud-card-hit-target{position:absolute;z-index:2;inset:0;width:100%;height:100%;padding:0;border:0;border-radius:inherit;background:transparent;cursor:pointer}.cloud-card-hit-target:focus-visible{outline:3px solid rgba(27,112,158,.48);outline-offset:-4px}.cloud-detail-button,.compendium-detail-back{border:0;color:#226c8e;background:transparent;cursor:pointer;font-size:12px;font-weight:730}.cloud-detail-button{display:inline-flex;min-height:44px;flex:0 0 auto;align-items:center;gap:5px;padding:0 9px;border:1px solid rgba(55,127,164,.14);border-radius:10px;background:#ffffff8c}.cloud-card:hover .cloud-detail-button{color:#155a7b;background:#ffffffe0}.cloud-detail-button:focus-visible,.compendium-detail-back:focus-visible{outline:3px solid rgba(27,112,158,.38);outline-offset:2px}.compendium-detail{padding-top:18px}.compendium-detail-back{display:flex;min-height:44px;align-items:center;gap:8px;padding:0 12px;border:1px solid rgba(255,255,255,.74);border-radius:13px;background:#f4fbffe0;box-shadow:0 6px 18px #16445c1a,inset 0 1px #ffffffd1;backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3)}.cloud-detail-panel{display:grid;overflow:hidden;grid-template-columns:minmax(320px,.86fr) minmax(440px,1.14fr);border:1px solid rgba(255,255,255,.76);border-radius:28px;background:#fcfeff8a;box-shadow:0 20px 56px #16445c1f,inset 0 1px #ffffffe0;animation:cloud-detail-in .42s cubic-bezier(.22,1,.36,1) both}.cloud-detail-visual{position:relative;align-self:start;min-width:0;height:clamp(180px,calc(100dvh - 220px),555px);overflow:hidden;background:#82bcda}.cloud-detail-visual:after{position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(12,39,56,.68));content:""}.cloud-detail-visual img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 9s ease-out}.cloud-detail-panel:hover .cloud-detail-visual img{transform:scale(1.035)}.cloud-detail-title{position:absolute;z-index:1;right:28px;bottom:27px;left:28px;color:#f7fcff;text-shadow:0 3px 24px rgba(10,37,54,.35)}.cloud-detail-title>span,.cloud-detail-title>p{font-size:11px;font-weight:740;letter-spacing:.13em;text-transform:uppercase}.cloud-detail-title h2{margin:6px 0 4px;font-family:var(--display-font);font-size:clamp(28px,3.8vw,52px);font-weight:610;letter-spacing:-.065em;line-height:1.05;overflow-wrap:anywhere}.cloud-detail-title>p{margin:0;color:#f7fcffb8}.cloud-detail-copy{display:flex;min-width:0;flex-direction:column;padding:clamp(25px,3vw,42px);overflow-wrap:anywhere}.cloud-detail-lede{max-width:620px;margin:0 0 24px;color:#18445c;font-size:clamp(17px,2vw,23px);font-weight:590;letter-spacing:-.025em;line-height:1.35}.cloud-vitals{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:26px;padding:14px 0;border-top:1px solid rgba(32,84,110,.1);border-bottom:1px solid rgba(32,84,110,.1)}.cloud-vitals>div{min-width:0;padding:0 14px;border-left:1px solid rgba(32,84,110,.1)}.cloud-vitals>div:first-child{padding-left:0;border-left:0}.cloud-vitals span{display:block;margin-bottom:4px;color:#46677a;font-size:11px;font-weight:760;letter-spacing:.1em;text-transform:uppercase}.cloud-vitals strong{display:block;color:#153c52d4;font-size:13px;font-weight:690;overflow-wrap:anywhere}.cloud-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.cloud-story-grid section{position:relative;padding-top:6px}.cloud-story-grid h3,.cloud-fact h3{margin:6px 0 7px;color:#174058;font-size:15px;font-weight:720}.cloud-story-grid p,.cloud-fact p{margin:0;color:#46677a;font-size:17px;font-weight:520;line-height:1.62}.phenomena-safety-note{display:inline-flex;max-width:650px;align-items:center;gap:10px;margin:-6px 0 20px;padding:10px 13px;border:1px solid rgba(55,127,164,.13);border-radius:14px;color:#194157a3;background:#ffffff75;font-size:10px;line-height:1.45}.phenomena-safety-note i{flex:0 0 auto;color:#2d7b9b;font-size:18px}.cloud-story-grid ul{margin:0;padding-left:18px;color:#46677a;font-size:17px;font-weight:520;line-height:1.62}.cloud-phenomena{margin:22px 0;padding-top:17px;border-top:1px solid rgba(32,84,110,.1)}.cloud-phenomena>span,.phenomenon-try>span{display:block;margin-bottom:9px;color:#46677a;font-size:11px;font-weight:760;letter-spacing:.1em;text-transform:uppercase}.cloud-phenomena>div{display:flex;flex-wrap:wrap;gap:8px}.cloud-phenomena button{display:inline-flex;min-height:40px;align-items:center;gap:8px;padding:4px 12px 4px 4px;border:1px solid rgba(55,127,164,.16);border-radius:12px;color:#226c8e;background:#ffffffa3;cursor:pointer;font:inherit;font-size:11px;font-weight:700}.cloud-phenomena button>span{min-width:0;overflow-wrap:anywhere}.cloud-phenomenon-thumbnail{width:36px;height:36px;flex:0 0 36px;border-radius:9px;object-fit:cover}.phenomenon-cloud-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:8px;margin:0 0 24px}.phenomenon-cloud-links button{display:flex;min-width:0;flex-direction:column;align-items:flex-start;padding:13px;border:1px solid rgba(55,127,164,.14);border-radius:15px;color:#174058;background:#ffffff94;cursor:pointer;text-align:left}.phenomenon-cloud-links span,.phenomenon-cloud-links small{color:#46677a;font-size:12px;line-height:1.4}.phenomenon-cloud-links strong{margin:3px 0;font-size:13px}.phenomenon-cloud-links button:hover{background:#ffffffe0}.cloud-phenomena button:focus-visible,.phenomenon-cloud-links button:focus-visible{outline:3px solid rgba(27,112,158,.38);outline-offset:2px}.phenomenon-explanation{margin:24px 0 0}.phenomenon-explanation h3{margin:0 0 7px;color:#174058;font-size:15px}.phenomenon-explanation p,.phenomenon-try p{margin:0;color:#46677a;font-size:17px;line-height:1.6}.phenomenon-explanation p+p{margin-top:10px}.phenomenon-try{margin:22px 0;padding:16px;border-radius:16px;background:#54a0c31a}.cloud-fact{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:start;gap:12px;margin-top:auto;padding:18px;border:1px solid rgba(55,127,164,.16);border-radius:18px;background:#7ebedc14}.fact-spark{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;color:#fff;background:#5a9bbb;box-shadow:0 8px 18px #3d84a533}.cloud-fact h3{margin-top:0}.cloud-detail-brush{width:auto;min-width:190px;align-self:flex-start;gap:28px;margin-top:14px}.cloud-field-only{margin:14px 0 0;color:#19415770;font-size:9px;font-weight:650;letter-spacing:.035em}@keyframes cloud-detail-in{0%{opacity:0;transform:translateY(12px)}}@media(max-width:1050px){.compendium-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cloud-detail-panel{grid-template-columns:minmax(290px,.78fr) minmax(400px,1.22fr)}}@media(min-width:1100px){.cloud-card-body>p{font-size:14px}.cloud-card-footer{font-size:10px}.cloud-detail-button,.compendium-detail-back{font-size:11px}.cloud-story-grid h3,.cloud-fact h3{font-size:15px}.cloud-story-grid p,.cloud-story-grid ul,.cloud-fact p{font-size:17px}.cloud-field-only{font-size:10px}}@media(max-width:760px){.compendium{place-items:end center;padding:8px}.compendium-sheet{width:100%;max-height:calc(100dvh - 8px);padding:21px 14px calc(var(--safe-area-bottom) + 18px);border-radius:30px 30px 24px 24px}.compendium-header{top:-21px;margin:-21px -14px 0;padding:21px 19px 12px}.compendium-overview .compendium-intro{margin-right:5px;margin-left:5px}.compendium-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cloud-card{display:flex}.cloud-card-art{height:auto;min-height:0;aspect-ratio:1.35}.cloud-card-body{min-height:198px}.cloud-detail-panel{display:block}.cloud-detail-visual{height:clamp(230px,36dvh,340px)}.cloud-detail-copy{padding:24px 19px}.cloud-fact{margin-top:25px}}@media(max-width:500px){.compendium-grid{grid-template-columns:1fr}.cloud-card{display:grid;grid-template-columns:minmax(112px,40%) minmax(0,1fr)}.cloud-card-art{height:100%;aspect-ratio:auto}.cloud-card-body{min-height:236px}.cloud-card-body>p{font-size:15px}.phenomenon-card .cloud-card-weather{overflow:visible;text-overflow:clip;white-space:normal}.phenomenon-card .cloud-detail-button{display:none}.cloud-vitals{grid-template-columns:1fr 1fr;row-gap:14px}.cloud-vitals>div:nth-child(3){grid-column:1 / -1;padding-left:0;border-left:0}.cloud-story-grid{grid-template-columns:1fr;gap:18px}.cloud-detail-title{right:20px;bottom:20px;left:20px}}.studio-overlay{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:20px;-webkit-user-select:text;user-select:text}.studio-overlay[hidden]{display:none}.studio-backdrop{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:#0f2a3a61;backdrop-filter:blur(16px) saturate(.85);-webkit-backdrop-filter:blur(16px) saturate(.85);cursor:default;animation:compendium-fade-in .26s ease both}.studio-sheet{position:relative;z-index:1;width:min(1180px,100%);max-height:min(900px,calc(100dvh - 40px));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:28px;border:1px solid rgba(255,255,255,.76);border-radius:30px;color:#173d53;background:radial-gradient(circle at 4% -8%,rgba(255,255,255,.98),transparent 31%),radial-gradient(circle at 96% 2%,rgba(153,211,239,.38),transparent 28%),linear-gradient(145deg,#f7fcfff7,#d8edf8ed);box-shadow:0 34px 100px #0a2a3d57,inset 0 1px #ffffffe6;backdrop-filter:blur(30px) saturate(1.25);-webkit-backdrop-filter:blur(30px) saturate(1.25);animation:compendium-rise-in .42s cubic-bezier(.22,1,.36,1) both}.studio-sheet::-webkit-scrollbar{width:0}.studio-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.studio-header>div{max-width:680px}.studio-kicker{display:block;margin-bottom:6px;color:#2467879e;font-size:11px;font-weight:780;letter-spacing:.13em;text-transform:uppercase}.studio-header h1{margin:0;color:#153e56;font-size:clamp(31px,4vw,48px);font-weight:720;letter-spacing:-.058em;line-height:.98}.studio-header p{max-width:620px;margin:11px 0 0;color:#19415796;font-size:15px;font-weight:520;line-height:1.55}.studio-close{display:grid;width:44px;height:44px;flex:0 0 auto;place-items:center;padding:0;border:1px solid rgba(255,255,255,.72);border-radius:50%;color:#144159ad;background:#f8fdffb8;box-shadow:0 7px 20px #184b661f;cursor:pointer;font-size:19px}.gallery-save-card{display:grid;grid-template-columns:50px minmax(180px,1fr) minmax(320px,1fr);align-items:center;gap:16px;padding:17px;border:1px solid rgba(255,255,255,.82);border-radius:21px;background:#ffffff85;box-shadow:0 14px 34px #1f577417,inset 0 1px #ffffffe0}.gallery-save-icon{display:grid;width:50px;height:50px;place-items:center;border-radius:16px;color:#f8fdff;background:linear-gradient(145deg,#65abc9,#2f7fa4);box-shadow:0 10px 22px #2d7fa438;font-size:23px}.gallery-save-copy h2,.gallery-section-heading h2{margin:0;color:#174159;font-size:16px;font-weight:720;letter-spacing:-.025em}.gallery-save-copy p{margin:5px 0 0;color:#466578;font-size:13px;line-height:1.5}.canvas-save-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}.canvas-save-form label{grid-column:1 / -1;color:#466578;font-size:12px;font-weight:700}.gallery-local-note{display:inline-flex;align-items:center;gap:6px;margin-top:12px;color:#34617a;font-size:12px;font-weight:650}.gallery-feedback{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.gallery-status{flex:1 1 240px;margin:12px 3px 0;color:#285a70;font-size:13px;line-height:1.6;overflow-wrap:anywhere}.gallery-status:empty{display:none}.gallery-status.is-error{color:#923c42}.gallery-retry{margin-top:12px}.gallery-count{flex-shrink:0;padding:7px 11px;border:1px solid rgba(33,91,121,.15);border-radius:999px;color:#466578;background:#ffffff8c;font-size:12px;font-variant-numeric:tabular-nums}.canvas-save-form input{min-width:0;height:44px;padding:0 14px;border:1px solid rgba(33,91,121,.15);border-radius:14px;color:#173d53;background:#ffffffc2;box-shadow:inset 0 1px #ffffffdb;font:inherit;font-size:16px;outline:none}.canvas-save-form input:focus{border-color:#18659175;box-shadow:0 0 0 3px #4f9fc11f}.gallery-section-heading{display:flex;align-items:end;justify-content:space-between;margin:28px 3px 13px;gap:12px}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.canvas-list-status,.gallery-empty{grid-column:1 / -1;margin:0;padding:52px 20px;border:1px dashed rgba(41,106,138,.18);border-radius:22px;color:#173d5294;background:#ffffff4d;font-size:11px;text-align:center}.canvas-list-status.is-error{color:#8c4545}.gallery-empty>span{display:grid;width:58px;height:58px;margin:0 auto 14px;place-items:center;border-radius:19px;color:#377f9f;background:#ffffffb3;box-shadow:0 10px 28px #1f56721c;font-size:27px}.gallery-empty h3{margin:0 0 7px;color:#174159;font-size:15px}.gallery-empty p{max-width:390px;margin:auto;line-height:1.55}.saved-canvas{overflow:hidden;border:1px solid rgba(255,255,255,.77);border-radius:21px;background:#fcfeff9c;box-shadow:0 14px 34px #1b4c6517,inset 0 1px #ffffffdb;transition:transform .2s ease,box-shadow .2s ease}.saved-canvas:hover{transform:translateY(-2px);box-shadow:0 19px 42px #1b4c6524,inset 0 1px #ffffffe6}.saved-canvas-visual{position:relative;display:block;width:100%;aspect-ratio:1.6;overflow:hidden;padding:0;border:0;background:linear-gradient(155deg,#89c8e5,#d9eff7 56%,#7397ab);cursor:pointer}.saved-canvas-visual:after{position:absolute;inset:0;background:linear-gradient(180deg,#08233505 45%,#0823356b);content:""}.saved-canvas-visual img{display:block;width:100%;height:100%;object-fit:contain}.saved-canvas-fallback{display:grid;width:100%;height:100%;place-items:center;color:#ffffffb3;font-size:46px}.saved-canvas-environment,.saved-canvas-open{position:absolute;z-index:1;display:inline-flex;align-items:center;gap:5px;border-radius:999px;color:#f8fdfff0;background:#0c30434d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:9px;font-weight:680}.saved-canvas-environment{top:11px;left:11px;padding:7px 9px}.saved-canvas-open{right:11px;bottom:11px;padding:7px 10px;opacity:0;transform:translateY(4px);transition:opacity .18s ease,transform .18s ease}.saved-canvas:hover .saved-canvas-open,.saved-canvas-visual:focus-visible .saved-canvas-open{opacity:1;transform:none}.saved-canvas-body{padding:14px}.saved-canvas-body>div:first-child{display:grid;gap:3px}.saved-canvas-name{color:#173f56;font-size:13px;font-weight:720;overflow-wrap:anywhere}.saved-canvas-body small{color:#466578;font-size:12px}.saved-canvas-meta{display:flex;gap:13px;margin-top:11px;color:#466578;font-size:12px;flex-wrap:wrap;font-weight:600}.saved-canvas-meta span{display:inline-flex;align-items:center;gap:5px}.saved-canvas-actions{display:flex;gap:7px;margin-top:13px}.saved-canvas-actions .ui-button-secondary{flex:1}.saved-canvas-actions .saved-canvas-delete{color:#773737ad}.gallery button:disabled,.gallery input:disabled{opacity:.48;pointer-events:none}.delete-confirmation{position:absolute;z-index:3;inset:0;display:grid;place-items:center;padding:max(18px,var(--safe-area-top)) max(14px,var(--safe-area-right)) max(18px,var(--safe-area-bottom)) max(14px,var(--safe-area-left))}.delete-confirmation[hidden]{display:none}.delete-confirmation-backdrop{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:#0c25337a;backdrop-filter:blur(12px) saturate(.8);-webkit-backdrop-filter:blur(12px) saturate(.8);animation:compendium-fade-in .18s ease both}.delete-confirmation-card{position:relative;z-index:1;width:min(430px,100%);max-height:100%;overflow-y:auto;padding:28px;border:1px solid rgba(255,255,255,.82);border-radius:25px;color:#173d53;background:radial-gradient(circle at 12% 0%,rgba(255,255,255,.96),transparent 36%),linear-gradient(145deg,#f9fdfffa,#e1f0f7f7);box-shadow:0 28px 80px #08243461,inset 0 1px #ffffffeb;text-align:center;animation:compendium-rise-in .28s cubic-bezier(.22,1,.36,1) both}.delete-confirmation-icon{display:grid;width:54px;height:54px;margin:0 auto 17px;place-items:center;border-radius:18px;color:#9b4145;background:#b84b4f1c;box-shadow:inset 0 0 0 1px #9d383e14;font-size:24px}.delete-confirmation-card h2{margin:0;color:#173f56;font-size:24px;font-weight:740;letter-spacing:-.04em}.delete-confirmation-card p{margin:11px auto 0;color:#1941579e;font-size:14px;line-height:1.6}.delete-confirmation-card p strong{color:#733a3d;font-weight:720;overflow-wrap:anywhere}.is-load-confirmation .delete-confirmation-icon{color:#256783;background:#2d7fa41f}.is-load-confirmation .delete-confirmation-name{color:#173f56}.delete-confirmation-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:23px}.delete-confirmation-actions .ui-button{min-height:48px}.sky-canvas.is-navigation-only{cursor:grab}.sky-canvas.is-navigation-only.is-panning{cursor:grabbing}.paint-clouds-app.is-photo-mode .app-header,.paint-clouds-app.is-photo-mode .time-control,.paint-clouds-app.is-photo-mode .speed-control,.paint-clouds-app.is-photo-mode .paint-hint,.paint-clouds-app.is-photo-mode .toolbar,.paint-clouds-app.is-photo-mode .toolbar-collapse-toggle,.paint-clouds-app.is-photo-mode .brush-cursor{visibility:hidden;opacity:0;pointer-events:none}.photo-mode{position:fixed;z-index:18;inset:0;overflow:hidden;color:#eefaff;pointer-events:none}.photo-mode[hidden]{display:none}.photo-capture-guide{position:absolute;top:50%;left:50%;width:min(100vw,80dvh);aspect-ratio:4 / 5;border:1px solid rgba(255,255,255,.92);border-radius:2px;box-shadow:0 0 0 100vmax #06182247,inset 0 0 0 1px #0c2d3d1f;transform:translate(-50%,-50%)}.photo-mode[data-photo-preset=story] .photo-capture-guide{width:min(100vw,56.25dvh);aspect-ratio:9 / 16}.photo-mode[data-photo-preset=square] .photo-capture-guide{width:min(100vw,100dvh);aspect-ratio:1}.photo-mode[data-photo-preset=original] .photo-capture-guide{width:100%;height:100%;aspect-ratio:auto}.photo-mode-panel,.photo-mode-actions,.photo-mode-status{position:absolute;z-index:2;left:50%;border:1px solid rgba(255,255,255,.38);color:#173d53;background:#f2fafdc2;box-shadow:0 14px 42px #0d31443d,inset 0 1px #ffffffbf;backdrop-filter:blur(20px) saturate(1.25);-webkit-backdrop-filter:blur(20px) saturate(1.25);transform:translate(-50%)}.photo-mode-panel{top:max(16px,calc(var(--safe-area-top) + 10px));display:flex;align-items:center;gap:12px;padding:7px;border-radius:18px;pointer-events:auto}.photo-mode-kicker{display:inline-flex;align-items:center;gap:6px;padding-left:7px;font-size:10px;font-weight:760;white-space:nowrap}.photo-mode-kicker .ph{font-size:17px}.photo-format-options{display:flex;gap:3px}.photo-format-button,.photo-mode-button,.photo-mode-snap{min-height:44px;border:0;cursor:pointer;font-weight:700}.photo-format-button{padding:0 12px;border-radius:12px;color:#1b48609e;background:transparent;font-size:10px}.photo-format-button.is-selected{color:#185f80;background:#ffffffc7;box-shadow:0 3px 12px #1b4d681a}.photo-mode-status{bottom:max(90px,calc(var(--safe-area-bottom) + 82px));margin:0;padding:8px 12px;border-radius:999px;font-size:10px;font-weight:650;text-align:center}.photo-mode-status .ph{margin-right:5px;font-size:14px;vertical-align:-2px}.photo-mode-actions{bottom:max(16px,calc(var(--safe-area-bottom) + 10px));display:flex;gap:5px;padding:6px;border-radius:18px;pointer-events:auto}.photo-mode-button,.photo-mode-snap{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 14px;border-radius:13px;font-size:10px}.photo-mode-button{color:#226581;background:#ffffff80}.photo-mode-snap{min-width:128px;color:#f8fdff;background:linear-gradient(135deg,#23779e,#185e82);box-shadow:0 8px 20px #165e813d}.photo-mode-snap .ph{font-size:19px}.photo-mode button:disabled{cursor:wait;opacity:.52}@media(max-width:680px){.photo-mode-panel{right:calc(var(--safe-area-right) + 8px);left:calc(var(--safe-area-left) + 8px);width:auto;transform:none}.photo-mode-kicker{display:none}.photo-format-options{width:100%}.photo-format-button{min-width:0;flex:1;padding-inline:4px}.photo-mode-actions{right:calc(var(--safe-area-right) + 8px);left:calc(var(--safe-area-left) + 8px);width:auto;transform:none}.photo-mode-button{width:48px;flex:0 0 48px;padding:0}.photo-mode-button span{display:none}.photo-mode-snap{min-width:0;flex:1}.photo-mode-status{right:calc(var(--safe-area-right) + 18px);left:calc(var(--safe-area-left) + 18px);width:auto;transform:none}}.share-sheet{width:min(880px,100%)}.share-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);align-items:center;gap:28px}.share-preview-panel{display:flex;min-width:0;flex-direction:column;align-items:center;gap:11px}.share-preview-stage{display:grid;width:100%;min-height:0;place-items:center;overflow:hidden}.share-preview-frame{position:relative;width:auto;max-width:100%;height:min(54dvh,490px);max-height:490px;overflow:hidden;border:0;border-radius:17px;background:transparent;box-shadow:0 22px 48px #10374c40}.share-preview-frame[data-preview-preset=story]{aspect-ratio:9 / 16}.share-preview-frame[data-preview-preset=portrait]{aspect-ratio:4 / 5}.share-preview-frame[data-preview-preset=square]{aspect-ratio:1}.share-preview-frame[data-preview-preset=original]{width:100%;height:auto;aspect-ratio:16 / 10}.share-preview-image{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.share-controls{display:flex;min-width:0;flex-direction:column}.share-delivery{margin-top:auto;padding-top:0}.share-apps{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 12px}.share-apps span{display:inline-flex;min-height:30px;align-items:center;gap:5px;padding:0 9px;border:1px solid rgba(47,111,143,.11);border-radius:999px;color:#1f4c63a6;background:#fff6;font-size:9px;font-weight:650}.share-actions{display:grid;grid-template-columns:1fr auto;gap:8px}.share-primary{min-height:50px;font-size:12px}.share-download{min-height:50px}.share-status{min-height:32px;margin:10px 2px 0;color:#526d79;font-size:12px;line-height:1.5}@media(max-width:880px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-save-card{grid-template-columns:50px 1fr}.canvas-save-form{grid-column:1 / -1}.share-workspace{grid-template-columns:minmax(280px,1fr) minmax(240px,.68fr);gap:18px}.share-preview-stage{min-height:470px}.share-preview-frame{height:min(51dvh,430px)}}@media(max-width:680px){.header-actions{gap:6px}.header-button-label{display:none}.studio-overlay{place-items:end center;padding:8px}.studio-sheet{width:100%;max-height:calc(100dvh - 8px);padding:21px 14px calc(var(--safe-area-bottom) + 18px);border-radius:30px 30px 24px 24px}.studio-header{position:sticky;z-index:8;top:-21px;margin:-21px -14px 19px;padding:21px 19px 14px;background:linear-gradient(180deg,rgba(241,250,255,.98) 78%,transparent)}.studio-header h1{font-size:32px}.gallery-save-card{grid-template-columns:46px 1fr;gap:12px;padding:14px}.gallery-save-icon{width:46px;height:46px;border-radius:14px}.canvas-save-form,.gallery-grid{grid-template-columns:1fr}.saved-canvas{display:grid;grid-template-columns:minmax(128px,42%) 1fr}.saved-canvas-visual{height:100%;min-height:190px;aspect-ratio:auto}.saved-canvas-body{display:flex;min-width:0;flex-direction:column}.saved-canvas-actions{margin-top:auto;padding-top:12px}.saved-canvas-meta{flex-direction:column;gap:5px}.share-workspace{display:block}.share-preview-stage{min-height:360px}.share-preview-frame{height:min(45dvh,400px)}.share-preview-frame[data-preview-preset=original]{height:auto}.share-controls{margin-top:22px}.share-delivery{padding-top:22px}}@media(max-width:430px){.share-actions{grid-template-columns:minmax(0,1fr) 52px}.share-download{width:52px;padding:0}.share-download span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}.saved-canvas{display:block}.saved-canvas-visual{height:auto;min-height:0;aspect-ratio:1.6}.saved-canvas-meta{flex-direction:row;gap:13px}.saved-canvas-open{display:inline-flex}}@media(max-width:680px){.studio-overlay{padding:max(6px,var(--safe-area-top)) max(6px,var(--safe-area-right)) 0 max(6px,var(--safe-area-left))}.studio-sheet{max-height:calc(100dvh - max(6px,var(--safe-area-top)));padding-bottom:calc(var(--safe-area-bottom) + 18px);border-bottom-right-radius:0;border-bottom-left-radius:0;-webkit-overflow-scrolling:touch}.studio-header{padding-right:calc(19px + var(--safe-area-right));padding-left:calc(19px + var(--safe-area-left))}.studio-close{width:48px;height:48px}.share-preview-stage{min-height:300px}.share-preview-frame{height:min(37dvh,320px);min-height:230px}.share-preview-frame[data-preview-preset=original]{min-height:0}.share-apps{flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto;scrollbar-width:none}.share-apps::-webkit-scrollbar{display:none}.share-delivery{position:sticky;z-index:6;bottom:-18px;margin:18px -14px -18px;padding:15px 14px calc(var(--safe-area-bottom) + 18px);border-top:1px solid rgba(42,105,137,.1);background:linear-gradient(180deg,#e8f6fcd1,#eef9fdfa 22%);backdrop-filter:blur(22px) saturate(1.2);-webkit-backdrop-filter:blur(22px) saturate(1.2)}.share-primary,.share-download{min-height:52px}.share-status{margin-bottom:0}}@media(max-width:520px){.gallery-save-copy p,.studio-header p{font-size:14px}.gallery-save-card{grid-template-columns:44px minmax(0,1fr)}.gallery-save-icon{width:44px;height:44px}.gallery-section-heading{margin-top:22px}}@media(min-width:1800px){.interface-menu{width:330px;padding:8px}.interface-menu-item{min-height:62px;grid-template-columns:42px minmax(0,1fr);gap:11px;padding:8px 12px}.interface-menu-item strong{font-size:16px}.interface-menu-item small{font-size:13px}.ui-button{min-height:48px;padding-inline:17px;font-size:14px}.studio-kicker{font-size:12px}.studio-header p{font-size:16px}.experience-sheet .studio-kicker{font-size:12px}.experience-sheet .studio-header p{font-size:16px}.experience-safety,.experience-restart{font-size:14px}.compendium-intro{font-size:18px}.compendium-tabs button{font-size:17px}.cloud-card h2{font-size:23px}.cloud-card-body>p:not(.cloud-nickname):not(.cloud-card-footer){font-size:15px}.cloud-card-footer,.compendium-footnote{font-size:12px}}@media(max-width:430px)and (orientation:portrait){.paint-clouds-app{--inspection-control-top: calc(var(--safe-area-top) + 68px)}.app-header{top:calc(var(--safe-area-top) + 12px);right:calc(var(--safe-area-right) + 12px);left:calc(var(--safe-area-left) + 12px)}.header-actions{gap:4px}.header-button{width:44px;min-width:44px;height:44px;min-height:44px;padding:0}.time-control,.speed-control,.paint-hint{right:calc(var(--safe-area-right) + 12px);left:calc(var(--safe-area-left) + 12px);width:auto;max-width:none}.time-control{min-height:48px;grid-template-columns:24px 54px minmax(0,1fr) 76px;padding-inline:9px}.time-value{width:76px}.speed-control{min-height:64px;grid-template-columns:20px minmax(0,1fr) 34px 28px;grid-template-rows:28px 24px;gap:2px 7px;padding:5px 8px}.speed-control>.ph{grid-column:1;grid-row:1}.speed-copy{grid-column:2;grid-row:1}.speed-control label{display:block}.speed-layer{max-width:none}.speed-control input{grid-column:1 / -1;grid-row:2}.speed-value{grid-column:3;grid-row:1;text-align:right}.speed-reset{grid-column:4;grid-row:1;width:28px;height:28px}.paint-hint{top:calc(var(--inspection-control-top) + 128px)}.toolbar{right:calc(var(--safe-area-right) + 6px);bottom:calc(var(--safe-area-bottom) + 8px);left:calc(var(--safe-area-left) + 6px);display:grid;width:auto;max-width:none;height:58px;grid-template-columns:44px 44px 44px minmax(52px,1fr) 44px 44px;gap:2px;padding:4px}.toolbar-divider{display:none}.cloud-picker,.diorama-picker{min-width:0}.cloud-tool,.diorama-tool,.icon-button,.clear-button{width:100%;min-width:0;height:48px;padding:0}.cloud-tool,.diorama-tool{gap:0}.brush-control{width:100%;height:48px;gap:5px;padding-inline:6px}.clear-button>span{display:none}.cloud-menu,.diorama-menu{width:min(280px,calc(100vw - var(--safe-area-left) - var(--safe-area-right) - 24px));max-height:calc(100dvh - var(--safe-area-top) - var(--safe-area-bottom) - 96px)}.diorama-menu{left:-46px}.compendium{padding:max(6px,var(--safe-area-top)) max(6px,var(--safe-area-right)) 0 max(6px,var(--safe-area-left))}.compendium-sheet{max-height:calc(100dvh - max(6px,var(--safe-area-top)));border-bottom-right-radius:0;border-bottom-left-radius:0;-webkit-overflow-scrolling:touch}.canvas-save-form input{font-size:16px}.delete-confirmation-card{padding:22px 18px}.share-preview-stage{min-height:270px}.share-preview-frame{height:min(35dvh,300px);min-height:210px}}@media(max-height:560px)and (orientation:landscape){.studio-overlay{place-items:center;padding:max(5px,var(--safe-area-top)) max(8px,var(--safe-area-right)) max(5px,var(--safe-area-bottom)) max(8px,var(--safe-area-left))}.studio-sheet{max-height:calc(100dvh - max(10px,calc(var(--safe-area-top) + var(--safe-area-bottom))));padding:16px;border-radius:22px}.studio-header{position:static;margin:0 0 13px;padding:0;background:transparent}.studio-header h1{font-size:28px}.studio-header p,.studio-header .studio-kicker{display:none}.gallery-save-card{grid-template-columns:44px minmax(0,1fr) minmax(290px,.9fr);padding:11px}.gallery-save-copy p{display:none}.canvas-save-form{grid-column:auto;grid-template-columns:minmax(0,1fr) auto}.gallery-section-heading{margin:16px 3px 10px}.share-workspace{display:grid;grid-template-columns:minmax(280px,1fr) minmax(240px,.68fr);gap:16px}.share-preview-stage{min-height:280px}.share-preview-frame{height:min(66dvh,285px);min-height:210px}.share-controls{margin-top:0}.share-apps{display:none}.share-delivery{position:static;margin:auto 0 0;padding:12px 0 0;border:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}}.altitude-hud{--altitude-tick-offset: 0px;position:absolute;z-index:5;inset:0;color:#effaffdb;opacity:.62;pointer-events:none;text-shadow:0 1px 6px rgba(16,55,76,.44);transition:opacity .22s ease}.altitude-hud.is-painting{opacity:.22}.altitude-scale{position:absolute;top:50%;width:96px;height:168px;transform:translateY(-50%)}.altitude-scale-right{right:max(10px,calc(var(--safe-area-right) + 8px))}.altitude-ticks{position:absolute;top:-12px;bottom:-12px;width:12px;background-image:repeating-linear-gradient(to bottom,rgba(244,252,255,.58) 0 1px,transparent 1px 12px),repeating-linear-gradient(to bottom,rgba(244,252,255,.8) 0 1px,transparent 1px 48px);background-position:0 var(--altitude-tick-offset),0 var(--altitude-tick-offset);background-repeat:repeat-y;filter:drop-shadow(0 1px 4px rgba(17,61,82,.28));mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent)}.altitude-scale-right .altitude-ticks{right:0;transform:scaleX(-1)}.altitude-marker{position:absolute;top:50%;display:flex;align-items:center;gap:3px;transform:translateY(-50%)}.altitude-marker-right{right:4px}.altitude-marker>.ph{color:#fffffff5;font-size:17px;filter:drop-shadow(0 1px 5px rgba(21,69,92,.42))}.altitude-reading{display:grid;min-width:0;padding:6px;border:1px solid rgba(255,255,255,.2);border-radius:7px;background:#1b4d6729;box-shadow:inset 0 1px #ffffff29;font-size:11px;font-variant-numeric:tabular-nums;font-weight:720;letter-spacing:.05em;line-height:1;white-space:nowrap;text-align:right;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.altitude-value{display:block;min-width:7ch;font-size:12px}.altitude-guide{--altitude-guide-top: 32%;--altitude-guide-height: 180px;position:absolute;z-index:3;top:var(--altitude-guide-top);right:0;left:0;height:var(--altitude-guide-height);visibility:hidden;opacity:0;pointer-events:none;transition:none}.altitude-guide.is-visible.is-in-viewport{visibility:visible;animation:altitude-guide-cycle 3s ease-in-out both}.altitude-guide-surface{position:absolute;inset:0;border-top:1px solid rgba(255,255,255,.72);border-bottom:1px solid rgba(255,255,255,.72);background:linear-gradient(180deg,#ffffff0a,#f4fbff24 50%,#ffffff0a);box-shadow:inset 0 12px 30px #ffffff0b,0 0 24px #e1f6ff17;animation:altitude-guide-breathe 1.35s ease-in-out 2}.altitude-guide-label{position:absolute;top:50%;left:50%;display:grid;min-width:150px;gap:2px;padding:7px 11px;border:1px solid rgba(255,255,255,.42);border-radius:11px;color:#f0fbfff0;background:#1f526a47;box-shadow:0 8px 24px #1441571f,inset 0 1px #ffffff38;text-align:center;text-shadow:0 1px 6px rgba(15,52,70,.48);transform:translate(-50%,-50%);backdrop-filter:blur(10px) saturate(1.1);-webkit-backdrop-filter:blur(10px) saturate(1.1)}.altitude-guide-label>span{font-size:8px;font-weight:680;letter-spacing:.12em;text-transform:uppercase}.altitude-guide-label>strong{font-size:12px;font-weight:720}.paint-clouds-app.is-photo-mode .altitude-hud,.paint-clouds-app.is-photo-mode .altitude-guide{visibility:hidden;opacity:0}@keyframes altitude-guide-cycle{0%{opacity:0}12%{opacity:.92}72%{opacity:.72}to{opacity:0}}@keyframes altitude-guide-breathe{0%,to{filter:brightness(.9)}50%{filter:brightness(1.22)}}@media(max-width:680px){.altitude-hud{opacity:.52}.altitude-scale{width:82px;height:136px}.altitude-scale-right{right:max(6px,calc(var(--safe-area-right) + 5px))}.phenomena-safety-note{margin-right:5px;margin-left:5px}.altitude-guide-label{min-width:142px;max-width:calc(100vw - var(--safe-area-left) - var(--safe-area-right) - 120px);padding:6px 9px}}@media(max-height:560px)and (orientation:landscape){.altitude-scale{height:124px}.altitude-guide-label{padding-block:5px}}@media(pointer:coarse){.altitude-reading,.altitude-guide-label{backdrop-filter:none;-webkit-backdrop-filter:none}}@media(prefers-reduced-motion:reduce){.altitude-guide.is-visible.is-in-viewport{animation:altitude-guide-fade 3s ease both}.altitude-guide-surface{animation:none}}@keyframes altitude-guide-fade{0%,to{opacity:0}12%,72%{opacity:.78}}.app-header .time-value{display:grid;width:100%;gap:2px;white-space:normal;line-height:1.2}.app-header .time-period{overflow-wrap:anywhere}@media(max-width:680px),(max-height:560px)and (orientation:landscape){.app-header .time-value{width:100%}.time-period{display:none}}.app-header{top:max(12px,calc(var(--safe-area-top) + 12px));right:auto;left:max(12px,calc(var(--safe-area-left) + 12px));align-items:flex-start;justify-content:flex-start}.header-actions{flex-direction:column;align-items:flex-start;gap:8px}.interface-menu-shell,.quick-control-shell{position:relative}.header-button,.header-actions .quick-control-toggle{width:44px;min-width:44px;height:44px;min-height:44px;padding:0;border-radius:14px}.interface-menu{top:0;right:auto;left:calc(100% + 12px)}.quick-control-toggle{position:relative;z-index:2}.quick-control-toggle>.ph{font-size:20px}.time-control-toggle .celestial-symbol{color:#dfa13b}.speed-control-toggle>.ph{color:#235f7ec2}.app-header .quick-control-panel{position:absolute;z-index:1;top:0;right:auto;left:calc(100% + 12px);width:min(340px,calc(100vw - var(--safe-area-left) - var(--safe-area-right) - 88px));max-width:none;height:48px;min-height:48px;margin:0;border-radius:15px;visibility:hidden;opacity:0;pointer-events:none;transform:translate(-10px) scale(.96);transform-origin:left center;transition:visibility .18s,opacity .18s ease,transform .22s cubic-bezier(.2,.8,.2,1),background .3s ease,color .3s ease}.app-header .quick-control-panel.is-open{visibility:visible;opacity:1;pointer-events:auto;transform:translate(0) scale(1)}.app-header .time-control{grid-template-columns:36px minmax(0,1fr);gap:8px;padding:0 10px}.app-header .speed-control{grid-template-columns:36px minmax(0,1fr);grid-template-rows:1fr;gap:8px;padding:0 10px}.app-header .quick-control-panel input{min-width:0;height:44px;direction:ltr}.app-header .speed-control input{grid-column:2;grid-row:1}.app-header .speed-reset{grid-column:1;grid-row:1;width:36px;height:44px;border-radius:10px}.app-header .quick-control-panel input::-webkit-slider-thumb{box-sizing:border-box;width:20px;height:20px;margin-top:-8px}.app-header .time-control input::-webkit-slider-thumb{margin-top:-7.5px}.app-header .quick-control-panel input::-moz-range-thumb{box-sizing:border-box;width:20px;height:20px}.app-header .speed-control>.ph{display:none}.app-header .speed-control label{display:block}.app-header .speed-layer{max-width:82px}.paint-clouds-app[data-time-phase=night] .time-control-toggle{color:#dfe8ffe6;background:#141d37a8}.paint-clouds-app[data-time-phase=night] .time-control-toggle .celestial-symbol{color:#dbe5ff}.paint-hint{top:max(12px,calc(var(--safe-area-top) + 12px));left:calc(50% + 32px);width:min(520px,calc(100vw - var(--safe-area-left) - var(--safe-area-right) - 104px));max-width:none;min-height:48px;padding:8px 10px 8px 8px;transform:translate(-50%);transition:top .24s ease,opacity .24s ease,transform .24s ease,visibility .24s}.paint-hint.is-introduction{width:min(460px,calc(100vw - var(--safe-area-left) - var(--safe-area-right) - 104px));padding-right:8px}.hint-copy{min-width:0;flex:1}.hint-copy strong,.hint-copy span{display:block}.hint-copy strong{color:#14435bdb;font-size:11px;font-weight:760}.hint-copy span{margin-top:1px;color:#19445c9e;font-size:10px;font-weight:560}.gesture-demo{position:relative;display:block;overflow:hidden;border:1px solid rgba(255,255,255,.7);border-radius:14px;background:linear-gradient(145deg,#ffffffc2,#c5e5f48a);box-shadow:inset 0 1px #ffffffdb}.hint-gesture{width:34px;height:34px;flex:0 0 34px;border-radius:11px}.gesture-dot,.gesture-ring,.gesture-trail{position:absolute;display:block}.gesture-dot{width:11px;height:11px;border:2px solid rgba(255,255,255,.9);border-radius:50%;background:#2584b5;box-shadow:0 3px 8px #1856773d}.gesture-paint .gesture-dot-primary{top:calc(50% - 6px);left:24%;animation:gesture-paint 2.1s ease-in-out infinite}.gesture-trail{top:calc(50% - 1px);right:19%;left:22%;height:2px;border-radius:2px;background:linear-gradient(90deg,#398fb829,#398fb894)}.gesture-condense .gesture-dot-primary{top:calc(50% - 6px);left:calc(50% - 6px);animation:gesture-hold 1.8s ease-in-out infinite}.gesture-ring{top:calc(50% - 15px);left:calc(50% - 15px);width:28px;height:28px;border:2px solid rgba(37,132,181,.36);border-radius:50%;animation:gesture-ring 1.8s ease-out infinite}.gesture-navigate .gesture-dot-left,.gesture-navigate .gesture-dot-right{top:calc(50% - 6px)}.gesture-navigate .gesture-dot-left{left:calc(50% - 17px);animation:gesture-pinch-left 2.2s ease-in-out infinite}.gesture-navigate .gesture-dot-right{right:calc(50% - 17px);animation:gesture-pinch-right 2.2s ease-in-out infinite}.tips-sheet{width:min(980px,100%)}.settings-sheet{width:min(460px,100%)}.settings-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.settings-header h1{margin:0;color:#153e56;font-size:31px;font-weight:720;letter-spacing:-.045em;line-height:1}.settings-card{display:grid;gap:18px}.settings-appearance-card,.settings-feedback-card{margin-bottom:22px;padding-bottom:22px;border-bottom:1px solid rgba(43,103,133,.14)}.settings-toggle{display:grid;min-height:44px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;cursor:pointer}.settings-toggle-copy strong,.settings-toggle-copy small{display:block}.settings-toggle-copy strong{color:#143c52e6;font-size:15px}.settings-toggle-copy small{margin-top:4px;color:#246787ad;font-size:12px;line-height:1.45}.settings-toggle input{position:absolute;width:1px;height:1px;opacity:0}.settings-toggle-track{position:relative;width:51px;height:31px;border-radius:999px;background:#69899957;transition:background .16s ease}.settings-toggle-track:after{position:absolute;top:3px;left:3px;width:25px;height:25px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #19496247;content:"";transition:transform .16s ease}.settings-toggle input:checked+.settings-toggle-track{background:#2b82ac}.settings-toggle input:checked+.settings-toggle-track:after{transform:translate(20px)}.settings-toggle input:focus-visible+.settings-toggle-track{outline:3px solid rgba(43,130,172,.28);outline-offset:3px}.volume-control{display:grid;gap:4px}.volume-control-copy{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#143c52d1;font-size:14px;font-weight:720}.music-volume-value,.ambience-volume-value{min-width:3.25em;text-align:right;color:#246787b8;font-variant-numeric:tabular-nums}.sound-volume{--volume-progress: 100%;-webkit-appearance:none;appearance:none;width:100%;height:44px;margin:0;background:transparent;cursor:pointer;touch-action:none}.sound-volume::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:linear-gradient(90deg,#2b82ac 0 var(--volume-progress),rgba(43,103,133,.22) var(--volume-progress) 100%)}.sound-volume::-webkit-slider-thumb{width:28px;height:28px;margin-top:-12px;-webkit-appearance:none;appearance:none;border:.5px solid rgba(37,82,104,.16);border-radius:50%;background:#fff;box-shadow:0 2px 7px #15415747}.sound-volume::-moz-range-track{height:4px;border:0;border-radius:999px;background:#2b678538}.sound-volume::-moz-range-progress{height:4px;border-radius:999px;background:#2b82ac}.sound-volume::-moz-range-thumb{width:28px;height:28px;border:.5px solid rgba(37,82,104,.16);border-radius:50%;background:#fff;box-shadow:0 2px 7px #15415747}.sound-volume:focus-visible{outline:3px solid rgba(43,130,172,.28);outline-offset:1px;border-radius:8px}.settings-audio-toggle{display:grid;width:100%;min-height:44px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:0 0 14px;border:0;border-bottom:1px solid rgba(43,103,133,.14);border-radius:0;color:#143c52e6;background:transparent;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.settings-audio-toggle>span{display:inline-flex;align-items:center;gap:9px}.settings-audio-track{position:relative;width:51px;height:31px;border-radius:999px;background:#69899957;transition:background .16s ease}.settings-audio-track:after{position:absolute;top:3px;left:3px;width:25px;height:25px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #19496247;content:"";transition:transform .16s ease}.settings-audio-toggle[aria-checked=true] .settings-audio-track{background:#2b82ac}.settings-audio-toggle[aria-checked=true] .settings-audio-track:after{transform:translate(20px)}.settings-audio-toggle[aria-checked=false]{color:#5b7481b8}.settings-audio-toggle:focus-visible{outline:none}.settings-audio-toggle:focus-visible .settings-audio-track{outline:3px solid rgba(43,130,172,.28);outline-offset:3px}.settings-audio-toggle[aria-checked=false]~.volume-control{opacity:.48}.settings-audio-toggle~.volume-control{transition:opacity .16s ease}.sound-volume:disabled{cursor:default}.tips-header{margin-bottom:18px}.tips-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tip-card{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:12px;min-height:96px;padding:15px;border:1px solid rgba(255,255,255,.7);border-radius:19px;background:#fafdff94;box-shadow:inset 0 1px #ffffffb8}.tip-card-visual{display:grid;width:52px;height:52px;place-items:center;border-radius:16px;color:#1e678cc7;background:linear-gradient(145deg,#ffffffc7,#bee2f394)}.tip-card-visual>.ph{font-size:23px}.tip-card-copy,.tip-card-copy strong,.tip-card-copy span{display:block}.tip-card-copy strong{color:#143c52e0;font-size:14px;font-weight:740}.tip-card-copy span{margin-top:4px;color:#18405694;font-size:13px;font-weight:510;line-height:1.45}.tips-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:16px;padding:14px 4px 0;border-top:1px solid rgba(76,133,163,.15)}.tips-footer p{display:flex;align-items:center;gap:8px;max-width:590px;margin:0;color:#17425999;font-size:13px;line-height:1.45}.tips-footer .ph{color:#d29536;font-size:17px}@keyframes gesture-paint{0%,18%{transform:translate(0);opacity:.35}38%,68%{transform:translate(120%);opacity:1}88%,to{transform:translate(0);opacity:.35}}@keyframes gesture-hold{0%,25%,to{transform:scale(.84)}48%,78%{transform:scale(1)}}@keyframes gesture-ring{0%,25%{transform:scale(.38);opacity:0}55%{opacity:.62}90%,to{transform:scale(1.25);opacity:0}}@keyframes gesture-pinch-left{0%,18%,to{transform:translate(7px)}48%,76%{transform:translate(-5px)}}@keyframes gesture-pinch-right{0%,18%,to{transform:translate(-7px)}48%,76%{transform:translate(5px)}}@media(max-width:780px){.tips-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.paint-hint.is-introduction{width:min(430px,calc(100vw - var(--safe-area-left) - var(--safe-area-right) - 88px))}.tips-grid{grid-template-columns:1fr}.tips-footer{align-items:stretch;flex-direction:column}.tips-replay{justify-content:center;width:100%}}@media(max-height:560px)and (orientation:landscape){.tips-sheet{padding:18px}.tips-header{margin-bottom:12px}.tip-card{min-height:68px;padding:9px}.tip-card-visual{width:44px;height:44px}}@media(prefers-reduced-motion:reduce){.gesture-demo *{animation:none!important}.gesture-paint .gesture-dot-primary{transform:translate(60%)}}.paint-hint.is-hidden{transform:translate(-50%,-8px)}@media(max-width:680px){.settings-dialog{place-items:center;padding:max(14px,var(--safe-area-top)) max(14px,var(--safe-area-right)) max(14px,var(--safe-area-bottom)) max(14px,var(--safe-area-left))}.settings-sheet{width:min(420px,100%);max-height:calc(100dvh - max(28px,var(--safe-area-top) + var(--safe-area-bottom)));padding:20px;border-radius:26px}.settings-header{margin-bottom:20px}.settings-header h1{font-size:23px}}@media(min-width:1800px){.tip-card-copy strong{font-size:15px}.tip-card-copy span,.tips-footer p,.volume-control-copy{font-size:14px}}@media(max-width:430px)and (orientation:portrait){.paint-hint{right:auto;font-size:11px;line-height:1.35;text-align:left}.paint-hint .info-symbol{display:grid}}@media(max-height:560px)and (orientation:landscape){.app-header{top:max(8px,calc(var(--safe-area-top) + 8px));left:max(8px,calc(var(--safe-area-left) + 8px))}.header-actions{gap:6px}.header-button,.header-actions .quick-control-toggle{width:44px;min-width:44px;height:44px;min-height:44px}.app-header .quick-control-panel{width:min(340px,calc(100vw - var(--safe-area-left) - var(--safe-area-right) - 84px));height:44px;min-height:44px}}@media(prefers-reduced-motion:reduce){.app-header .quick-control-panel{transform:none;transition:visibility .12s,opacity .12s ease}.paint-hint{transition:visibility .12s,opacity .12s ease}}@media(pointer:coarse){.header-button,.time-control,.speed-control,.paint-hint,.toolbar,.performance-diagnostics,.developer-performance-panel{backdrop-filter:none;-webkit-backdrop-filter:none}.header-button,.time-control,.speed-control,.paint-hint{background-color:#f2fafdd1}.toolbar{background-color:#f2fafde0}.ui-button,.studio-close{min-height:48px}}@media(max-height:560px)and (orientation:landscape){.paint-clouds-app{--inspection-control-top: calc(var(--safe-area-top) + 8px);min-height:0}.app-header{top:calc(var(--safe-area-top) + 8px);right:calc(var(--safe-area-right) + 8px);left:calc(var(--safe-area-left) + 8px)}.header-button-label{display:none}.header-actions{gap:4px}.header-button,.header-actions .top-controls-toggle{width:38px;min-width:38px;height:38px;min-height:38px;padding:0;border-radius:12px}.header-button>.ph{font-size:18px}.time-control{top:var(--inspection-control-top);right:auto;left:50%;display:grid;width:min(300px,calc(100% - var(--safe-area-left) - var(--safe-area-right) - 396px));max-width:none;min-height:38px;grid-template-columns:18px 52px minmax(0,1fr) 72px;gap:5px;padding:0 8px;border-radius:13px;transform:translate(-50%)}.cloud-light-toggle{height:36px;padding:0;font-size:22px}.time-value{width:72px;font-size:8px}.speed-control{top:calc(var(--inspection-control-top) + 46px);right:auto;left:50%;width:min(300px,calc(100% - var(--safe-area-left) - var(--safe-area-right) - 32px));max-width:none;min-height:38px;grid-template-columns:16px minmax(64px,auto) minmax(70px,1fr) 26px 24px;gap:5px;padding:0 7px;border-radius:13px;transform:translate(-50%)}.speed-control label{display:block;font-size:9px}.speed-layer{max-width:76px;font-size:7px}.speed-reset{width:24px;height:24px}.paint-hint{top:calc(var(--inspection-control-top) + 92px);right:auto;left:50%;width:min(300px,calc(100% - 32px));padding:7px 9px;font-size:10px;transform:translate(-50%)}.toolbar{right:calc(var(--safe-area-right) + 8px);bottom:calc(var(--safe-area-bottom) + 8px);left:calc(var(--safe-area-left) + 8px);display:grid;width:auto;max-width:360px;height:50px;grid-template-columns:42px 42px 38px minmax(78px,1fr) 38px 42px;gap:2px;margin-inline:auto;padding:4px;border-radius:17px;transform:none}.toolbar-collapse-toggle{bottom:calc(var(--safe-area-bottom) + 54px)}.paint-clouds-app.are-painting-controls-hidden .toolbar-collapse-toggle{bottom:calc(var(--safe-area-bottom) + 5px)}.paint-clouds-app.are-painting-controls-hidden .toolbar{transform:translateY(calc(100% + 48px))}.toolbar-divider,.cloud-tool-copy,.diorama-tool .tool-label,.menu-chevron,.clear-button>span{display:none}.cloud-picker,.diorama-picker{min-width:0}.cloud-tool,.diorama-tool,.icon-button,.clear-button{width:100%;min-width:0;height:40px;min-height:40px;gap:0;padding:0;border-radius:12px}.cloud-brush-thumb{width:30px;height:30px;flex-basis:30px}.environment-icon{width:28px;height:28px;flex-basis:28px;border-radius:9px;font-size:20px;line-height:26px}.brush-control{width:100%;height:40px;gap:5px;padding:0 6px;border-radius:12px}.brush-size-slider::-webkit-slider-thumb,.time-control input::-webkit-slider-thumb{width:18px;height:18px;margin-top:-7px}.brush-size-slider::-moz-range-thumb,.time-control input::-moz-range-thumb{width:14px;height:14px}.cloud-menu,.diorama-menu{max-height:calc(100dvh - var(--safe-area-top) - var(--safe-area-bottom) - 70px)}.diorama-menu{left:-48px}.paint-clouds-app.are-top-controls-hidden .time-control,.paint-clouds-app.are-top-controls-hidden .speed-control{transform:translate(-50%,-8px) scale(.96)}}@media(max-height:560px)and (orientation:landscape){.app-header{top:max(8px,calc(var(--safe-area-top) + 8px));right:auto;left:max(8px,calc(var(--safe-area-left) + 8px))}.header-actions{gap:6px}.header-button,.header-actions .quick-control-toggle{width:44px;min-width:44px;height:44px;min-height:44px}.paint-hint{top:max(8px,calc(var(--safe-area-top) + 8px));left:calc(50% + 32px);width:min(520px,calc(100vw - var(--safe-area-left) - var(--safe-area-right) - 104px));max-width:none}.cloud-menu,.diorama-menu{max-height:calc(100dvh - var(--safe-area-top) - var(--safe-area-bottom) - 122px);overflow-y:auto;overscroll-behavior:contain}}@media(max-width:700px){.studio-overlay,.studio-overlay.journey-dialog,.compendium{place-items:stretch;padding:0}.studio-sheet,.studio-sheet.experience-sheet,.studio-sheet.journey-sheet,.compendium-sheet{width:100%;height:100dvh;max-height:100dvh;padding:0 14px calc(var(--safe-area-bottom) + 18px);border:0;border-radius:0;background:radial-gradient(circle at 92% 2%,#d5edf9 0,transparent 32%),linear-gradient(145deg,#f8fcff,#d9eef8);box-shadow:none;animation:mobile-modal-in .3s ease-out both}.studio-header,.experience-sheet .studio-header,.journey-sheet .studio-header,.compendium-header,.settings-header{position:sticky;z-index:10;top:0;margin:0 -14px 16px;padding:calc(var(--safe-area-top) + 14px) 64px 13px 18px;background:linear-gradient(180deg,#f4fbff,#e9f6fc);box-shadow:0 1px #2b67851f,0 9px 24px #16445c12;backdrop-filter:none;-webkit-backdrop-filter:none}.studio-header>div,.experience-sheet .studio-header>div,.journey-sheet .studio-header>div,.compendium-header>div{min-width:0;max-width:none;margin-inline:0}.studio-header h1,.experience-sheet .studio-header h1,.journey-sheet .studio-header h1,.compendium-header h1,.settings-header h1{font-size:30px;line-height:1.04}.studio-header p,.experience-sheet .studio-header p{margin-top:7px;font-size:14px;line-height:1.4}.studio-close,.compendium-close,.ui-button.ui-button-icon,.settings-actions .sound-button{width:44px;min-width:44px;height:44px;min-height:44px;aspect-ratio:1;flex:0 0 44px;padding:0;border-radius:50%}.studio-header>.studio-close,.settings-header>.studio-close,.experience-sheet .experience-close,.journey-sheet .studio-header .studio-close,.compendium-close{position:absolute;top:calc(var(--safe-area-top) + 11px);right:14px}.journey-sheet .studio-header{text-align:center}.journey-sheet .studio-header h1{font-size:32px}.journey-sheet .studio-header .studio-kicker{margin-bottom:4px;font-size:10px}.compendium-header{min-height:calc(var(--safe-area-top) + 71px)}.settings-header{align-items:center;padding-right:64px}.settings-close{position:absolute;top:calc(var(--safe-area-top) + 11px);right:14px}}@keyframes mobile-modal-in{0%{opacity:0}}.journey-sheet{isolation:isolate}.journey-confetti{position:absolute;z-index:9;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none}.journey-confetti i{--confetti-color: #2b8fb5;position:absolute;top:-20px;left:calc((var(--confetti-index) + 1) * 4%);width:8px;height:15px;border-radius:3px;background:var(--confetti-color);box-shadow:0 2px 3px #144a621f;animation:journey-confetti-fall 1.9s calc(var(--confetti-index) * 34ms) cubic-bezier(.18,.76,.3,1) both}.journey-confetti i:nth-child(4n+2){--confetti-color: #f0b64c;width:10px;height:10px;border-radius:50%}.journey-confetti i:nth-child(4n+3){--confetti-color: #8a78c8}.journey-confetti i:nth-child(4n+4){--confetti-color: #5abf9b;width:6px}.journey-dialog.is-celebrating .studio-header:before{display:grid;width:64px;height:64px;margin:0 auto 11px;place-items:center;border:1px solid rgba(255,255,255,.86);border-radius:50%;color:#fff;background:linear-gradient(145deg,#55b995,#2789aa);box-shadow:0 12px 28px #1e778b3d,inset 0 1px #ffffff73;content:"✓";font-family:inherit;font-size:31px;font-weight:850;line-height:1;animation:journey-celebration-pop .62s .1s cubic-bezier(.16,1,.3,1) both}.journey-dialog.is-grand-celebration .studio-header:before{color:#fff8da;background:linear-gradient(145deg,#f2b944,#8879c8 70%,#398eae);content:"★"}.journey-dialog.is-celebrating .journey-stage-visuals{animation:journey-celebration-rise .65s .18s cubic-bezier(.16,1,.3,1) both}.journey-fact{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;padding:15px 16px;border:1px solid rgba(70,126,157,.16);border-radius:17px;color:#173f57c2;background:#fffbe2ad;box-shadow:inset 0 1px #ffffffbf;font-size:14px;line-height:1.5;animation:journey-check-in .54s .34s cubic-bezier(.16,1,.3,1) both}.journey-fact>.ph{display:grid;width:42px;height:42px;place-items:center;border-radius:14px;color:#a86f19;background:#ffffffb8;font-size:22px}.journey-fact span,.journey-fact strong{display:block}.journey-fact strong{margin-bottom:2px;color:#80520d;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.journey-unlock-note strong{color:#277a66}@keyframes journey-confetti-fall{0%{opacity:0;transform:translate3d(0,-10px,0) rotate(0)}12%{opacity:1}to{opacity:0;transform:translate3d(calc((var(--confetti-index) - 12) * 2px),min(720px,92dvh),0) rotate(640deg)}}@keyframes journey-celebration-pop{0%{opacity:0;transform:scale(.35) rotate(-14deg)}58%{transform:scale(1.09) rotate(3deg)}}@keyframes journey-celebration-rise{0%{opacity:0;transform:translateY(18px) scale(.97)}}.experience-option strong{font-family:Manrope,Noto Sans,ui-sans-serif,system-ui,sans-serif;font-weight:820;letter-spacing:-.045em}.photo-mode-button,.photo-mode-snap{height:48px;min-height:48px;font-size:12px}.photo-mode-button .ph,.photo-mode-snap .ph{flex:0 0 auto;font-size:19px}.share-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.share-primary,.share-download{justify-content:center;width:100%;min-width:0;min-height:52px;margin:0;padding-inline:14px;font-size:12px}@media(max-width:430px){.share-download span{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal;clip-path:none}}@media(max-width:700px){.journey-dialog.is-celebrating .studio-header{padding-bottom:15px}.journey-dialog.is-celebrating .studio-header:before{width:54px;height:54px;margin-bottom:8px;font-size:27px}.journey-dialog.is-celebrating .journey-stage-visuals{justify-content:center}.journey-dialog.is-celebrating .journey-visual{flex-basis:132px}.journey-fact{grid-template-columns:38px minmax(0,1fr);padding:13px 14px;font-size:13px}.journey-fact>.ph{width:38px;height:38px}}@media(max-width:700px)and (orientation:portrait){.experience-options{gap:12px}.experience-option{min-height:138px;grid-template-columns:96px minmax(0,1fr);padding:10px}.experience-option-art{min-height:116px}.experience-option-art img{height:116px}}@media(prefers-reduced-motion:reduce){.journey-confetti{display:none}.journey-dialog.is-celebrating .studio-header:before,.journey-dialog.is-celebrating .journey-stage-visuals,.journey-fact{animation:none}}.purchase-sheet{display:grid;width:min(900px,calc(100vw - var(--safe-area-left) - var(--safe-area-right) - 28px));height:min(610px,calc(100dvh - var(--safe-area-top) - var(--safe-area-bottom) - 28px));max-height:calc(100dvh - var(--safe-area-top) - var(--safe-area-bottom) - 28px);grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);padding:0;overflow:hidden;background:#f8fbfa}.purchase-showcase{position:relative;min-height:0;overflow:hidden;background:#153e56}.purchase-video{display:block;width:100%;height:100%;object-fit:contain}.purchase-showcase-label{position:absolute;top:20px;left:20px;padding:8px 12px;border-radius:20px;background:#153e56b8;color:#fff;font-size:11px;font-weight:700}.purchase-video-toggle{position:absolute;bottom:18px;right:18px;display:grid;place-items:center;width:44px;height:44px;border:1px solid #ffffff80;border-radius:50%;color:#fff;background:#153e56c9;cursor:pointer;font-size:20px}.purchase-content{position:relative;display:flex;flex-direction:column;justify-content:center;min-width:0;min-height:0;padding:58px 32px 24px;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}.purchase-close{position:absolute;z-index:3;top:16px;right:16px}.purchase-header h1{margin:10px 0 12px;color:#153e56;font-family:var(--display-font);font-size:clamp(32px,3.8vw,44px);font-weight:620;letter-spacing:-.04em;line-height:1.08}.purchase-header p{margin:0;color:#526a78;font-size:14px;line-height:1.5}.purchase-offer{display:grid;gap:4px;margin:24px 0 2px}.purchase-price{color:#153e56;font-size:32px;font-weight:800;letter-spacing:-.04em}.purchase-price-note{color:#526a78;font-size:11px;line-height:1.5}.purchase-status{margin:12px 0 0;color:#526a78;font-size:12px;line-height:1.5}.purchase-status.is-error{color:#9b4236}.purchase-status.is-success{color:#23745f}.purchase-adult-note{margin:20px 0 0;color:#526a78;font-size:12px;line-height:1.5}.purchase-actions{display:grid;gap:6px;margin-top:22px}.purchase-primary{width:100%;min-height:58px;justify-content:center;gap:9px;margin:0 0 6px;border:1px solid #60bfe0;border-radius:18px;color:#fff;background:linear-gradient(125deg,#126884,#14685e);box-shadow:0 6px 22px #137c8950,0 0 0 4px #7ccdc326;font-size:15px}.purchase-primary:hover:not(:disabled){background:linear-gradient(125deg,#0d5b74,#0d5b51);box-shadow:0 8px 28px #137c8970,0 0 0 5px #7ccdc333}.purchase-primary:focus-visible,.purchase-video-toggle:focus-visible{outline:3px solid #c58d25;outline-offset:4px}.purchase-primary:disabled{box-shadow:none}.purchase-primary.is-loading .ph{animation:purchase-spin .9s linear infinite}.purchase-keep-painting,.purchase-restore{justify-content:center;min-height:40px}.purchase-keep-painting{min-height:48px;color:#355867;font-size:13px}.purchase-restore{color:#496978;font-size:11px;text-decoration:underline}.purchase-terms,.purchase-support{margin:12px 0 0;color:#526a78;font-size:10px;line-height:1.5;text-align:center}.purchase-terms a{color:#355867}.purchase-support{overflow-wrap:anywhere}.purchase-content [hidden],.purchase-video-toggle[hidden]{display:none}.journey-animal-preview{width:min(260px,100%);margin:0 auto;padding:10px 20px;border-radius:24px;color:#fff;background:linear-gradient(150deg,#63a9d5,#98c5e1)}.journey-animal-preview svg{display:block;width:100%}@keyframes purchase-spin{to{transform:rotate(360deg)}}@media(max-width:700px)and (orientation:portrait){.studio-sheet.purchase-sheet{display:flex;flex-direction:column;width:100%;height:100dvh;max-height:100dvh;padding:0;overflow-y:auto;border:0;border-radius:0}.purchase-showcase{flex:0 0 auto;height:clamp(190px,34dvh,330px)}.purchase-showcase-label{top:max(14px,calc(var(--safe-area-top) + 10px));left:max(14px,calc(var(--safe-area-left) + 10px))}.purchase-content{flex:1 0 auto;padding:22px max(22px,calc(var(--safe-area-right) + 16px)) max(18px,calc(var(--safe-area-bottom) + 12px)) max(22px,calc(var(--safe-area-left) + 16px));overflow:visible}.purchase-close{position:fixed;top:max(12px,calc(var(--safe-area-top) + 8px));right:max(12px,calc(var(--safe-area-right) + 8px));background:#f8fbfaed}.purchase-header h1{font-size:34px;margin-top:8px}.purchase-offer{margin-top:16px}.purchase-actions{margin-top:18px}}@media(max-height:560px)and (orientation:landscape){.studio-sheet.purchase-sheet{width:100%;height:100dvh;max-height:100dvh;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);border:0;border-radius:0}.purchase-content{display:block;padding:max(20px,calc(var(--safe-area-top) + 12px)) max(22px,calc(var(--safe-area-right) + 14px)) max(16px,calc(var(--safe-area-bottom) + 10px)) 22px}.purchase-header{padding-right:34px}.purchase-header h1{font-size:28px}.purchase-header p{font-size:12px}.purchase-offer,.purchase-actions{margin-top:12px}.purchase-primary{min-height:48px;font-size:13px}.purchase-keep-painting,.purchase-restore{min-height:34px}.purchase-keep-painting{min-height:44px}}@media(prefers-reduced-motion:reduce){.purchase-primary.is-loading .ph{animation:none}}@media(max-width:375px)and (max-height:700px)and (orientation:portrait){.purchase-showcase{height:150px}.purchase-content{padding-top:18px}.purchase-header h1{font-size:28px}.purchase-header p{font-size:12px}.purchase-actions{margin-top:14px}.purchase-primary{min-height:52px;font-size:13px}}@media(max-width:360px)and (orientation:portrait){.toolbar{display:grid;height:auto;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:44px 44px;gap:4px;padding:6px}.toolbar>.cloud-picker,.toolbar>.diorama-picker,.toolbar>.mode-button,.toolbar>#undo,.toolbar>#clear{grid-row:1}.toolbar>.cloud-picker{grid-column:1}.toolbar>.diorama-picker{grid-column:2}.toolbar>.mode-button{grid-column:3}.toolbar>#undo{grid-column:4}.toolbar>#clear{grid-column:5}.toolbar .brush-control{grid-column:1 / -1;grid-row:2;width:100%;height:44px}.toolbar-collapse-toggle{bottom:calc(var(--safe-area-bottom) + 116px)}.paint-clouds-app.are-painting-controls-hidden .toolbar-collapse-toggle{bottom:calc(var(--safe-area-bottom) + 5px)}}.replay-dialog{position:fixed;inset:calc(var(--safe-area-top) + 12px) calc(var(--safe-area-right) + 12px) calc(var(--safe-area-bottom) + 12px) calc(var(--safe-area-left) + 12px);width:min(760px,calc(100vw - var(--safe-area-left) - var(--safe-area-right) - 24px));max-width:none;max-height:calc(100dvh - var(--safe-area-top) - var(--safe-area-bottom) - 24px);box-sizing:border-box;margin:auto;padding:24px;border:1px solid #d7e6e9;border-radius:24px;color:#244d60;background:#f7fbf7;box-shadow:0 24px 90px #173d5340;overflow:auto;overscroll-behavior:contain}.replay-dialog::backdrop{background:#102c4b88;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.replay-dialog .studio-header{position:static;align-items:center;gap:12px;margin:0 0 18px;padding:0;background:none;box-shadow:none}.replay-dialog .studio-header>.studio-close{position:static}.replay-dialog .studio-header>div{min-width:0;padding:0}.replay-dialog h1{margin:0;font-size:28px;line-height:1.1}.replay-dialog p{margin:0;font-size:13px;line-height:1.5}.replay-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(220px,1fr);align-items:start;gap:24px}.replay-preview{min-width:0;min-height:120px;border-radius:16px;overflow:hidden;display:grid;place-items:center;background:#d5e7e8}.replay-preview video,.replay-preview canvas,.replay-preview img{display:block;width:100%;max-height:min(480px,calc(100dvh - var(--safe-area-top) - var(--safe-area-bottom) - 160px));object-fit:contain}.replay-dialog [hidden]{display:none}.replay-controls{display:grid;gap:12px;min-width:0}.replay-controls .ui-button{width:100%;min-height:44px;padding:10px 14px}.replay-length{display:grid;grid-template-columns:1fr 1fr;gap:6px;min-width:0;margin:0;padding:0;border:0}.replay-length legend{margin-bottom:8px;padding:0;font-size:12px;font-weight:700}.replay-length label{position:relative;cursor:pointer}.replay-length input{position:absolute;opacity:0;width:1px;height:1px}.replay-length span{display:grid;min-height:44px;place-items:center;border:1px solid #b8ced2;border-radius:12px;background:#fff;font-size:14px;font-weight:700}.replay-length input:checked+span{border-color:#226581;color:#185e82;background:#e0f0f4;box-shadow:inset 0 0 0 1px #226581}.replay-length input:focus-visible+span{outline:3px solid #23779e;outline-offset:3px}.replay-length input:disabled+span{opacity:.55;cursor:default}.replay-controls progress{width:100%;accent-color:#327c81}.replay-status:empty,.replay-note:empty{display:none}.replay-note{color:#526d79}.photo-mode-actions{max-width:calc(100vw - var(--safe-area-left) - var(--safe-area-right) - 24px)}.photo-mode-actions .photo-mode-button{width:44px;flex:0 0 44px;padding:0;font-size:18px}.photo-mode-actions .photo-mode-snap{min-width:0;flex:1;padding-inline:18px;font-size:13px;white-space:nowrap}.photo-mode-replay{color:#185e82;background:#f5fbfd;box-shadow:none}.photo-mode-status{max-width:calc(100vw - var(--safe-area-left) - var(--safe-area-right) - 24px);width:max-content;box-sizing:border-box}@media(max-width:600px){.replay-dialog{padding:16px;border-radius:20px}.replay-dialog h1{font-size:24px}.replay-layout{grid-template-columns:1fr;gap:14px}.replay-preview video,.replay-preview canvas,.replay-preview img{max-height:max(120px,min(32dvh,280px))}}@media(max-width:380px){.photo-mode-actions .photo-mode-snap{gap:5px;padding-inline:8px}}@media(max-height:500px)and (min-width:601px){.replay-dialog{padding:14px;border-radius:18px}.replay-dialog .studio-header{margin-bottom:12px}.replay-dialog h1{font-size:22px}.replay-layout{grid-template-columns:minmax(0,1fr) minmax(180px,1fr);gap:16px}.replay-controls{gap:8px}}.share-sheet,.share-sheet .studio-header{background:#f7fbf7}.share-preview-stage{min-height:0;padding:4px 8px 16px}.share-preview-frame{min-height:0;max-height:none;height:min(46dvh,400px);box-shadow:0 10px 28px #173d5326}.share-preview-frame[data-preview-preset=original]{width:auto;height:min(38dvh,340px)}.share-adjust{min-height:44px;padding:10px 16px}.share-workspace{grid-template-columns:minmax(0,1fr) minmax(0,.85fr)}.share-controls{margin:0}.share-delivery{position:static;margin:0;padding:0;border:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none}.share-apps{flex-wrap:wrap;overflow:visible;margin:10px 0 16px}.share-apps span{font-size:11px}.share-actions .ui-button{white-space:normal;overflow-wrap:anywhere}.share-primary,.share-download{padding:12px;font-size:13px}.replay-status,.share-status{overflow-wrap:anywhere}.share-status:empty{display:none}@media(max-width:680px){.share-workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}.share-preview-frame{height:min(32dvh,280px)}.share-preview-frame[data-preview-preset=original]{height:min(28dvh,240px)}.share-delivery{padding-top:16px;border-top:1px solid #d7e6e9}}@media(max-height:560px)and (min-width:601px){.share-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.share-preview-frame,.share-preview-frame[data-preview-preset=original]{height:min(42dvh,230px)}.share-preview-stage{padding-bottom:6px}.share-preview-panel{gap:6px}.share-delivery{padding:0;border:0}}.gesture-demo{background:linear-gradient(145deg,#315c7a,#679ab5);border:0;box-shadow:none}.gesture-scene{display:block;width:100%;height:100%;overflow:visible}.demo-hand{fill:#fff;stroke:#31526b;stroke-width:1.5;stroke-linejoin:round}.demo-contact{stroke:#fff;stroke-width:2;opacity:.7}.demo-cloud{fill:#fff;opacity:.6;transform-origin:90px 32px}.demo-horizon{stroke:#fff;stroke-opacity:.12;stroke-width:1}.demo-path{stroke:#fff;stroke-opacity:.4;stroke-width:3;stroke-linecap:round;stroke-dasharray:3 7}.demo-arrows{display:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.demo-finger{animation:demo-contact-cycle 3.6s ease-in-out infinite}.gesture-paint .demo-primary{animation:demo-draw 3.6s ease-in-out infinite}.gesture-paint .demo-cloud{animation:demo-form 3.6s ease-in-out infinite}.gesture-condense .demo-cloud{animation:demo-thicken 3.6s ease-in-out infinite}.gesture-condense .demo-contact{animation:demo-hold-ring 3.6s ease-in-out infinite;transform-origin:0 0}.gesture-condense .demo-path,.gesture-navigate .demo-path,.gesture-zoom .demo-path{display:none}.gesture-navigate .demo-finger,.gesture-navigate .demo-cloud{animation:demo-pan 3.6s ease-in-out infinite}.gesture-zoom .demo-left{animation:demo-spread-left 3.6s ease-in-out infinite}.gesture-zoom .demo-right{animation:demo-spread-right 3.6s ease-in-out infinite}.gesture-zoom .demo-cloud{animation:demo-zoom 3.6s ease-in-out infinite}@keyframes demo-draw{0%,10%{opacity:.55;transform:translate(-28px)}20%{opacity:1;transform:translate(-28px)}70%,82%{opacity:1;transform:translate(62px)}94%,to{opacity:.55;transform:translate(62px)}}@keyframes demo-form{0%,15%{clip-path:inset(0 100% 0 0);opacity:.15}70%,85%{clip-path:inset(0 0 0 0);opacity:.9}to{opacity:.15}}@keyframes demo-contact-cycle{0%,to{opacity:.55}16%,82%{opacity:1}}@keyframes demo-thicken{0%,12%,to{opacity:.18;transform:scale(.8)}68%,86%{opacity:1;transform:scale(1.08)}}@keyframes demo-hold-ring{0%,15%,to{opacity:0;transform:scale(.7)}55%{opacity:1}85%{opacity:0;transform:scale(1.5)}}@keyframes demo-pan{0%,14%,to{transform:translate(-25px)}65%,85%{transform:translate(25px)}}@keyframes demo-spread-left{0%,14%,to{transform:translate(10px)}55%,72%{transform:translate(-22px)}}@keyframes demo-spread-right{0%,14%,to{transform:translate(-10px)}55%,72%{transform:translate(22px)}}@keyframes demo-zoom{0%,14%,to{transform:scale(.65);opacity:.55}55%,72%{transform:scale(1.3);opacity:.95}}.paint-clouds-app .paint-hint{width:min(480px,calc(100vw - 100px - var(--safe-area-left) - var(--safe-area-right)));top:max(12px,calc(var(--safe-area-top) + 12px));left:calc(50% + 30px);max-width:none;min-height:52px;font-size:14px;line-height:1.45;padding:12px 16px}.paint-clouds-app .paint-hint.is-introduction{width:min(510px,calc(100vw - 100px - var(--safe-area-left) - var(--safe-area-right)));min-height:132px;gap:16px;padding:8px 16px 8px 4px;color:#fff;background:#15364ee0;border-color:#ffffff47;box-shadow:0 12px 30px #16344924}.paint-hint.is-introduction .hint-gesture{display:block;width:174px;height:116px;flex:0 0 174px;background:none;border:0;box-shadow:none}.paint-hint.is-introduction .hint-copy strong{color:#fff;font-size:18px;line-height:1.2}.paint-hint.is-introduction .hint-copy span{color:#ffffffd9;font-size:14px;line-height:1.4;margin-top:8px}.paint-hint .hint-dismiss{align-self:flex-start;margin-top:7px;color:inherit;opacity:.7}.paint-clouds-app.is-painting-input .paint-hint,.paint-clouds-app.has-modal-guidance .paint-hint{opacity:0;visibility:hidden;pointer-events:none}.paint-clouds-app.is-painting-input .gesture-scene *,.paint-clouds-app.has-modal-guidance .paint-hint .gesture-scene *{animation-play-state:paused}.tips-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}.tip-card.tip-card-gesture{display:flex;flex-direction:column;align-items:stretch;gap:14px;padding:12px}.tip-card-gesture .tip-card-visual{width:100%;height:140px;flex:none;border-radius:18px}.tip-card-gesture .tip-card-copy strong{font-size:17px}.tip-card-gesture .tip-card-copy>span{font-size:14px;line-height:1.5}.tip-card:not(.tip-card-gesture){grid-column:span 2}.tips-footer-actions{display:flex;flex-wrap:wrap;gap:8px}.cloud-painting-advice{padding:14px 16px;border-radius:16px;background:#ffffff90;line-height:1.5}.cloud-painting-advice strong{display:block;margin-bottom:4px}.settings-painting-card{display:grid;gap:24px;margin-bottom:22px;padding-bottom:22px;border-bottom:1px solid #2b678522}.discovery-tour{pointer-events:none;background:none;-webkit-backdrop-filter:none;backdrop-filter:none}.discovery-tour .discovery-card{pointer-events:auto;width:min(340px,calc(100vw - 24px));padding:18px;animation:compendium-rise-in .22s ease both}.discovery-tour .discovery-spotlight{box-shadow:0 0 0 2px #fff9,0 0 18px #ffffff5c;pointer-events:none}.discovery-card h1{font-size:21px}.discovery-card #discovery-copy{font-size:14px;line-height:1.45;margin:12px 0}.discovery-card .onboarding-kicker{display:none}.journey-status.has-update:after{--notification-shadow: rgba(54, 119, 158, .3);content:"";position:absolute;top:3px;right:3px;width:9px;height:9px;background:#fff;border:2px solid #36779e;border-radius:50%}.canvas-navigation{position:absolute;z-index:12;right:max(16px,calc(var(--safe-area-right) + 12px));bottom:max(104px,calc(var(--safe-area-bottom) + 104px));display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:none}.canvas-navigation button{min-width:44px;min-height:44px;border:1px solid #ffffff90;border-radius:13px;background:#f0f8ffed;color:#244d69;cursor:pointer;font:inherit;font-weight:700;pointer-events:auto}.canvas-navigation button:focus-visible{outline:3px solid #3181b7;outline-offset:3px}.navigation-toggle{display:flex;align-items:center;gap:8px;padding:10px 14px;box-shadow:0 3px 14px #183d5b14;font-size:13px!important}.navigation-toggle i{font-size:21px}.is-moving-sky .navigation-toggle{display:none}.together-label{padding:5px 10px;background:#204967d9;border-radius:9px;color:#fff;font-size:12px}.navigation-panel{pointer-events:auto;width:208px;padding:14px;border-radius:20px;background:#eaf5fff5;box-shadow:0 8px 30px #16344930;color:#244d69;display:grid;gap:10px}.navigation-panel>strong{font-size:15px}.navigation-panel>span{font-size:12px}.navigation-directions{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.navigation-directions button[data-navigate=up]{grid-column:2}.navigation-directions button[data-navigate=left]{grid-column:1}.navigation-directions button[data-navigate=down]{grid-column:2}.navigation-zoom{display:flex;align-items:center;justify-content:space-between;gap:6px}.navigation-zoom button{font-size:25px}.navigation-paint{background:#285e84!important;color:#fff!important;font-size:13px!important}.canvas-navigation[hidden],.canvas-navigation [hidden]{display:none!important}.has-modal-guidance .canvas-navigation,.is-photo-mode .canvas-navigation{visibility:hidden;pointer-events:none}@media(max-width:780px){.tips-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tip-card:not(.tip-card-gesture){grid-column:span 1}}@media(max-width:520px){.paint-clouds-app .paint-hint{top:calc(var(--safe-area-top) + 58px)}.paint-clouds-app .paint-hint.is-introduction{display:grid;grid-template-columns:1fr;gap:4px;padding:10px 16px 18px}.paint-hint.is-introduction .hint-gesture{width:100%;height:132px}.paint-hint.is-introduction .hint-copy strong{font-size:18px}.paint-hint.is-introduction .hint-copy span{font-size:14px;margin-top:6px}.paint-hint .hint-dismiss{position:absolute;top:0;right:8px}.tip-card-gesture .tip-card-visual{height:118px}.tip-card:not(.tip-card-gesture){grid-column:span 2}.canvas-navigation{right:max(12px,var(--safe-area-right));bottom:calc(var(--safe-area-bottom) + 122px)}}@media(max-height:560px)and (orientation:landscape){.paint-clouds-app .paint-hint.is-introduction{width:min(450px,calc(100vw - 210px));min-height:100px}.paint-hint.is-introduction .hint-gesture{width:132px;height:88px;flex-basis:132px}.canvas-navigation{bottom:calc(var(--safe-area-bottom) + 84px)}.navigation-panel{width:278px;max-height:calc(100dvh - var(--safe-area-top) - var(--safe-area-bottom) - 184px);overflow-y:auto;gap:6px;padding:10px}.navigation-directions{display:flex;gap:3px}.navigation-panel>span{display:none}.navigation-zoom{justify-content:center}.navigation-paint{position:static;min-height:36px!important}}@media(max-width:360px)and (orientation:portrait){.canvas-navigation{bottom:calc(var(--safe-area-bottom) + 156px)}.navigation-panel>span{display:none}.navigation-panel{max-height:calc(100dvh - var(--safe-area-top) - var(--safe-area-bottom) - 248px);overflow-y:auto;gap:6px;padding:10px}}@media(prefers-reduced-motion:reduce){.gesture-scene *{animation:none!important}.demo-arrows{display:block}.demo-cloud{opacity:.75}.demo-finger{opacity:1}.gesture-paint .demo-arrows,.gesture-condense .demo-arrows{display:none}.paint-clouds-app .paint-hint,.discovery-card{transition:none!important;animation:none!important}}.settings-language-card{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-bottom:22px}.settings-language-card label{display:grid;gap:5px}.settings-language-card small{color:var(--text-muted, #617486);font-size:12px;line-height:1.5}[data-language-select]{min-height:44px;max-width:100%;padding:10px 32px 10px 12px;border:1px solid #c9d7df;border-radius:12px;color:#24485b;background:#fff;font:inherit}[data-language-select]:focus-visible{outline:3px solid #2086b5;outline-offset:3px}.settings-toggle-copy,.interface-menu-item>span{min-width:0;overflow-wrap:anywhere}.ui-button{white-space:normal}html[dir=rtl] .paint-clouds-app{text-align:start}html[dir=rtl] .paint-clouds-app .app-header,html[dir=rtl] .paint-clouds-app .toolbar,html[dir=rtl] .paint-clouds-app .toolbar-collapse-toggle,html[dir=rtl] .paint-clouds-app input[type=range]{direction:ltr}html[dir=rtl] .paint-clouds-app .app-header .interface-menu,html[dir=rtl] .paint-clouds-app .app-header .quick-control-panel,html[dir=rtl] .paint-clouds-app .cloud-menu,html[dir=rtl] .paint-clouds-app .diorama-menu,html[dir=rtl] .paint-clouds-app .studio-overlay,html[dir=rtl] .paint-clouds-app .studio-sheet,html[dir=rtl] .paint-clouds-app .settings-dialog,html[dir=rtl] .paint-clouds-app .replay-dialog,html[dir=rtl] .paint-clouds-app .navigation-panel,html[dir=rtl] .paint-clouds-app .discovery-card,html[dir=rtl] .paint-clouds-app .paint-hint{direction:rtl;text-align:start}html[dir=rtl] .paint-clouds-app .toolbar .brush-control,html[dir=rtl] .paint-clouds-app .toolbar .cloud-picker,html[dir=rtl] .paint-clouds-app .toolbar .diorama-picker{direction:rtl}html[dir=rtl] .paint-clouds-app .toolbar input[type=range]{direction:ltr}html[dir=rtl] .paint-clouds-app :is(.purchase-price,.purchase-price-note,.time-value,.speed-value,[data-price],[data-user-name]){unicode-bidi:isolate}html[dir=rtl] .paint-clouds-app :is(.purchase-price,.purchase-price-note,.time-value,.speed-value,[data-price]){direction:ltr;text-align:start}html:lang(ar) .paint-clouds-app{--display-font: "Noto Sans Arabic", "Geeza Pro", sans-serif}html:lang(ja) .paint-clouds-app{--display-font: "Hiragino Sans", "Yu Gothic UI", sans-serif}html:lang(zh) .paint-clouds-app{--display-font: "PingFang SC", "Microsoft YaHei", sans-serif}html:lang(hi) .paint-clouds-app{--display-font: "Kohinoor Devanagari", "Nirmala UI", sans-serif}html[dir=rtl] .paint-clouds-app :is(.navigation-directions,.navigation-zoom){direction:ltr}html[dir=rtl] .paint-clouds-app :is(.hint-copy,.cloud-card-body,.shape-coach-step,.shape-guide-option,.tip-card-copy){text-align:start}html[dir=rtl] [translate=no]{unicode-bidi:plaintext}html:lang(ar) :is(h1,h2,h3,button,strong){letter-spacing:normal}body.website-demo{display:flex;flex-direction:column;height:100dvh;overflow:hidden;background:#8bc9eb}.demo-bar{display:flex;flex:0 0 auto;gap:16px;align-items:center;justify-content:space-between;padding:10px max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left));padding-top:max(10px,env(safe-area-inset-top));background:#f4f5ed;color:#193e4b;font:650 12px/1.4 Manrope Variable,sans-serif}.demo-bar a{color:inherit;text-decoration:none;padding:4px}.demo-bar a:focus-visible{outline:2px solid #087b9b;outline-offset:2px}.website-demo #app{position:relative;min-height:0;flex:1;width:100%;height:auto}.demo-loading{position:fixed;inset:50px 0 0;z-index:500;display:grid;place-content:center;text-align:center;padding:25px;color:#193e4b;background:#8bc9eb}.demo-loading[hidden]{display:none}.demo-loading a{color:inherit}.demo-upgrade{width:min(460px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:30px;border:0;border-radius:22px;background:#f4f5ed;color:#193e4b;box-shadow:0 24px 70px #193e4b44}.demo-upgrade::backdrop{background:#102e4266}.demo-upgrade h2{font:500 34px/1.1 Fraunces Variable,Georgia,serif;margin:0 0 20px}.demo-upgrade p{font:14px/1.7 Manrope Variable,sans-serif}.demo-upgrade>div{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:24px}.demo-upgrade button{padding:13px 18px;border:0;border-radius:99px;color:#fff;background:#193e4b;font:700 13px Manrope Variable,sans-serif;cursor:pointer}.demo-upgrade a{color:inherit;font-size:13px}@media(max-width:480px){.demo-bar>span{display:none}.demo-bar{font-size:11px}}