:root{color:#0b3043;background:#fffefa;font-family:IBM Plex Sans,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-loading{display:grid;width:100%;height:100%;place-content:center;place-items:center;gap:8px;color:#17313a;background:#f3f1e9}.app-loading strong{margin-top:14px;font-size:22px;letter-spacing:.12em}.app-loading small{color:#7c7e77}.loading-cube{display:block;width:34px;height:34px;border:2px solid #17313a;box-shadow:9px 9px #efc91a;animation:loading-pulse 1.2s ease-in-out infinite alternate}@keyframes loading-pulse{to{transform:translate(5px,5px);box-shadow:4px 4px #efc91a}}.stage-index{margin:0;color:#7b7d76;font-family:IBM Plex Mono,SFMono-Regular,monospace;font-size:11px;font-weight:750;letter-spacing:.16em}.card-login{display:grid;width:100%;min-height:100%;grid-template-columns:minmax(0,1.2fr) minmax(410px,.8fr)}.login-stage{position:relative;display:flex;min-height:100vh;flex-direction:column;justify-content:space-between;padding:clamp(24px,3.5vw,48px);overflow:hidden;color:#f6f4ed;background:#102d35}.login-brand{display:flex;align-items:baseline;gap:14px}.login-brand span{font-size:28px;font-weight:900;letter-spacing:.1em}.login-brand small{color:#8fa2a5;font-family:monospace;font-size:10px;letter-spacing:.16em}.stage-copy{position:relative;z-index:2;max-width:640px;padding:5vh 0 3vh}.stage-copy .stage-index{color:#8da5a9}.stage-copy h1{margin:14px 0 20px;font-size:clamp(46px,6.2vw,82px);font-weight:650;letter-spacing:-.035em;line-height:1.02}.stage-copy>p:last-child{max-width:400px;margin:0;color:#a9bbbd;font-size:15px;line-height:1.8}.shelf-study{display:grid;width:min(620px,82%);grid-template-columns:repeat(6,1fr);border-top:1px solid #557078;border-left:1px solid #557078}.shelf-study span{aspect-ratio:1.3;border-right:1px solid #557078;border-bottom:1px solid #557078}.shelf-study .cell-4,.shelf-study .cell-9,.shelf-study .cell-15{background:#efc91a}.shelf-study .cell-7,.shelf-study .cell-8{grid-column:span 2;aspect-ratio:2.6}.login-entry{display:grid;min-height:100vh;place-items:center;padding:28px;background:#f3f1e9}.card-form{width:min(410px,100%)}.key-icon{display:grid;width:48px;height:48px;margin-bottom:22px;place-items:center;color:#102d35;background:#efc91a}.key-icon svg{width:25px}.card-form h2{margin:8px 0 6px;color:#102d35;font-size:34px;letter-spacing:-.025em;line-height:1.18}.card-form>p:not(.stage-index,.login-error){margin:0 0 24px;color:#747770;line-height:1.65}.card-form label{display:grid;gap:9px;color:#283c40;font-size:13px;font-weight:750}.card-form input{width:100%;height:50px;padding:0 14px;border:1px solid #bcbcb4;outline:0;color:#102d35;background:#faf9f4;font-family:IBM Plex Mono,monospace;letter-spacing:.06em;text-transform:uppercase}.card-form input:focus{border-color:#102d35;box-shadow:4px 4px #efc91a}.card-form>button,.modal-submit{display:flex;width:100%;height:50px;align-items:center;justify-content:space-between;margin-top:16px;padding:0 17px;border:0;color:#fff;background:#102d35;font-weight:750}.card-form>button:hover:not(:disabled),.modal-submit:hover:not(:disabled){box-shadow:4px 4px #efc91a;transform:translate(-2px,-2px)}.card-form>button:disabled,.modal-submit:disabled{opacity:.5}.card-form button svg{width:20px}.login-error,.project-error{color:#b44233;font-size:13px}.session-note{display:block;margin-top:18px;color:#898b84;font-size:11px;line-height:1.6}.projects-page{display:grid;width:100%;height:100%;min-height:0;grid-template-rows:62px minmax(0,1fr);overflow:hidden;color:#182f35;background:#f1efe7}.projects-header{display:flex;height:62px;align-items:center;justify-content:space-between;padding:0 clamp(20px,3vw,44px);border-bottom:1px solid #c9c8bf}.projects-brand{display:flex;align-items:baseline;gap:14px}.projects-brand b{font-size:23px;letter-spacing:.1em}.projects-brand span{color:#797b74;font-size:12px}.session-actions{display:flex;align-items:center;gap:22px;color:#797b74;font-family:monospace;font-size:11px}.session-expiry{display:inline-flex;align-items:center;gap:6px;padding-left:22px;border-left:1px solid #c9c8bf;color:#6f726b;white-space:nowrap}.session-expiry svg{width:14px;color:#183139}.session-expiry small{color:#96978f;font-size:10px}.session-expiry strong{color:#30464b;font-weight:700}.expiry-compact{display:none}.session-actions button{display:inline-flex;align-items:center;gap:7px;padding:8px 0;border:0;color:#44565a;background:transparent}.session-actions svg{width:16px}.session-actions .about-link{position:relative;color:#183139}.about-link:after{position:absolute;right:0;bottom:3px;left:23px;height:1px;background:currentColor;content:"";transform:scaleX(0);transform-origin:right;transition:transform .2s ease}.about-link:hover:after{transform:scaleX(1);transform-origin:left}.projects-content{position:relative;display:flex;width:min(1520px,calc(100% - 40px));min-height:0;flex-direction:column;margin:0 auto;padding:18px 0 14px}.projects-heading{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}.projects-heading-main{display:flex;min-width:0;align-items:center;gap:clamp(18px,2.4vw,34px)}.projects-heading .stage-index{flex:0 0 auto}.projects-heading .stage-index span{color:#a09f97}.project-filters{display:flex;min-width:0;align-items:center;gap:8px}.project-search{display:flex;width:clamp(160px,18vw,240px);height:36px;align-items:center;gap:8px;padding:0 10px;border:1px solid #c9c8bf;color:#7a7c75;background:#f8f7f1}.project-search:focus-within{border-color:#183139;box-shadow:2px 2px #efc91a}.project-search svg{width:15px;flex:0 0 auto}.project-search input{width:100%;min-width:0;border:0;outline:0;color:#183139;background:transparent;font-size:12px}.project-search input::placeholder{color:#96978f}.project-search input::-webkit-search-cancel-button{opacity:.55}.project-filter-select{position:relative;display:flex;height:36px;align-items:center;gap:7px;padding:0 8px 0 10px;border:1px solid #c9c8bf;color:#8a8b84;background:#f8f7f1}.project-filter-select:focus-within{border-color:#183139}.project-filter-select>span{font-size:10px;white-space:nowrap}.project-filter-select select{min-width:82px;border:0;outline:0;color:#30464b;background:transparent;cursor:pointer;font-family:inherit;font-size:11px}.new-project{display:inline-flex;height:48px;align-items:center;gap:10px;padding:0 18px;border:0;color:#fff;background:#102d35;font-weight:750}.new-project:hover{box-shadow:4px 4px #efc91a;transform:translate(-2px,-2px)}.new-project svg{width:18px}.projects-gallery{display:flex;min-height:0;flex:1;flex-direction:column}.project-grid{display:grid;min-height:0;flex:1;grid-template-columns:repeat(var(--grid-columns),minmax(0,1fr));grid-template-rows:repeat(var(--grid-rows),minmax(0,1fr));gap:14px}.project-card{position:relative;display:grid;min-width:0;min-height:0;grid-template-rows:minmax(0,1fr) 58px;border:1px solid #c9c8bf;background:#f8f7f1;transition:opacity .2s,transform .2s,box-shadow .2s}.project-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px #1b2e321a}.project-card.busy{opacity:.5;pointer-events:none}.project-preview{position:relative;display:grid;width:100%;min-height:0;place-items:center;border:0;overflow:hidden;background:#e7e5dd}.project-preview:before{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 55%,rgb(16 45 53 / 4%));content:""}.project-cover{width:100%;height:100%;min-height:0;object-fit:cover}.project-number{position:absolute;top:16px;left:17px;z-index:1;color:#85877f;font-family:monospace;font-size:11px;text-shadow:0 1px 4px rgb(255 255 255 / 90%)}.open-arrow{position:absolute;right:17px;bottom:16px;z-index:1;width:19px;opacity:0;filter:drop-shadow(0 1px 3px rgb(255 255 255 / 90%));transform:translate(-8px);transition:.2s}.project-preview:hover .open-arrow{opacity:1;transform:none}.mini-cabinet{display:grid;width:clamp(86px,48%,142px);grid-template-columns:repeat(3,1fr);border-top:2px solid #19343a;border-left:2px solid #19343a;box-shadow:12px 14px 22px #152a2f1f;transform:perspective(500px) rotateY(-8deg) rotateX(3deg)}.mini-cabinet i{aspect-ratio:1;border-right:2px solid #19343a;border-bottom:2px solid #19343a;background:#f4f2e9}.mini-cabinet i:nth-child(2),.mini-cabinet i:nth-child(6){background:#efc91a}.project-card footer{display:flex;min-width:0;align-items:center;justify-content:space-between;padding:8px 12px;border-top:1px solid #cfcdc4}.project-title{display:grid;min-width:0;gap:7px}.project-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-title span{display:flex;align-items:center;gap:5px;color:#85877f;font-size:10px}.project-title svg{width:12px}.project-title input{width:min(190px,100%);padding:5px 7px;border:1px solid #183139;outline:0;background:#fff}.project-menu{position:relative;padding:8px;color:#767970}.project-menu>svg{width:18px}.project-menu>div{position:absolute;right:0;bottom:34px;z-index:5;display:none;width:150px;padding:6px;border:1px solid #c8c7be;background:#fffef8;box-shadow:0 14px 30px #142a2f26}.project-menu:hover>div,.project-menu:focus-within>div{display:grid}.project-menu button{display:flex;align-items:center;gap:8px;padding:9px;border:0;color:#30464b;background:transparent;text-align:left}.project-menu button:hover{background:#eeece4}.project-menu button svg{width:14px}.project-menu .delete-option{color:#b44233}.project-loading{display:flex;min-height:0;flex:1;align-items:center;justify-content:center;gap:5px;color:#787a73}.project-loading span{width:8px;height:8px;background:#183139;animation:dots .8s infinite alternate}.project-loading span:nth-child(2){animation-delay:.2s}.project-loading span:nth-child(3){animation-delay:.4s}.project-loading p{margin-left:10px;font-size:12px}@keyframes dots{to{transform:translateY(-8px);background:#efc91a}}.project-empty{display:grid;min-height:0;flex:1;place-content:center;place-items:center;gap:12px;color:#6e7775}.project-empty>span{display:grid;width:48px;height:48px;place-items:center;color:#183139;background:#efc91a}.project-empty>span svg{width:21px}.project-empty strong{color:#183139;font-size:17px}.project-empty small{margin-top:-5px;color:#8a8b84;font-size:11px}.project-empty button{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;color:#40565a;background:transparent}.project-empty button:hover{background:#e8e6de}.project-empty button svg{width:16px}.project-pagination{display:flex;height:46px;flex:0 0 46px;align-items:end;justify-content:center;gap:12px}.project-pagination button{display:grid;width:30px;height:30px;place-items:center;border:1px solid #c4c4bc;color:#344c50;background:#f7f5ee}.project-pagination button:hover:not(:disabled){border-color:#183139;background:#efc91a}.project-pagination button:disabled{opacity:.35}.project-pagination button svg{width:16px}.project-pagination span{min-width:58px;padding-bottom:7px;color:#8a8b84;font-family:IBM Plex Mono,monospace;font-size:10px;text-align:center}.project-pagination b{color:#183139;font-size:12px}.project-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:20px;background:#091b20a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.project-modal form{position:relative;width:min(460px,100%);padding:30px;background:#f5f3eb;box-shadow:8px 8px #efc91a}.project-modal h2{margin:7px 0 22px;padding-right:28px;font-size:25px;letter-spacing:-.025em;line-height:1.25}.project-modal input{width:100%;height:52px;padding:0 14px;border:1px solid #bdbdb5;outline:0;background:#fff}.project-modal input:focus{border-color:#183139}.modal-close{position:absolute;top:16px;right:16px;display:grid;width:34px;height:34px;place-items:center;border:0;background:transparent}.modal-close svg{width:18px}.modal-submit svg{width:19px}.contact-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;overflow-y:auto;place-items:center;padding:24px;background:#091b20b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.contact-dialog{position:relative;display:grid;width:min(780px,100%);grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);overflow:hidden;color:#183139;background:#f5f3eb;box-shadow:10px 10px #efc91a,0 30px 90px #04141861}.contact-dialog:after{position:absolute;top:0;right:0;width:68px;height:5px;background:#efc91a;content:""}.contact-copy{position:relative;display:flex;min-height:500px;flex-direction:column;padding:42px 42px 38px;overflow:hidden;color:#f5f3eb;background:#102d35}.contact-copy:before{position:absolute;right:-76px;bottom:46px;width:220px;height:220px;border:1px solid rgb(239 201 26 / 30%);box-shadow:inset 0 0 0 36px #102d35,inset 0 0 0 37px #efc91a38,inset 0 0 0 73px #102d35,inset 0 0 0 74px #efc91a29;content:"";transform:rotate(12deg)}.contact-copy .stage-index{position:relative;z-index:1;color:#91a6a9}.contact-mark{position:relative;z-index:1;align-self:flex-start;margin-top:54px;padding-bottom:10px;border-bottom:1px solid #efc91a;color:#f7f4ea;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:750;letter-spacing:.18em}.contact-mark i{color:#efc91a;font-style:normal}.contact-copy h2{position:relative;z-index:1;margin:22px 0 18px;font-size:clamp(34px,4.2vw,48px);font-weight:650;letter-spacing:-.045em;line-height:1.12}.contact-copy>p:not(.stage-index){position:relative;z-index:1;max-width:330px;margin:0;color:#adbec0;font-size:14px;line-height:1.85}.contact-meta{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:7px;margin-top:auto;padding-top:30px}.contact-meta span{padding:6px 9px;border:1px solid #486168;color:#9db0b2;font-size:10px;letter-spacing:.08em}.wechat-contact{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:42px 38px 34px}.wechat-contact>p{display:flex;align-items:center;gap:8px;margin:0 0 18px;color:#6e7775;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:750;letter-spacing:.16em}.wechat-contact>p svg{width:16px;color:#183139}.wechat-qr{width:100%;aspect-ratio:1;padding:12px;border:1px solid #c8c7be;background:#fff}.wechat-qr img{display:block;width:100%;height:100%;object-fit:contain}.wechat-qr.empty{background-color:#ebe9e1;background-image:linear-gradient(45deg,rgb(24 49 57 / 4%) 25%,transparent 25%,transparent 75%,rgb(24 49 57 / 4%) 75%),linear-gradient(45deg,rgb(24 49 57 / 4%) 25%,transparent 25%,transparent 75%,rgb(24 49 57 / 4%) 75%);background-position:0 0,8px 8px;background-size:16px 16px}.qr-placeholder{display:grid;width:100%;height:100%;place-content:center;place-items:center;border:1px dashed #a9aaa2;color:#6e7775;background:#f5f3ebe0;text-align:center}.qr-placeholder svg{width:32px;margin-bottom:12px;color:#183139;stroke-width:1.5}.qr-placeholder strong{color:#30464b;font-size:13px}.qr-placeholder small{margin-top:5px;color:#92938c;font-size:10px}.wechat-id{display:flex;width:100%;min-height:57px;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding:9px 12px;border:1px solid #c8c7be;color:#183139;background:transparent;text-align:left}button.wechat-id:hover{border-color:#183139;background:#efc91a}.wechat-id>span{display:grid;min-width:0;gap:3px}.wechat-id small{color:#8a8b84;font-size:9px}.wechat-id strong{overflow:hidden;font-family:IBM Plex Mono,monospace;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.wechat-id>span:last-child{display:flex;flex:0 0 auto;grid-auto-flow:column;align-items:center;gap:5px;color:#667674;font-size:10px}.wechat-id svg{width:13px}.wechat-id-empty{cursor:default}.wechat-id-empty>span:last-child{color:#a5a59d;font-family:IBM Plex Mono,monospace;font-size:9px;letter-spacing:.12em}.contact-hint{align-self:center;margin-top:13px;color:#92938c;font-size:10px}.contact-close{z-index:2;color:#526568}.contact-close:hover{background:#e8e6de}.contact-fade-enter-active,.contact-fade-leave-active{transition:opacity .22s ease}.contact-fade-enter-active .contact-dialog,.contact-fade-leave-active .contact-dialog{transition:opacity .22s ease,transform .22s cubic-bezier(.2,.8,.2,1)}.contact-fade-enter-from,.contact-fade-leave-to{opacity:0}.contact-fade-enter-from .contact-dialog,.contact-fade-leave-to .contact-dialog{opacity:0;transform:translateY(14px) scale(.985)}.designer-shell{width:100%;height:100%}.designer-state{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:grid;place-content:center;place-items:center;padding:30px;text-align:center}.designer-state h1{margin:26px 0 8px}.designer-state p{color:#777a74}.designer-state button{margin-top:18px;padding:12px 17px;border:0;color:#fff;background:#102d35}.app-dialog-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:20px;background:#091b209e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.app-dialog{width:min(440px,100%);padding:26px;border:1px solid rgb(255 255 255 / 28%);color:#183139;background:#f7f5ed;box-shadow:8px 8px #efc91a,0 24px 70px #04141852}.app-dialog header{display:flex;align-items:start;justify-content:space-between;margin-bottom:18px}.dialog-icon{display:grid;width:42px;height:42px;place-items:center;color:#183139;background:#efc91a}.dialog-icon svg{width:20px}.dialog-close{display:grid;width:34px;height:34px;place-items:center;color:#607276;background:transparent}.dialog-close:hover{background:#ebe9e1}.dialog-close svg{width:18px}.app-dialog h2{margin:8px 0 10px;font-size:26px;letter-spacing:-.025em;line-height:1.2}.dialog-message{margin:0;color:#697573;font-size:14px;line-height:1.7}.app-dialog footer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:24px}.app-dialog footer>button{min-height:44px;padding:0 16px;font-weight:750}.dialog-cancel{border:1px solid #c5c5bd;color:#40565a;background:transparent}.dialog-cancel:hover{border-color:#183139;background:#eeece4}.dialog-confirm{color:#fff;background:#183139}.tone-danger .dialog-icon,.tone-danger .dialog-confirm{color:#fff;background:#ad4034}.tone-warning .dialog-icon{background:#efc91a}.app-dialog footer>.dialog-confirm:only-child{grid-column:1 / -1}.dialog-fade-enter-active,.dialog-fade-leave-active{transition:opacity .18s ease}.dialog-fade-enter-active .app-dialog,.dialog-fade-leave-active .app-dialog{transition:transform .18s ease,opacity .18s ease}.dialog-fade-enter-from,.dialog-fade-leave-to{opacity:0}.dialog-fade-enter-from .app-dialog,.dialog-fade-leave-to .app-dialog{opacity:0;transform:translateY(10px) scale(.98)}@media(max-width:760px){.card-login{grid-template-columns:1fr}.login-stage{min-height:42vh;padding:22px}.stage-copy{padding:4vh 0 1vh}.stage-copy h1{font-size:clamp(40px,12vw,58px)}.shelf-study{display:none}.login-entry{min-height:58vh;padding:28px 22px}.projects-header{padding:0 20px}.session-actions{gap:12px}.card-identity,.session-expiry small{display:none}.session-expiry{gap:5px;padding-left:0;border-left:0}.expiry-full{display:none}.expiry-compact{display:inline}.new-project{height:40px;padding:0 14px}.project-grid{gap:10px}.projects-content{width:min(100% - 24px,1520px);padding:12px 0 10px}.projects-heading{align-items:start;margin-bottom:10px}.projects-heading-main{flex:1;flex-direction:column;align-items:start;gap:8px}.project-filters{width:100%;overflow-x:auto;padding:2px 2px 4px;scrollbar-width:none}.project-filters::-webkit-scrollbar{display:none}.project-search{width:min(190px,48vw);flex:0 0 auto}.project-filter-select{flex:0 0 auto}.project-filter-select>span{display:none}.project-card{grid-template-rows:minmax(0,1fr) 56px}.app-dialog{padding:22px;box-shadow:6px 6px #efc91a}.contact-modal{place-items:start center;padding:16px}.contact-dialog{grid-template-columns:1fr;margin:auto 0;box-shadow:7px 7px #efc91a,0 24px 60px #04141852}.contact-copy{min-height:auto;padding:28px 28px 25px}.contact-copy:before{right:-100px;bottom:-60px}.contact-mark{margin-top:28px}.contact-copy h2{margin:17px 0 12px;font-size:34px}.contact-copy>p:not(.stage-index){font-size:12px;line-height:1.7}.contact-meta{margin-top:20px;padding-top:0}.wechat-contact{padding:24px 28px 26px}.wechat-qr{width:min(210px,100%);align-self:center}.contact-close{color:#f5f3eb}.contact-close:hover{background:#ffffff1a}}@media(max-width:520px){.session-expiry{display:none}.session-actions{gap:14px}.contact-copy{padding:24px 22px 22px}.contact-copy h2{font-size:29px}.contact-meta span:last-child{display:none}.wechat-contact{padding:20px 22px 22px}.wechat-contact>p{margin-bottom:12px}.wechat-qr{width:min(180px,100%)}}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{min-width:320px;overscroll-behavior:none}@supports (height: 100dvh){html,body,#app{height:100dvh}}button,input{font:inherit}button{border:0;cursor:pointer}button:focus-visible{outline:3px solid rgb(54 152 203 / 30%);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.45}.app-shell{position:relative;width:100%;height:100%;overflow:hidden;background:#fffefa}.control-panel{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4}.scene-area{position:relative;width:100%;height:100%;overflow:hidden;background:#fffefa;isolation:isolate}.scene-backdrop{--scene-backdrop-base: linear-gradient(145deg, #ffffff 0%, #fffefa 54%, #f7f5ef 100%);--scene-backdrop-filter: radial-gradient(ellipse at 50% 52%, rgb(255 255 255 / 88%) 0%, rgb(255 252 246 / 26%) 42%, transparent 72%), linear-gradient(180deg, rgb(255 255 255 / 72%), transparent 50%, rgb(126 120 108 / 2.5%));--scene-backdrop-floor: linear-gradient(90deg, transparent, rgb(112 118 120 / 3.5%), transparent);position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:var(--scene-backdrop-base)}.scene-backdrop:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:var(--scene-backdrop-filter);opacity:.96}.scene-backdrop:after{content:"";position:absolute;inset:auto 8% 11% 8%;height:22%;pointer-events:none;background:var(--scene-backdrop-floor);filter:blur(42px)}.background-fade-enter-active,.background-fade-leave-active{transition:opacity .68s cubic-bezier(.22,1,.36,1);will-change:opacity}.background-fade-enter-from,.background-fade-leave-to{opacity:0}.background-fade-enter-to,.background-fade-leave-from{opacity:1}.background-fade-leave-active{position:absolute}.scene-canvas{position:relative;z-index:2;display:block;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.scene-canvas:active{cursor:grabbing}@media(max-width:720px){.scene-backdrop:after{inset:auto 2% 4% 2%;height:34%;filter:blur(34px)}}