@import"https://fonts.googleapis.com/css2?family=Gloock&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";@import"https://cdn.jsdelivr.net/npm/@phosphor-icons/web@2.1.2/src/regular/style.css";html,body{width:100%;height:100%;margin:0;padding:0;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;background-color:#1b1b1b;overflow:hidden}canvas{touch-action:none;width:100%;height:100%;position:absolute;top:0;left:0;display:block}.app-header,.app-header *,.about-overlay,.about-overlay *,.camera-views-root,.camera-views-root *,.settings-overlay,.settings-overlay *,.screenshot-btn-root,.screenshot-btn-root *,.audio-btn-root,.audio-btn-root *,.wrapper-card,.wrapper-card *,.radial-color-menu-root,.radial-color-menu-root *,.intro-container,.intro-container *{box-sizing:border-box;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;font-family:Montserrat,sans-serif}.ph-icon{font-style:normal;display:inline-block;vertical-align:middle;pointer-events:none}.app-header svg,.about-overlay svg,.camera-views-root svg{pointer-events:none}.app-header{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;flex-direction:row;padding:40px;background-image:linear-gradient(175deg,#0000008c,#0000 30%);width:100%;z-index:1000;pointer-events:none;transform:translateY(-100px);opacity:1;visibility:visible;transition:transform 2s ease-in-out,opacity .8s ease,visibility 0s linear 0s}.app-header-actions{display:flex;flex-direction:row;align-items:center;gap:12px;pointer-events:all}.app-header--force-hidden{opacity:0;visibility:hidden;pointer-events:none;transition:transform 2s ease-in-out,opacity .8s ease,visibility 0s linear .8s}.app-header-brand{display:flex;align-items:center;justify-content:flex-start;min-width:0;flex:1 1 auto;padding:8px;gap:3px}.app-header-brand-text{display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:flex-start;min-width:0;padding:0}.app-header.show{transform:translateY(0);opacity:1}.app-header-brand p{color:#ffffffb3;font-size:clamp(.95rem,2.4vw,1.5em);font-family:Montserrat,sans-serif;font-weight:400;margin:0;text-align:left;white-space:nowrap;line-height:1.15}.app-header-brand small{border-left:1px solid rgba(255,255,255,.316);color:#ffffffb3;font-size:6px;font-weight:600;letter-spacing:.5em;margin:0;padding-left:10px;text-align:center}.app-header-about-btn{display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:center;padding:8px 32px;color:#fff;font-size:8px;text-align:center;letter-spacing:.2em;text-transform:uppercase;background-color:#746f9b1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:50px;transition:all 1.6s ease-in-out;pointer-events:all;cursor:pointer;font-family:Montserrat,sans-serif}.app-header-action-btn{display:inline-flex;flex-direction:row;gap:10px;align-items:center;justify-content:center;padding:10px 14px;color:#ffffffeb;font-size:10px;font-weight:500;letter-spacing:.14em;background:#746f9b1f;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border:1px solid rgba(255,255,255,.22);border-radius:999px;box-shadow:0 4px 24px #0000001f,inset 0 1px #ffffff1f;transition:background .35s ease,border-color .35s ease,transform .25s ease;pointer-events:all;cursor:pointer;font-family:Montserrat,sans-serif}.app-header-icon-btn{width:44px;height:44px;padding:0;border-radius:50%;flex-shrink:0}.app-header-action-btn:hover{background:#746f9b38;border-color:#ffffff59}.app-header-action-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1}.app-header-icon-btn .app-header-action-icon .ph-icon{font-size:19px}@media(max-width:640px){.app-header{padding:20px 16px;gap:10px}.app-header-brand{padding:4px}.app-header-brand-text{gap:2px;flex-direction:column;align-items:flex-start;justify-content:flex-start}.app-header-brand p{font-size:clamp(.78rem,5vw,1.5rem)}.app-header-brand small{font-size:5px;letter-spacing:.28em;padding-left:0;border-left:none;text-align:left}.app-header-actions{gap:8px;flex-shrink:0}.app-header-about-btn{padding:8px 16px;font-size:7px}.app-header-icon-btn{width:40px;height:40px}}.about-overlay{position:fixed!important;top:0;right:0;bottom:0;left:0;z-index:1200!important;pointer-events:all;display:flex;align-items:center;justify-content:center;padding:24px;color:#fff;background-color:#0009}.about-overlay[hidden]{display:none!important}.about-overlay--force-hidden{display:none!important;pointer-events:none!important}.panel.about{position:relative;display:flex;flex-direction:column;gap:28px;width:min(560px,100%);padding:40px 44px 36px;color:#fffffff2;backdrop-filter:blur(12px) saturate(150%) brightness(.55);-webkit-backdrop-filter:blur(12px) saturate(150%) brightness(.55);box-shadow:inset 0 0 16px 3px #fff3;border-radius:16px;border:1px solid rgba(255,255,255,.2)}.panel.about .about-body{display:flex;flex-direction:column;gap:16px;padding-right:28px}.panel.about p{margin:0;font-weight:400;letter-spacing:-.01em;padding:0}.panel.about .about-lead{font-size:1rem;line-height:1.65;opacity:.92}.panel.about .about-footer{display:flex;flex-direction:column;gap:18px}.panel.about .about-buttons{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.panel.about .about-model-credits{font-size:.82rem;line-height:1.5;opacity:.7}.panel.about .about-model-credits a{color:inherit;text-decoration:underline;text-underline-offset:2px;opacity:1;transition:opacity .2s ease-in-out}.panel.about .about-model-credits a:hover{opacity:.85}.close-button-panel{cursor:pointer;pointer-events:auto;position:absolute;top:16px;right:16px;width:36px;height:36px;border:none;background-color:#ffffff1f;color:#fffffff2;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease-in-out,transform .2s ease-in-out;padding:0;z-index:1}.close-button-panel svg{width:18px;height:18px;color:inherit;stroke:currentColor;opacity:1;pointer-events:none}.close-button-panel:hover{background-color:#ffffff38;transform:scale(1.05)}.refresh-button-panel{cursor:pointer;pointer-events:auto;padding:12px 22px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:50px;color:#2c3da1;background-color:#fff;transition:all .25s ease-in-out;font-weight:600;font-size:12px;letter-spacing:.04em;text-transform:uppercase;font-family:Montserrat,sans-serif}.refresh-button-panel:hover{background-color:#ffffffe6;box-shadow:0 2px 8px #ffffff47}.refresh-button-panel:active{transform:scale(.98)}.about-overlay::-webkit-scrollbar{width:6px}.about-overlay::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.about-overlay::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.about-overlay::-webkit-scrollbar-thumb:hover{background:#fff6}@media(max-width:768px){.panel.about{width:100%;max-height:80dvh;overflow-y:auto;padding:32px 28px 28px;gap:24px}.panel.about .about-body{padding-right:20px}.panel.about .about-lead{font-size:.95rem}.panel.about .about-buttons{flex-direction:column;align-items:stretch}.refresh-button-panel{width:100%}}.camera-views-root{position:fixed;left:220px;bottom:30px;z-index:40;pointer-events:none;font-family:Montserrat,sans-serif}.camera-views-toolbar{display:flex;align-items:center;gap:8px;pointer-events:none;position:relative}.camera-views-root--hidden{visibility:hidden;pointer-events:none}.camera-views-root--hidden .camera-views-toggle,.camera-views-root--hidden .camera-views-show-pois-toggle,.camera-views-root--hidden .camera-views-wrapper{pointer-events:none}.camera-views-root--force-hidden{opacity:0;visibility:hidden;pointer-events:none}.camera-views-toggle,.camera-views-show-pois-toggle{position:relative;flex-shrink:0;width:40px;height:40px;pointer-events:all;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:none;color:#fff;cursor:pointer;line-height:0;transition:border-color .2s ease,transform .2s ease,background-color .2s ease}.camera-views-toggle:hover,.camera-views-show-pois-toggle:hover{border-color:#ffffffd9;transform:translateY(-2px)}.camera-views-toggle svg,.camera-views-show-pois-toggle svg{width:18px;height:18px;display:block;stroke:currentColor;pointer-events:none}.camera-views-show-pois-toggle--active{border-color:#ffffffd9;background:#ffffff14}.camera-views-toggle[aria-expanded=true]{border-color:#ffffffd9}.camera-views-wrapper{position:absolute;left:20px;bottom:calc(100% + 8px);pointer-events:all;color:#fff;background-color:#68686826;-webkit-backdrop-filter:blur(8px) saturate(150%) brightness(1.2);backdrop-filter:blur(8px) saturate(150%) brightness(1.2);box-shadow:inset 0 0 6px 2px #fff3;border-radius:18px;border:1px solid rgba(255,255,255,.3);transform:translate(-50%);transform-origin:bottom center;animation:cameraViewsSlideUpIn .3s ease-out forwards}.camera-views-wrapper[hidden]{display:none}@keyframes cameraViewsSlideUpIn{0%{opacity:0;transform:translate(-50%) translateY(10px) scale(.96)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes cameraViewsSlideUpInMobile{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.camera-views-panel{padding:6px 8px 8px;display:flex;flex-direction:column;gap:2px}.camera-views-header{display:flex;justify-content:flex-end;min-height:16px}.camera-views-grid{--camera-thumb-width: 300px;display:grid;grid-template-columns:1fr;width:var(--camera-thumb-width);gap:10px;justify-content:center;padding:2px 4px 4px 2px;max-height:min(58vh,480px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;-webkit-mask-image:linear-gradient(to bottom,black calc(100% - 18px),transparent 100%);mask-image:linear-gradient(to bottom,black calc(100% - 18px),transparent 100%)}.camera-views-grid::-webkit-scrollbar{width:4px}.camera-views-grid::-webkit-scrollbar-track{background:#ffffff1a;border-radius:2px}.camera-views-grid::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.camera-views-grid::-webkit-scrollbar-thumb:hover{background:#fff6}.close-button-camera-views{cursor:pointer;pointer-events:visible;padding:2px;border:none;background:none;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease-in-out;color:#fff;flex-shrink:0}.close-button-camera-views:hover{background-color:#ffffff1a;transform:scale(1.1)}.close-button-camera-views svg{width:14px;height:14px;fill:#fff;pointer-events:none}.camera-view-item{position:relative;cursor:pointer;width:100%;aspect-ratio:16 / 9;padding:0;border-radius:12px;border:1px solid rgba(255,255,255,.25);background:#0003;overflow:hidden;transition:transform .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out;font-family:inherit}.camera-view-thumb{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.camera-view-index{position:absolute;left:8px;bottom:8px;padding:3px 7px;border-radius:6px;background:#0000008c;color:#fff;font-size:11px;font-weight:600;line-height:1.2;pointer-events:none}.camera-view-item:hover{transform:translateY(-1px);border-color:#ffffff80}.camera-view-item.active{border-color:#ffffffb3;box-shadow:0 0 0 2px #ffffffb3}@media(max-width:768px){.camera-views-root{left:auto;right:16px;bottom:30px}.camera-views-toggle,.camera-views-show-pois-toggle{width:48px;height:48px;border-color:#ffffff38;background:#746f9b1f;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:0 4px 24px #0000001f,inset 0 1px #ffffff1f}.camera-views-toggle:hover,.camera-views-toggle[aria-expanded=true],.camera-views-show-pois-toggle:hover,.camera-views-show-pois-toggle--active{background:#746f9b38;border-color:#ffffff59}.camera-views-wrapper{left:auto;right:0;transform:none;transform-origin:bottom right;animation-name:cameraViewsSlideUpInMobile}.camera-views-grid{--camera-thumb-width: min(300px, calc(100vw - 72px) );max-height:min(58vh,480px);padding-right:2px}.camera-views-panel{padding:5px 6px 6px}.camera-view-item{border-radius:10px}.camera-view-index{font-size:10px;left:6px;bottom:6px;padding:2px 6px}.camera-views-toggle svg{width:18px;height:18px}}.icon-btn-popover-host{position:relative;display:inline-flex;flex-shrink:0}.icon-btn-popover{position:absolute;left:50%;bottom:calc(100% + 8px);z-index:2;transform:translate(-50%) translateY(4px);padding:6px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.3);background-color:#68686826;-webkit-backdrop-filter:blur(8px) saturate(150%) brightness(1.2);backdrop-filter:blur(8px) saturate(150%) brightness(1.2);box-shadow:inset 0 0 6px 2px #ffffff26;color:#fff;font-family:Montserrat,sans-serif;font-size:11px;font-weight:500;line-height:1.3;letter-spacing:.01em;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility 0s linear .2s}.icon-btn-popover-host--visible .icon-btn-popover{opacity:1;visibility:visible;transform:translate(-50%) translateY(0);transition:opacity .2s ease,transform .2s ease,visibility 0s linear 0s}@media(max-width:768px),(pointer:coarse){.icon-btn-popover{display:none!important}}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:24px;pointer-events:all;background:transparent}.settings-overlay[hidden]{display:none!important}.settings-overlay--force-hidden{display:none!important;pointer-events:none!important}.settings-glass{position:relative;width:min(480px,100%);padding:28px 40px 32px;color:#fffffff2;background:#0a0c14bf;backdrop-filter:blur(20px) saturate(120%);-webkit-backdrop-filter:blur(20px) saturate(120%);border:1px solid rgba(255,255,255,.08);border-radius:28px;box-shadow:0 20px 60px #00000073,inset 0 1px #ffffff0f;transform:translateY(8px) scale(.98);transition:transform .45s cubic-bezier(.22,1,.36,1)}.settings-overlay:not([hidden]) .settings-glass{transform:translateY(0) scale(1)}.settings-close{position:absolute;top:16px;right:16px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:#ffffff14;color:#fffc;cursor:pointer;transition:background .2s ease;padding:0}.settings-close .ph-icon{font-size:16px}.settings-close:hover{background:#ffffff24}.settings-header{display:flex;flex-direction:column;gap:8px;margin-bottom:28px;padding-right:32px}.settings-header-icon{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:12px;background:#ffffff14;color:#ffffffe6}.settings-header-icon .ph-icon{font-size:18px}.settings-title{margin:0;font-family:Montserrat,sans-serif;font-size:1.35rem;font-weight:500;letter-spacing:-.02em}.settings-subtitle{margin:0;font-family:Montserrat,sans-serif;font-size:.82rem;font-weight:400;color:#ffffff80}.settings-options{display:flex;flex-direction:column;gap:0}.settings-section{display:flex;flex-direction:column;gap:12px}.settings-section-title{margin:0;font-family:Montserrat,sans-serif;font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#ffffff6b}.settings-render-options{display:flex;flex-direction:column;gap:10px}.settings-render-option{display:block;cursor:pointer}.settings-render-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.settings-render-card{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:16px;background:#ffffff0a;box-shadow:inset 0 1px 4px #0000001a;border:1px solid transparent;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.settings-render-input:checked+.settings-render-card{background:#6e9bff24;border-color:#96beff47;box-shadow:inset 0 1px 4px #00000014,0 0 0 1px #82afff14}.settings-render-input:focus-visible+.settings-render-card{outline:2px solid rgba(255,255,255,.35);outline-offset:2px}.settings-option{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-radius:16px;background:#ffffff0a;box-shadow:inset 0 1px 4px #0000001a;cursor:pointer;-webkit-user-select:none;user-select:none}.settings-option-text{display:flex;flex-direction:column;gap:4px;min-width:0}.settings-option-title{font-family:Montserrat,sans-serif;font-size:.92rem;font-weight:500;color:#ffffffeb}.settings-option-desc{font-family:Montserrat,sans-serif;font-size:.75rem;font-weight:400;color:#ffffff73;line-height:1.4}.settings-toggle-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.settings-toggle{position:relative;flex-shrink:0;width:48px;height:28px;border-radius:999px;background:#ffffff1f;transition:background .25s ease}.settings-toggle:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#ffffffe0;box-shadow:0 2px 8px #0003;transition:transform .25s cubic-bezier(.22,1,.36,1)}.settings-toggle-input:checked+.settings-toggle{background:#82afff73}.settings-toggle-input:checked+.settings-toggle:after{transform:translate(20px)}.settings-toggle-input:focus-visible+.settings-toggle{outline:2px solid rgba(255,255,255,.35);outline-offset:2px}.settings-divider{height:1px;margin:20px 0;background:#ffffff14}.settings-restart-btn{display:inline-flex;width:100%;align-items:center;justify-content:center;gap:10px;padding:14px 20px;font-family:Montserrat,sans-serif;font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#ffdcdcf2;background:#b4464638;border:1px solid rgba(255,140,140,.28);border-radius:14px;cursor:pointer;transition:background .25s ease,border-color .25s ease,transform .2s ease}.settings-restart-btn .ph-icon{font-size:16px}.settings-restart-btn:hover{background:#c8505052;border-color:#ffa0a066}.settings-restart-btn:active{transform:scale(.98)}.settings-restart-hint{margin:10px 0 0;font-family:Montserrat,sans-serif;font-size:.72rem;font-weight:400;color:#ffffff61;text-align:center;line-height:1.45}@media(min-width:768px){.settings-overlay{justify-content:flex-end;align-items:center;padding:24px 32px 24px 24px}}@media(max-width:480px){.settings-glass{padding:32px 24px 28px}}.performance-banner{position:fixed;left:50%;bottom:24px;z-index:1003;width:min(560px,calc(100vw - 32px));transform:translate(-50%) translateY(12px);opacity:0;pointer-events:none;transition:opacity .35s ease,transform .35s cubic-bezier(.22,1,.36,1)}.performance-banner--visible{opacity:1;transform:translate(-50%) translateY(0);pointer-events:all}.performance-banner[hidden]{display:none!important}.performance-banner-glass{display:flex;flex-direction:column;gap:16px;padding:18px 20px;color:#fffffff2;background:#ffffff14;backdrop-filter:blur(28px) saturate(140%);-webkit-backdrop-filter:blur(28px) saturate(140%);border-radius:20px;box-shadow:0 16px 48px #00000047,inset 0 1px #ffffff1f}.performance-banner-text{margin:0;font-family:Montserrat,sans-serif;font-size:.86rem;font-weight:500;line-height:1.45;color:#ffffffe6}.performance-banner-actions{display:flex;flex-wrap:wrap;gap:10px}.performance-banner-btn{flex:1 1 auto;min-width:120px;padding:11px 16px;font-family:Montserrat,sans-serif;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#ffffffe0;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:12px;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}.performance-banner-btn:hover{background:#ffffff24;border-color:#fff3}.performance-banner-btn:active{transform:scale(.98)}.performance-banner-btn--primary{color:#ebf5fffa;background:#6e9bff47;border-color:#96beff59}.performance-banner-btn--primary:hover{background:#78a5ff61;border-color:#aacdff73}@media(max-width:480px){.performance-banner{bottom:16px;width:calc(100vw - 24px)}.performance-banner-actions{flex-direction:column}.performance-banner-btn{width:100%}}.resize-warning-banner{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1105;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;pointer-events:none;transition:opacity .35s ease}.resize-warning-banner--visible{opacity:1;pointer-events:all}.resize-warning-banner[hidden]{display:none!important}.resize-warning-banner-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000d9;pointer-events:all}.resize-warning-banner-glass{position:relative;z-index:1;display:flex;flex-direction:column;gap:16px;width:min(560px,100%);padding:24px 22px;color:#fffffff2;background:#ffffff14;backdrop-filter:blur(28px) saturate(140%);-webkit-backdrop-filter:blur(28px) saturate(140%);border:1px solid rgba(255,196,120,.28);border-radius:20px;box-shadow:0 16px 48px #00000047,inset 0 1px #ffffff1f;pointer-events:all}.resize-warning-banner-text{margin:0;font-family:Montserrat,sans-serif;font-size:.86rem;font-weight:500;line-height:1.45;color:#ffffffe6;text-align:center}.resize-warning-banner-actions{display:flex;flex-wrap:wrap;gap:10px}.resize-warning-banner-btn{flex:1 1 auto;min-width:120px;padding:11px 16px;font-family:Montserrat,sans-serif;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#ffffffe0;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:12px;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}.resize-warning-banner-btn:hover{background:#ffffff24;border-color:#fff3}.resize-warning-banner-btn:active{transform:scale(.98)}.resize-warning-banner-btn--primary{color:#fff4e6fa;background:#ffaa5047;border-color:#ffc4786b}.resize-warning-banner-btn--primary:hover{background:#ffb45f61;border-color:#ffd29680}@media(max-width:480px){.resize-warning-banner{padding:16px}.resize-warning-banner-btn{width:100%}}.screenshot-btn-root{position:fixed;right:40px;bottom:30px;z-index:40;width:auto;height:40px;pointer-events:none;font-family:Montserrat,sans-serif;opacity:1;visibility:visible;transition:opacity .8s ease,visibility 0s linear 0s}.screenshot-btn-root--hidden,.screenshot-btn-root--force-hidden{visibility:hidden;pointer-events:none;opacity:0;transition:opacity .8s ease,visibility 0s linear .8s}.screenshot-btn{pointer-events:all;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:0;width:40px;height:40px;padding:0;border:1px solid rgba(255,255,255,.22);border-radius:999px;overflow:hidden;background:#746f9b1f;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);color:#ffffffeb;box-shadow:0 4px 24px #0000001f,inset 0 1px #ffffff1f;cursor:pointer;transition:background .35s ease,border-color .35s ease,transform .25s ease,box-shadow .35s ease,opacity .2s ease}.screenshot-btn:hover:not(:disabled){width:auto;gap:8px;padding:0 14px 0 12px;background:#746f9b38;border-color:#ffffff59;box-shadow:0 8px 32px #0000002e,inset 0 1px #ffffff2e;transform:translateY(-2px)}.screenshot-btn:active:not(:disabled){transform:scale(.98)}.screenshot-btn:disabled{opacity:.55;cursor:wait}.screenshot-btn-icon{display:flex;align-items:center;justify-content:center}.screenshot-btn-icon .ph-icon{font-size:18px}.screenshot-btn-label{max-width:0;opacity:0;overflow:hidden;white-space:nowrap;font-size:.82rem;font-weight:500;letter-spacing:.01em;transition:max-width .25s ease,opacity .2s ease}.screenshot-btn:hover:not(:disabled) .screenshot-btn-label{max-width:80px;opacity:1}.screenshot-btn-root--capturing .screenshot-btn-icon .ph-icon{animation:screenshot-btn-pulse .9s ease-in-out infinite}@keyframes screenshot-btn-pulse{0%,to{opacity:.55}50%{opacity:1}}@media(max-width:768px){.screenshot-btn-root{display:none!important}}.audio-btn-root{position:fixed;right:40px;bottom:82px;z-index:40;width:40px;height:40px;pointer-events:none;opacity:1;visibility:visible;transition:opacity .8s ease,visibility 0s linear 0s,transform .3s ease-in-out}.audio-btn-root--hidden,.audio-btn-root--force-hidden{visibility:hidden;pointer-events:none;opacity:0;transform:translateY(20px);transition:opacity .8s ease,visibility 0s linear .8s,transform .3s ease-in-out}.audio-btn{pointer-events:all;cursor:pointer;background-repeat:no-repeat;width:40px;height:40px;border:1px solid rgba(255,255,255,.2);background-color:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease-in-out;padding:0;color:inherit}.audio-btn:hover{transform:translateY(-2px);background-color:#ffffff5c}.audio-btn-wave{width:30px;height:20px;pointer-events:none;fill:#2e2e2e99;transform:translate(2px,-2px)}.audio-btn-wave.animated path{transform-origin:50% 50%}@keyframes music-on-graph{0%{transform:scaleY(1);transform-origin:50% 50%}50%{transform:scaleY(.7);transform-origin:50% 50%;opacity:.5}to{transform:scaleY(1);transform-origin:50% 50%;opacity:1}}.audio-btn-wave.animated #Line_1{animation:music-on-graph 1s infinite alternate;animation-delay:.15s}.audio-btn-wave.animated #Line_2{animation:music-on-graph 1s infinite alternate;animation-delay:.3s}.audio-btn-wave.animated #Line_3{animation:music-on-graph 1s infinite alternate;animation-delay:.45s}.audio-btn-wave.animated #Line_4{animation:music-on-graph 1s infinite alternate;animation-delay:.6s}.audio-btn-wave.animated #Line_5{animation:music-on-graph 1s infinite alternate;animation-delay:.75s}@media(max-width:768px){.audio-btn-root{right:16px;bottom:90px;width:48px;height:48px}.audio-btn{width:48px;height:48px}}.wrapper-card{width:100%;height:100%;bottom:0;left:0;position:fixed;display:flex;align-items:flex-end;justify-content:center;z-index:100;pointer-events:none;font-family:Montserrat,sans-serif}.wrapper-card .card-instructions{display:flex;flex-direction:row;align-items:center;gap:28px;width:min(640px,calc(100vw - 48px));margin-bottom:100px;padding:22px 22px 22px 26px;color:#ffffffeb;background:#0c0e1444;backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);border:1px solid rgba(255,255,255,.12);border-radius:20px;box-shadow:0 18px 48px #00000052,inset 0 1px #ffffff1a}.wrapper-card .card-instructions .card-icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;color:#fffffff2}.wrapper-card .card-instructions .card-icon .paint-brush-svg{width:36px;height:36px;display:block}.wrapper-card .card-instructions .card-body{display:flex;flex-direction:column;align-items:flex-start;gap:8px;flex:1;min-width:0;text-align:left}.wrapper-card .card-instructions .card-title{margin:0;font-size:.95rem;font-weight:600;letter-spacing:-.02em;line-height:1.3;color:#fffffffa}.wrapper-card .card-instructions .card-copy{margin:0;font-size:.84rem;font-weight:400;line-height:1.55;color:#ffffffb8}.card-instructions .button{flex-shrink:0;border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:11px 18px;cursor:pointer;pointer-events:all;background:#ffffff1a;color:#fffffff2;font-family:Montserrat,sans-serif;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;transition:background .2s ease,border-color .2s ease,transform .2s ease}.card-instructions .button:hover{background:#ffffff2e;border-color:#ffffff47}.card-instructions .button:active{transform:scale(.98)}@media only screen and (max-width:1200px){.wrapper-card .card-instructions{flex-direction:column;align-items:center;gap:18px;width:min(420px,calc(100vw - 32px));margin-bottom:88px;padding:22px 24px}.wrapper-card .card-instructions .card-body{align-items:center;text-align:center}.card-instructions .button{width:100%}}@media only screen and (max-width:480px){.wrapper-card .card-instructions{margin-bottom:72px;padding:20px}.wrapper-card .card-instructions .card-title{font-size:.9rem}.wrapper-card .card-instructions .card-copy{font-size:.8rem}}.radial-color-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:all;background:#0000001a;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);animation:radial-fade-in .2s ease-in-out}.radial-color-menu{--menu-size: 280px;position:fixed;z-index:10000;transform:translate(-50%,-50%);pointer-events:all}.radial-trigger-button{position:absolute;z-index:10001;left:50%;top:50%;display:flex;justify-content:center;align-items:center;width:60px;height:60px;border:none;color:#fff;font-size:20px;border-radius:50%;background:linear-gradient(135deg,#e0e2e9,#656363);box-shadow:0 4px 12px #0000001a,0 8px 24px #0003;transform:translate(-50%,-50%);transition:all .2s ease-in-out;cursor:pointer}.radial-trigger-button:hover{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 6px 16px #0006,0 12px 32px #00000040}.radial-trigger-button svg{transition:transform .3s ease-in-out;pointer-events:none}.radial-color-menu.active .radial-trigger-button svg{transform:rotate(90deg)}.radial-menu-list{width:var(--menu-size);height:var(--menu-size);position:absolute;top:50%;left:50%;padding:0;margin:0;transform:translate(-50%,-50%);list-style:none}.radial-menu-item{list-style:none;position:absolute;top:50%;left:50%;width:50px;height:50px;transform:translate(-50%,-50%) scale(.1);opacity:0;transition:all .35s cubic-bezier(.68,-.55,.265,1.55);transition-delay:0s}.radial-color-menu.active .radial-menu-item{--angle: 0deg;--star-angle: 0deg;--point-size: 50px;--countItem: 9;--radius: calc((var(--menu-size) / 2) - (var(--point-size) / 2));--x: calc(var(--radius) * cos(var(--angle) + var(--star-angle)));--y: calc(var(--radius) * sin(var(--angle) + var(--star-angle)));top:calc(var(--radius) + var(--y) + (var(--point-size) / 2));left:calc(var(--radius) + var(--x) + (var(--point-size) / 2));width:var(--point-size);height:var(--point-size);transform:translate(-50%,-50%) scale(1);opacity:1}.radial-color-menu.active .radial-menu-item:nth-child(1){--angle: calc((360deg / var(--countItem)) * 0);transition-delay:.02s}.radial-color-menu.active .radial-menu-item:nth-child(2){--angle: calc((360deg / var(--countItem)) * 1);transition-delay:.04s}.radial-color-menu.active .radial-menu-item:nth-child(3){--angle: calc((360deg / var(--countItem)) * 2);transition-delay:.06s}.radial-color-menu.active .radial-menu-item:nth-child(4){--angle: calc((360deg / var(--countItem)) * 3);transition-delay:.08s}.radial-color-menu.active .radial-menu-item:nth-child(5){--angle: calc((360deg / var(--countItem)) * 4);transition-delay:.1s}.radial-color-menu.active .radial-menu-item:nth-child(6){--angle: calc((360deg / var(--countItem)) * 5);transition-delay:.12s}.radial-color-menu.active .radial-menu-item:nth-child(7){--angle: calc((360deg / var(--countItem)) * 6);transition-delay:.14s}.radial-color-menu.active .radial-menu-item:nth-child(8){--angle: calc((360deg / var(--countItem)) * 7);transition-delay:.16s}.radial-color-menu.active .radial-menu-item:nth-child(9){--angle: calc((360deg / var(--countItem)) * 8);transition-delay:.18s}.radial-color-menu.active .radial-menu-item:nth-child(10){--angle: calc((360deg / var(--countItem)) * 9);transition-delay:.2s}.radial-color-button{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border:3px solid #ffffff;border-radius:50%;box-shadow:0 4px 12px #00000040,0 8px 24px #00000026,inset 0 2px 4px #ffffff4d;cursor:pointer;transition:all .25s cubic-bezier(.68,-.55,.265,1.55);position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;touch-action:manipulation;padding:0}.radial-color-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.4),transparent 50%);opacity:.6}.radial-color-button:hover{transform:scale(1.3);box-shadow:0 6px 16px #00000059,0 12px 32px #0003,inset 0 2px 6px #fff6;border-width:4px;z-index:100}.radial-color-button:active,.radial-color-button.active{transform:scale(1.15)}.radial-color-button.active:after{content:"";position:absolute;width:12px;height:12px;background:#fff;border-radius:50%;box-shadow:0 2px 6px #0006;z-index:10}.radial-color-button.active:hover{transform:scale(1.25)}@keyframes radial-fade-in{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.radial-color-menu{--menu-size: 240px}.radial-menu-item{width:55px;height:55px}.radial-trigger-button{width:50px;height:50px;font-size:18px}.radial-color-button{border-width:4px}}@media(max-width:480px){.radial-color-menu{--menu-size: 220px}.radial-menu-item{width:50px;height:50px}.radial-trigger-button{width:45px;height:45px;font-size:16px}}.paint-hover-hint-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.camera-pois-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;pointer-events:none;overflow:hidden;font-family:Montserrat,sans-serif}.camera-pois-root--hidden,.camera-pois-root--force-hidden{visibility:hidden;pointer-events:none}.camera-pois-root--force-hidden{opacity:0;transition:opacity .8s ease,visibility 0s linear .8s}.camera-pois-root:not(.camera-pois-root--force-hidden){transition:opacity .8s ease,visibility 0s linear 0s}.camera-poi{--poi-t: 0;--poi-min-scale: .533;position:absolute;left:0;top:0;width:30px;height:30px;margin:0;padding:0;border:none;border-radius:50%;background:none;color:#fff;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(var(--poi-min-scale));transition:opacity .12s ease-out,transform .12s ease-out;will-change:transform,opacity}.camera-poi--visible{opacity:calc(.25 + var(--poi-t) * .75);transform:translate(-50%,-50%) scale(calc(var(--poi-min-scale) + var(--poi-t) * (1 - var(--poi-min-scale))))}.camera-poi__dot{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:8px;height:8px;border-radius:50%;background:#ffffffeb;box-shadow:0 0 0 1px #00000040,0 0 8px #ffffff59;pointer-events:none;opacity:calc(1 - clamp(0,(var(--poi-t) - .3) / .45,1));transform:scale(calc(1 - var(--poi-t) * .35));transition:opacity .12s ease-out,transform .12s ease-out}.camera-poi__icon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:#68686826;-webkit-backdrop-filter:blur(8px) saturate(150%) brightness(1.2);backdrop-filter:blur(8px) saturate(150%) brightness(1.2);box-shadow:inset 0 0 6px 2px #ffffff26;pointer-events:none;opacity:clamp(0,(var(--poi-t) - .35) / .5,1);transform:scale(calc(.55 + var(--poi-t) * .45));border-color:rgba(255,255,255,calc(.35 + var(--poi-t) * .5));transition:opacity .12s ease-out,transform .12s ease-out,border-color .12s ease-out}.camera-poi__icon svg{width:16px;height:16px;stroke:currentColor;pointer-events:none}@media(pointer:coarse){.camera-poi{width:36px;height:36px}.camera-poi__dot{width:10px;height:10px}.camera-poi__icon svg{width:18px;height:18px}}.camera-limits-dev{position:fixed;top:88px;right:16px;z-index:55;width:min(360px,calc(100vw - 32px));padding:14px 16px;border:1px solid rgba(255,255,255,.2);border-radius:14px;background:#0c0c0ee0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#f2f2f2;font-family:Montserrat,sans-serif;font-size:11px;line-height:1.4;pointer-events:all;box-shadow:0 12px 40px #00000059}.camera-limits-dev--tuning-on{border-color:#78beff73}.camera-limits-dev--tuning-off .camera-limits-dev__axes,.camera-limits-dev--tuning-off .camera-limits-dev__status{display:none}.camera-limits-dev--tuning-off{width:min(280px,calc(100vw - 32px))}.camera-limits-dev__header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.camera-limits-dev__title{margin:0;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.camera-limits-dev__toggle{display:inline-flex;align-items:center;gap:6px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:10px}.camera-limits-dev__toggle input{accent-color:#78beff}.camera-limits-dev__hint{margin:0 0 10px;color:#ffffff9e;font-size:10px}.camera-limits-dev__preset{margin:0 0 6px;color:#ffffffb8}.camera-limits-dev__preset strong{color:#fff;font-weight:600}.camera-limits-dev__status{margin:0 0 12px;padding:8px 10px;border-radius:8px;background:#78beff1a;color:#dcebffeb;font-size:10px}.camera-limits-dev--ready .camera-limits-dev__status{background:#ffffff0f;color:#ffffffc7}.camera-limits-dev__axes{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.camera-limits-dev__axis{padding:10px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.camera-limits-dev__axis-title{margin:0 0 8px;font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#ffffffd9}.camera-limits-dev__row{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:8px;margin-bottom:6px}.camera-limits-dev__row:last-child{margin-bottom:0}.camera-limits-dev__row--now{margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08)}.camera-limits-dev__row--now .camera-limits-dev__row-value{color:#fff;font-weight:600}.camera-limits-dev__row-label{color:#ffffff8c;font-size:9px;text-transform:uppercase;letter-spacing:.05em}.camera-limits-dev__row-value{font-size:11px;font-weight:500;font-variant-numeric:tabular-nums;color:#ffffffd1}.camera-limits-dev__btn{padding:6px 10px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:#ffffff0a;color:#fff;font-family:inherit;font-size:10px;white-space:nowrap;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}.camera-limits-dev__btn:hover:not(:disabled){border-color:#ffffff80;background:#ffffff1a}.camera-limits-dev__btn:disabled{opacity:.35;cursor:not-allowed}.camera-limits-dev__btn--register{min-width:104px}.camera-limits-dev__btn--set{border-color:#78ffaa80;background:#78ffaa24}.camera-limits-dev__btn--primary{border-color:#ffffff73;background:#ffffff1f}.camera-limits-dev__btn--flash{transform:scale(.97);border-color:#78ffaad9;background:#78ffaa38}.camera-limits-dev__footer{display:flex;flex-wrap:wrap;gap:8px}.camera-limits-dev__footer .camera-limits-dev__btn{flex:1 1 calc(50% - 4px);min-width:120px}.camera-limits-dev__footer .camera-limits-dev__btn--primary:last-child{flex-basis:100%}.intro-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;pointer-events:none;padding:0 5%}.intro-sub-title{margin:0 0 30px;font-family:Montserrat,sans-serif;font-weight:300;font-size:clamp(4.5rem,14vw,12rem);line-height:.9em;letter-spacing:-.05em;text-shadow:0 0 40px rgba(0,0,0,.25);-webkit-user-select:none;user-select:none;display:inline-flex;justify-content:center}.intro-letter{display:inline-block;transform-origin:50% 100%;will-change:transform,opacity,filter}.intro-main-title{margin:0 0 3em;font-family:Montserrat,sans-serif;font-weight:500;font-size:clamp(.7rem,1.2vw,1.1rem);text-transform:uppercase;letter-spacing:.2em;line-height:1.3em;color:#fff;text-shadow:0 0 10px rgba(0,0,0,.25);-webkit-user-select:none;user-select:none;max-width:min(92vw,52rem)}.intro-word{display:inline-block;will-change:transform,opacity}.intro-loading{margin-top:0}.intro-button{display:inline-flex;align-items:center;justify-content:center;padding:16px 36px;border:3px solid rgb(255,255,255);border-radius:100px;background-color:#ffffffeb;color:#4c1818;font-family:Montserrat,sans-serif;font-weight:500;font-size:clamp(.95rem,1.5vw,1.35rem);letter-spacing:.04em;cursor:pointer;pointer-events:all;transition:transform .8s ease-in-out,background-color .8s ease-in-out,color .8s ease-in-out}.intro-button:disabled{opacity:0;pointer-events:none}.intro-button:not(:disabled):hover{transform:scale(1.1);background-color:#fff;color:#49637d}@media only screen and (max-width:1200px){.intro-sub-title{font-size:16vw;width:90%;letter-spacing:-.02em}.intro-main-title{font-size:2.8vw;letter-spacing:.18em;margin-bottom:2em}.intro-button{padding:14px 28px;font-size:4.5vw;border-width:2px}}body:has(.app-header.show) #profiler-toggle{top:80px;right:40px}body:has(.app-header.show) #profiler-mini-panel{top:126px;right:40px}