@font-face{font-family:ONE Mobile POP;src:url(/fonts/ONE-Mobile-POP.ttf)format("truetype");font-display:swap}:root{color:#39234f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8f5ff;font-family:ONE Mobile POP,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:0;height:100%;min-height:100%;margin:0}body{min-height:100vh;overflow:hidden}button,input,select,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}.app{height:var(--app-viewport-height,100dvh);color:#39234f;background-color:#f3efff;background-image:linear-gradient(135deg,#f8f5ffbd,#eee8ffbd),url(/assets/lobby-setting-patterns.webp),linear-gradient(135deg,#f8f5ff,#eee8ff);background-position:50%,0 0,50%;background-repeat:no-repeat,repeat,no-repeat;background-size:cover,128px 128px,cover;flex-direction:column;display:flex;overflow:hidden}.topbar{box-sizing:border-box;background:#fffaffd9;border:1px solid #dec8f5;border-radius:28px;flex:0 0 92px;align-items:center;gap:16px;height:92px;margin:14px 20px;padding:12px 18px;display:flex;box-shadow:0 8px 24px #9c73c533}.studio-logo{object-fit:contain;object-position:center;filter:drop-shadow(0 3px 4px #58326929);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;cursor:pointer;flex:0 210px;width:clamp(150px,12vw,210px);min-width:0;max-height:66px;display:block}.asset-select small{color:#8b7797;font-size:11px;display:block}.asset-select{color:#39234f;text-align:left;background:#fff;border:1px solid #dfcafa;border-radius:20px;align-items:center;gap:10px;width:260px;padding:8px 12px;display:flex}.asset-select>span:last-child{color:#9b4df0;margin-left:auto}.asset-select>span:nth-child(2){flex:auto;min-width:0;overflow:hidden}.asset-select b,.asset-select small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.avatar{aspect-ratio:1;background:#ead7ff;border:2px solid #a855f7;border-radius:50%;flex:0 0 48px;place-items:center;width:48px;height:48px;display:grid}.tabs{background:#f3eafd;border-radius:20px;padding:4px;display:flex}.tabs button,.rail button,.transport button,.save{color:#624d72;cursor:pointer;background:0 0;border:0}.tabs button{border-radius:15px;padding:12px 17px}.tabs button.active,.tabs button:hover{color:#fff;background:#a855f7}.save{color:#7b2fc4;background:#fff;border:1px solid #b36af4;border-radius:17px;margin-left:auto;padding:15px 30px;font-weight:700}.top-tools{background:#f8f1ff;border:1px solid #eadcf7;border-radius:18px;flex:none;align-items:center;gap:5px;margin-left:auto;padding:4px;display:flex}.top-tools button{color:#624d72;cursor:pointer;background:0 0;border:0;border-radius:13px;align-content:center;place-items:center;gap:2px;min-width:58px;height:52px;padding:5px 7px;display:grid}.top-tools button:hover,.top-tools button.on{color:#7b2fc4;background:#ead7ff}.top-tools button>span,.top-tools button>svg{width:18px;height:18px;line-height:18px;display:block}.top-tools button>svg{stroke-width:2px}.top-tools small{white-space:nowrap;font-size:9px;font-weight:800}.bottom-tools{display:none}.topbar>.save{margin-left:0}.workspace{box-sizing:border-box;flex:auto;gap:12px;height:auto;min-height:0;padding:0 20px 20px;display:flex}.rail{flex-direction:column;justify-content:center;gap:8px;width:86px;display:flex}.rail button{background:#fffaff;border:1px solid #e3d2f4;border-radius:18px;padding:14px 6px}.rail button.on,.rail button:hover{color:#7b2fc4;background:#ead7ff}.rail span{margin-top:4px;font-size:11px;display:block}.rail svg{stroke-width:1.9px;width:22px;height:22px;margin:0 auto;display:block}.stage-wrap{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;min-height:0;display:flex}.stage{z-index:0;isolation:isolate;aspect-ratio:1;touch-action:none;background:#fff;border:1px solid #ceb0ef;border-radius:20px;flex:none;width:min(76vw,760px);position:relative;overflow:hidden}.checker{background-color:#fff;background-image:linear-gradient(45deg,#f0e8fa 25%,#0000 25%),linear-gradient(-45deg,#f0e8fa 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#f0e8fa 75%),linear-gradient(-45deg,#0000 75%,#f0e8fa 75%);background-position:0 0,0 17px,17px -17px,-17px 0;background-size:34px 34px;position:absolute;inset:0}.model{z-index:3;cursor:grab;pointer-events:none;place-items:center;width:100%;height:100%;display:grid;position:absolute;inset:0}.model img{object-fit:contain;-webkit-user-select:none;user-select:none;max-width:100%;max-height:100%}.placeholder{color:#7b2fc4;background:#ead7ff;border-radius:50%;padding:30px}.transport{background:#fffaff;border:1px solid #dec8f5;border-radius:22px;flex-wrap:nowrap;align-items:center;gap:7px;width:min(1120px,100% - 24px);min-width:0;padding:8px 10px;display:flex}.transport button{white-space:nowrap;border-radius:14px;flex:none;padding:10px 12px}.transport .play{color:#fff;background:#a855f7;border-radius:50%;width:50px;height:50px}.transport input{accent-color:#a855f7;flex:170px;min-width:90px}.timeline-time{color:#7b6290;text-align:center;white-space:nowrap;flex:0 0 104px;min-width:104px;font-size:11px}.transport .skin,.transport .interaction,.transport .audio-toggle,.transport .motion-picker,.transport .track-count{color:#6b4b80;background:#fffaff;border:1px solid #dec8f5}.transport .motion-picker,.transport .track-count{text-align:center;grid-template-columns:minmax(0,1fr);place-content:center;justify-items:center;gap:2px;min-width:112px;padding:8px 12px;line-height:1.1;display:grid}.transport .track-count{min-width:72px}.transport small{color:#8b7797;font-size:10px;font-weight:700;line-height:1.1}.transport .interaction.on,.transport .audio-toggle.on{background:#ead7ff}.transport .skin,.transport .interaction,.transport .audio-toggle{justify-items:center;gap:2px;min-width:112px;line-height:1.1;display:grid}.transport .skin{min-width:148px;max-width:210px}.transport-toggle-pair{display:contents}.transport .skin b,.transport .interaction b,.transport .audio-toggle b,.transport .motion-picker b,.transport .track-count b{color:#8d28e8;text-overflow:ellipsis;white-space:nowrap;max-width:190px;font-size:13px;line-height:1.2;overflow:hidden}.modal-backdrop{box-sizing:border-box;pointer-events:none;z-index:50;background:#39234f22;place-items:start end;padding:110px 20px 20px;display:grid;position:fixed;inset:0}.modal-backdrop.skin-backdrop,.modal-backdrop.motion-backdrop{background:0 0}.modal-backdrop>*{pointer-events:auto}.modal-backdrop.library-backdrop{place-items:center;padding:20px}.library{width:min(1100px,100vw - 150px);height:min(760px, calc(var(--app-viewport-height,100dvh) - 130px));background:#fffaff;border:1px solid #dfc6f8;border-radius:28px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 20px 60px #4b267044}.library header{border-bottom:1px solid #eadcf7;align-items:center;gap:20px;padding:18px 24px;display:flex}.library h2{margin:0}.library header input{color:#39234f;background:#fbf8ff;border:1px solid #d8baf4;border-radius:18px;outline:none;width:380px;margin-left:auto;padding:14px 18px}.library header input::placeholder{color:#8e7b9c;opacity:1}.library header input:focus{border-color:#a855f7}.library header>button,.layers header button{color:#7b2fc4;background:#f0e5fb;border:0;border-radius:50%;width:38px;height:38px;font-size:24px}.library-body{flex:auto;height:auto;min-height:0;display:flex}.library-body nav{overscroll-behavior:contain;background:#f8f1ff;flex:0 0 160px;width:160px;padding:18px 12px;overflow-y:auto}.library-body nav button{text-align:left;color:#624d72;background:0 0;border:0;border-radius:14px;width:100%;padding:14px;display:block}.library-body nav button.active,.library-body nav button:hover{color:#fff;background:#a855f7}.grid{overscroll-behavior:contain;flex:1;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-auto-rows:max-content;align-content:start;gap:12px;min-height:0;padding:18px;display:grid;overflow:hidden auto}.card{color:#5b3972;background:#fff;border:1px solid #e1cdf5;border-radius:18px;flex-direction:column;align-items:center;gap:7px;min-width:0;padding:14px 8px;display:flex;overflow:hidden}.card.selected{background:#f1e2ff;border:2px solid #a855f7}.card img,.thumb{object-fit:contain;border:2px solid #a855f7;border-radius:50%;width:92px;height:92px}.thumb{background:#f1e2ff;place-items:center;font-size:36px;display:grid}.spine-thumb{position:relative;overflow:hidden}.spine-thumb canvas{width:100%;height:100%;display:block}.spine-thumb>span{color:#7b2fc4;place-items:center;display:grid;position:absolute;inset:0}.spine-thumb .thumbnail-loading{border:3px solid #dfcafa;border-top-color:#a855f7;border-radius:50%;animation:.8s linear infinite thumbnail-spin;inset:22%}@keyframes thumbnail-spin{to{transform:rotate(360deg)}}.card b{text-overflow:ellipsis;white-space:nowrap;color:#7b2fc4;max-width:130px;overflow:hidden}.card small{color:#8e7b9c}.group-card{align-items:stretch;gap:10px;height:86px;min-height:86px;padding:12px}.grid>.card:not(.group-card){text-align:left;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;height:86px;min-height:86px;padding:12px}.grid>.card:not(.group-card) img,.grid>.card:not(.group-card) .thumb{flex:0 0 58px;width:58px;height:58px}.grid>.card:not(.group-card) b{min-width:0;max-width:100%}.group-main{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:flex}.group-main img,.group-main .thumb{flex:0 0 58px;width:58px;height:58px}.group-title{flex-direction:column;flex:auto;gap:3px;min-width:0;display:flex;overflow:hidden}.group-title b{max-width:100%;display:block}.variant-list{border-top:1px solid #eee1fa;flex-wrap:wrap;gap:5px;padding-top:8px;display:flex}.variant{color:#765b89;cursor:pointer;background:#fbf7ff;border:1px solid #dfcafa;border-radius:999px;padding:5px 8px;font-size:11px}.variant:hover,.variant.active{color:#7b2fc4;background:#ead7ff;border-color:#a855f7}.layers{z-index:30;width:360px;max-height:calc(var(--app-viewport-height,100dvh) - 160px);background:#fffaff;border:1px solid #dfc6f8;border-radius:24px;padding:18px;position:fixed;top:110px;left:auto;right:20px;overflow-y:auto;box-shadow:0 18px 50px #4b267044}.layers header{border-bottom:1px solid #eadcf7;justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.switch-row{color:#5b3972;border:1px solid #e1cdf5;border-radius:16px;align-items:center;gap:12px;margin:16px 0;padding:14px;display:flex;position:relative}.switch-row input{opacity:0;position:absolute}.switch{background:#d7c7e6;border-radius:20px;width:48px;height:26px;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:all .15s;position:absolute;top:3px;left:3px}.switch-row input:checked+.switch{background:#a855f7}.switch-row input:checked+.switch:after{transform:translate(22px)}.layer-item{color:#6a4d7f;border:1px solid #eadcf7;border-radius:14px;margin-top:8px;padding:14px 8px}.layer-item[role=button]{cursor:pointer;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.layer-item[role=button]>b{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.layer-item.selected{background:#f4e8ff;border-color:#a855f7}.layer-item.is-hidden{opacity:.62}.layer-item[role=button]:focus-visible{outline-offset:2px;outline:2px solid #a855f7}.layer-item span{float:right}.motion-picker{color:#7b2fc4;cursor:pointer;background:#fffaff;border:1px solid #dfcafa;border-radius:12px;justify-content:space-between;align-items:center;min-width:190px;padding:10px 14px;font-weight:700;display:flex}.motion-picker:hover{background:#f1e2ff;border-color:#a855f7}.motion-backdrop{z-index:45}.motion-modal{background:#fffaff;border:1px solid #dfc6f8;border-radius:24px;width:min(420px,90vw);max-height:min(620px,80vh);overflow:hidden;box-shadow:0 20px 60px #4b267044}.motion-modal header{border-bottom:1px solid #eadcf7;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.motion-modal header h2{color:#3f2358;margin:0}.motion-modal header small{color:#8e7b9c}.motion-modal header button{color:#7b2fc4;cursor:pointer;background:#f0e5fb;border:0;border-radius:50%;width:38px;height:38px;font-size:24px}.motion-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:calc(min(620px,80vh) - 90px);padding:16px;display:grid;overflow:auto}.motion-options button{color:#5b3972;text-align:left;cursor:pointer;background:#fffaff;border:1px solid #dfcafa;border-radius:12px;padding:12px 14px}.motion-options button:hover,.motion-options button.active{color:#7b2fc4;background:#ead7ff;border-color:#a855f7}.skin-modal{width:min(420px,90vw);max-height:calc(var(--app-viewport-height,100dvh) - 130px);box-sizing:border-box;overscroll-behavior:contain;background:#fffaff;border:1px solid #dfc6f8;border-radius:24px;padding:18px;overflow-y:auto;box-shadow:0 20px 60px #4b267044}.skin-modal header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.skin-modal header button{color:#7b2fc4;background:#f0e5fb;border:0;border-radius:50%;width:36px;height:36px;font-size:22px}.skin-section{border:1px solid #eadcf7;border-radius:16px;margin-top:12px;padding:12px}.skin-section>b{color:#6b3d91;border-bottom:1px solid #eadcf7;padding-bottom:8px;font-size:13px;display:block}.skin-empty{color:#8b7797;padding:12px 4px 4px;font-size:12px}.skin-option{color:#5b3972;background:#fffaff;border:1px solid #dfcafa;border-radius:14px;width:100%;margin:8px 0;padding:14px;display:block}.skin-option.active{color:#7b2fc4;background:#ead7ff;border-color:#a855f7}.layer-item label{justify-content:space-between;gap:10px;margin:6px 0;display:flex}.layer-item input[type=number]{color:#5b3972;background:#fffaff;border:1px solid #dfcafa;border-radius:10px;width:90px;padding:7px}.layer-item select{color:#5b3972;background:#fffaff;border:1px solid #dfcafa;border-radius:10px;width:160px;padding:7px}.model-layer-properties>b{margin-bottom:12px;font-size:12px;line-height:1.35;display:block}.model-layer-properties>label{align-items:center;margin-top:0;line-height:1}.stage-panel{top:110px;left:auto;right:20px}.stage-panel .layer-item>label{align-items:center;line-height:1}.background-panel{width:460px;height:min(760px, calc(var(--app-viewport-height,100dvh) - 140px));flex-direction:column;display:flex;top:110px;left:auto;right:20px;overflow:hidden}.background-panel.compact{height:auto;max-height:calc(var(--app-viewport-height,100dvh) - 140px)}.background-mode-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:14px 0 10px;display:grid}.background-mode-tabs button{color:#6b4b80;background:#fffaff;border:1px solid #dfcafa;border-radius:999px;min-width:0;padding:11px 6px;font-size:11px;font-weight:800}.background-mode-tabs button:hover,.background-mode-tabs button.active{color:#7b2fc4;background:#ead7ff;border-color:#a855f7}.background-color-picker{color:#624d72;background:#fbf7ff;border:1px solid #dfcafa;border-radius:16px;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:14px;font-size:12px;display:grid}.background-color-picker input{cursor:pointer;background:#fff;border:1px solid #d6b5f3;border-radius:50%;width:36px;height:36px;padding:0;overflow:hidden}.background-color-picker input::-webkit-color-swatch-wrapper{padding:0}.background-color-picker input::-webkit-color-swatch{border:0;border-radius:50%}.background-color-picker input::-moz-color-swatch{border:0;border-radius:50%}.background-color-picker output{color:#8d28e8;text-align:center;min-width:72px;font-size:11px}.background-list{overscroll-behavior:contain;flex:auto;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:10px;min-height:0;margin-top:6px;padding:4px 4px 12px;display:grid;overflow-y:auto}.background-search{color:#8d28e8;background:#fbf7ff;border:1px solid #dfcafa;border-radius:16px;align-items:center;gap:9px;min-height:46px;margin:2px 0 6px;padding:0 14px;display:flex}.background-edit-toggle{text-align:left;justify-content:flex-start;width:100%;min-height:54px;margin:2px 0 8px}.background-edit-toggle>span:last-child{gap:2px;display:grid}.background-edit-toggle small{color:#917b9e;font-size:9px;font-weight:700}.background-edit-toggle.is-on small{color:#7b52a0}.background-search input{color:#432755;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0;font-size:12px}.background-search input::placeholder{color:#9684a2;opacity:1}.background-empty{color:#8a7795;text-align:center;grid-column:1/-1;margin:24px 0;font-size:12px}.background-option{color:#624d72;text-align:left;background:#fffaff;border:1px solid #dfcafa;border-radius:15px;min-width:0;padding:7px}.background-option:hover,.background-option.active{background:#f1e2ff;border-color:#a855f7}.background-option img{aspect-ratio:16/9;object-fit:cover;background:#eadff4;border-radius:10px;width:100%;display:block}.background-option span{text-overflow:ellipsis;white-space:nowrap;margin-top:7px;font-size:10px;display:block;overflow:hidden}.preset{color:#7b2fc4;background:#fffaff;border:1px solid #dfcafa;border-radius:12px;width:100%;margin:8px 0;padding:10px;display:block}.camera-size-presets{background:#f5edfc;border:1px solid #e1cff4;border-radius:999px;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:10px 0;padding:5px;display:grid}.camera-size-presets button{color:#695276;min-width:0;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;padding:9px 6px;font-size:12px;font-weight:800}.camera-size-presets button:hover{color:#7b2fc4;background:#ead7ff}.camera-size-presets button.active{color:#fff;background:#a855f7;border-color:#a855f7;box-shadow:0 3px 9px #8d36dd36}.spine-canvas{width:100%;height:100%;display:block}.spine-canvas.hidden{display:none}.workspace{overflow:hidden}.rail{flex:0 0 86px}.stage-wrap{min-width:0;max-width:100%;overflow:hidden}.stage{width:min(70vw,760px);max-width:100%}.transport,.motion-row{box-sizing:border-box;max-width:calc(100vw - 40px)}.avatar{overflow:hidden}.avatar img{object-fit:contain;border-radius:50%;width:100%;height:100%}.avatar>.thumb,.avatar>img{background:0 0;border:0;border-radius:50%;width:100%;height:100%}.save-group{align-items:center;gap:6px;margin-left:auto;display:flex}.save-group .save{margin-left:0}.save.secondary{background:#f8f1ff;padding:11px 13px;font-size:11px}.tabs button,.save{white-space:nowrap}.save-group{flex-wrap:nowrap}.topbar{gap:10px}.asset-select{flex:0 260px}.tabs{flex:none}.layer-actions{flex:none;gap:4px;display:flex;float:none!important}.layer-actions button{color:#7b2fc4;background:#fffaff;border:1px solid #dfcafa;border-radius:8px;place-items:center;width:28px;height:28px;padding:0;font-size:11px;display:inline-grid}@media (width<=1280px){.studio-logo{flex-basis:160px;width:160px}.asset-select{flex-basis:225px}.tabs button{padding-inline:12px}.save{padding-inline:20px}.top-tools button{width:42px;min-width:42px}.top-tools small{display:none}}.layer-actions button svg{stroke-width:2px;width:14px;height:14px}.layer-actions button:disabled{opacity:.35;cursor:default}.image-layer{z-index:2;object-fit:contain;pointer-events:none;width:76%;height:76%;position:absolute;inset:12%}.stage-background{z-index:1;object-fit:cover;transform-origin:50%;pointer-events:none;-webkit-user-select:none;user-select:none;will-change:transform;width:100%;height:100%;position:absolute;inset:0}.background-edit-surface{z-index:1000;cursor:grab;touch-action:none;position:absolute;inset:0}.stage.background-editing:active .background-edit-surface{cursor:grabbing}.image-add{text-align:center;color:#7b2fc4;cursor:pointer;background:#fbf7ff;border:1px dashed #c89af1;border-radius:12px;margin-top:10px;padding:12px;display:block}.image-add:hover{background:#ead7ff}.model-add{box-sizing:border-box;width:100%;font:inherit;font-weight:800}.secondary-model.selected{outline-offset:4px;border-radius:12px;outline:2px solid #a855f780}.toast{z-index:60;color:#6b2ea8;background:#fffaff;border:1px solid #cda1f5;border-radius:14px;padding:13px 18px;font-weight:600;animation:.22s ease-out toast-in,.3s ease-in 2.25s forwards toast-out;position:fixed;top:116px;right:24px;box-shadow:0 12px 30px #5b2b8540}@keyframes toast-in{0%{opacity:0;transform:translate(110%)}to{opacity:1;transform:translate(0)}}@keyframes toast-out{to{opacity:0;transform:translate(110%)}}.export-backdrop{place-items:start end;padding:110px 32px 20px 20px}.export-backdrop .export-modal{max-height:calc(var(--app-viewport-height,100dvh) - 130px);margin:0;overflow:auto}.parts-panel{width:420px;max-height:min(820px, calc(var(--app-viewport-height,100dvh) - 130px));height:min(820px, calc(var(--app-viewport-height,100dvh) - 130px));overscroll-behavior:contain;scrollbar-gutter:stable;flex-direction:column;gap:10px;display:flex;top:110px;left:auto;right:20px;overflow:hidden}.parts-panel>header{z-index:4;background:#fffaff;flex:none;position:relative}.parts-panel-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;isolation:isolate;flex-direction:column;flex:auto;gap:10px;min-height:0;display:flex;overflow:hidden auto}.part-row{color:#624d72;border-bottom:1px solid #eadcf7;align-items:center;gap:10px;padding:9px 10px;display:flex}.part-row input{accent-color:#a855f7}.part-list{flex:none;align-content:start;gap:7px;min-height:120px;padding-right:4px;display:grid;overflow:visible}.part-detail-panel{flex:none;overflow:visible}.part-search-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px;display:grid}.part-toolbar{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:8px;display:grid}.part-toolbar button{color:#69467e;min-height:38px;font:inherit;background:#fffaff;border:1px solid #dfcafa;border-radius:12px;padding:8px 10px;font-size:10px;font-weight:800}.part-toolbar .part-pick-button.active{color:#7b2fc4;background:#ead7ff;border-color:#a855f7;box-shadow:inset 0 0 0 2px #fff}.part-toolbar button:disabled{opacity:.45;cursor:default}.part-search-row input{box-sizing:border-box;color:#58356f;width:100%;min-width:0;font:inherit;background:#fbf7ff;border:1px solid #dfcafa;border-radius:13px;outline:none;padding:11px 13px;font-size:12px}.part-search-row input:focus{border-color:#a855f7;box-shadow:0 0 0 3px #a855f71a}.part-search-row span{color:#947fa3;font-size:10px;font-weight:800}.part-filter-bubbles{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.part-filter-bubbles button{color:#765b89;min-width:0;font:inherit;background:#fffaff;border:1px solid #dfcafa;border-radius:999px;padding:8px 5px;font-size:10px;font-weight:800}.part-filter-bubbles button:hover{color:#7b2fc4;background:#f5eaff;border-color:#bd77ec}.part-filter-bubbles button.active{color:#fff;background:#a855f7;border-color:#a855f7;box-shadow:0 3px 9px #8d36dd2e}.part-filter-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.part-filter-actions button{color:#69467e;min-width:0;font:inherit;background:#fffaff;border:1px solid #dfcafa;border-radius:11px;padding:8px 4px;font-size:9px;font-weight:800}.part-filter-actions button:hover:not(:disabled){color:#7b2fc4;background:#f5eaff;border-color:#bd77ec}.part-filter-actions button:disabled{opacity:.42;cursor:default}.part-empty{color:#927fa0;text-align:center;background:#f8f1fd;border-radius:14px;margin:0;padding:24px 12px;font-size:11px}.part-toggle-row{background:#fffaff;border:1px solid #eadcf7;border-radius:14px;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:7px;padding:6px;display:grid}.part-toggle-row.selected{background:#f4e8ff;border-color:#a855f7}.part-main-button{color:#5b3972;text-align:left;background:0 0;border:0;align-items:center;gap:9px;min-width:0;padding:3px;display:flex}.part-main-button>span:last-child{min-width:0;display:grid}.part-main-button strong,.part-main-button small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.part-main-button small{color:#9b89a8;font-size:10px}.part-thumb{color:#8d28e8;background:#ead7ff;border-radius:11px;flex:0 0 36px;place-items:center;height:36px;font-size:11px;font-weight:800;display:grid;overflow:hidden}.part-thumb img{object-fit:contain;width:100%;height:100%}.spine-canvas.part-pick-enabled{pointer-events:auto;cursor:crosshair}.part-selection-box{z-index:20;box-sizing:border-box;pointer-events:none;background:#a855f714;border:2px solid #a855f7;border-radius:5px;position:absolute;box-shadow:0 0 0 1px #fff,0 0 0 4px #a855f738}.part-state-button{color:#8b7797;background:#f5eefb;border:1px solid #dfcafa;border-radius:10px;padding:7px 8px;font-size:10px;font-weight:800}.part-state-button.on{color:#7b2fc4;background:#ead7ff;border-color:#c896f3}.part-save-button{color:#7b2fc4;font:inherit;background:#fffaff;border:1px solid #dfcafa;border-radius:10px;padding:7px 8px;font-size:10px;font-weight:800}.part-detail-panel{background:#fbf7ff;border:1px solid #dfcafa;border-radius:16px;grid-column:1/-1;padding:12px}.part-edit-button{color:#7b2fc4;font:inherit;background:#fffaff;border:1px solid #dfcafa;border-radius:10px;padding:7px 8px;font-size:10px;font-weight:800}.part-edit-button.active{color:#fff;background:#a855f7;border-color:#a855f7}.layer-flip-controls{grid-template-columns:1fr 1fr;gap:7px;margin:9px 0 3px;display:grid}.layer-flip-controls button{color:#6a4a7a;min-height:34px;font:inherit;background:#fffaff;border:1px solid #dfcafa;border-radius:11px;font-size:10px;font-weight:800}.layer-flip-controls button.active{color:#7b2fc4;background:#ead7ff;border-color:#a855f7}.layer-color-definitions{pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}.layer-color-controls{border-top:1px solid #eadcf7;gap:9px;margin-top:12px;padding-top:12px;display:grid}.layer-color-heading,.layer-color-picker,.layer-color-slider{align-items:center;gap:8px;display:grid}.layer-color-heading{color:#55356b;grid-template-columns:1fr auto;font-size:11px}.layer-color-heading button{color:#9b62c7;font:inherit;background:0 0;border:0;padding:2px 3px;font-size:9px;font-weight:800}.layer-item label.layer-color-picker{grid-template-columns:1fr auto auto;justify-content:stretch;display:grid}.layer-color-picker input[type=color]{cursor:pointer;background:#fff;border:1px solid #d6b5f3;border-radius:50%;width:36px;height:36px;padding:0;overflow:hidden}.layer-color-picker input[type=color]::-webkit-color-swatch-wrapper{padding:0}.layer-color-picker input[type=color]::-webkit-color-swatch{border:0;border-radius:50%}.layer-color-picker input[type=color]::-moz-color-swatch{border:0;border-radius:50%}.layer-color-picker output,.layer-color-slider output{color:#7b2fc4;font-size:10px;font-weight:800}.layer-color-picker output{text-align:center;min-width:68px}.layer-item label.layer-color-slider{grid-template-columns:52px minmax(84px,1fr) 42px;justify-content:stretch;display:grid}.layer-color-picker>span,.layer-color-slider>span{color:#6a4a7a;white-space:nowrap;font-size:10px;font-weight:800}.layer-color-slider input[type=range]{accent-color:#a855f7;width:100%}.part-detail-title{color:#55356b;border-bottom:1px solid #eadcf7;gap:2px;padding-bottom:9px;display:grid}.part-detail-title b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.part-detail-title small{color:#9b89a8;font-size:10px}.part-transform-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.part-transform-grid label{color:#806b8e;gap:4px;font-size:10px;font-weight:700;display:grid}.part-transform-grid input{box-sizing:border-box;color:#6b2ea8;width:100%;min-width:0;font:inherit;background:#fffaff;border:1px solid #dfcafa;border-radius:10px;padding:8px;font-size:12px}.part-reset-button{color:#7b2fc4;width:100%;font:inherit;background:#fffaff;border:1px solid #dfcafa;border-radius:11px;margin-top:10px;padding:9px;font-size:12px;font-weight:700}.part-replacement-section{border-top:1px solid #eadcf7;gap:9px;margin-top:10px;padding-top:10px;display:grid}.part-replacement-section>div:first-child{color:#55356b;justify-content:space-between;align-items:center;gap:10px;font-size:11px;display:flex}.part-replacement-section small{color:#9b89a8;font-size:9px}.part-replacement-preview{color:#71418f;background:#f2e5ff;border-radius:12px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:9px;padding:7px;font-size:10px;font-weight:700;display:grid}.part-replacement-preview img{object-fit:contain;background:#fffaff;border-radius:10px;width:42px;height:42px}.part-replacement-preview span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.part-replacement-options{margin-top:8px}.part-replacement-options label{color:#725185;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:center;gap:10px;font-size:10px;font-weight:800;display:grid}.part-replacement-options select{color:#68437e;width:100%;min-width:0;font:inherit;background:#fffaff;border:1px solid #dfcafa;border-radius:10px;outline:none;padding:8px 10px;font-size:10px}.part-replacement-options select:focus{border-color:#a855f7;box-shadow:0 0 0 3px #a855f71a}.part-replacement-actions{grid-template-columns:1fr 1fr;gap:7px;display:grid}.part-replacement-actions label,.part-replacement-actions button{box-sizing:border-box;color:#7b2fc4;min-height:34px;font:inherit;cursor:pointer;background:#fffaff;border:1px solid #dfcafa;border-radius:11px;place-items:center;padding:8px;font-size:12px;font-weight:700;display:grid}.part-replacement-actions label:first-child:last-child{grid-column:1/-1}.part-replacement-actions label:hover,.part-replacement-actions button:hover{background:#f2e5ff;border-color:#a855f7}.solid-stage{background:#fffaff}@media (width<=760px),(width<=900px) and (orientation:portrait){.topbar{border-radius:20px;flex-wrap:wrap;height:auto;min-height:76px;margin:8px;padding:10px}.brand{flex:1;min-width:auto}.brand strong{font-size:17px}.studio-logo{flex:150px;width:min(48vw,180px);max-height:52px}.asset-select{flex:220px;order:3;width:auto}.tabs{flex:100%;order:4;justify-content:center}.tabs button{padding:9px 11px}.top-tools{flex:auto;order:5;justify-content:center}.top-tools button{flex:0 88px;width:auto;min-width:52px}.top-tools small{display:block}.save{padding:11px 14px}.workspace{gap:8px;height:calc(100vh - 150px);padding:0 8px 10px}.stage-wrap{padding-bottom:0}.stage{border-radius:14px;width:calc(100vw - 24px)}.motion-row,.transport{width:calc(100vw - 24px);max-width:none;overflow:auto}.motion-row button{white-space:nowrap}.layers{width:auto;max-height:72vh;top:92px;left:8px;right:8px}.library{border-radius:20px;width:calc(100vw - 16px);height:calc(100vh - 32px)}.library header{gap:8px;padding:14px}.library header input{flex:1;width:auto;min-width:0}.library-body nav{width:104px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px}.card{padding:10px 4px}.toast{max-width:calc(100vw - 20px);top:92px;right:10px}}.track-panel{width:420px;top:110px;left:auto;right:20px}.track-toolbar{flex-wrap:wrap;gap:6px;padding:12px 0;display:flex}.track-toolbar button{color:#7b2fc4;background:#fffaff;border:1px solid #dfcafa;border-radius:10px;padding:8px 10px;font-size:11px}.track-item{color:#624d72;border:1px solid #eadcf7;border-radius:12px;align-items:center;gap:10px;margin:7px 0;padding:10px;display:flex}.track-item span,.track-item select{color:#8b7797;flex:1;font-size:12px}.track-item select{background:#fffaff;border:1px solid #dfcafa;border-radius:8px;min-width:0;padding:6px 8px}.track-item>button{color:#7b2fc4;background:#f0e5fb;border:0;border-radius:50%;width:24px;height:24px}.empty{text-align:center;color:#8b7797;padding:20px}.export-modal{background:#fffaff;border:1px solid #dfc6f8;border-radius:24px;width:min(440px,90vw);padding:22px;box-shadow:0 20px 60px #4b267044}.export-modal header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.export-modal header h2{margin:0}.export-modal header button{color:#7b2fc4;background:#f0e5fb;border:0;border-radius:50%;width:36px;height:36px;font-size:22px}.export-modal p{color:#8b7797;margin:6px 0 16px;font-size:13px}.export-status{color:#6b4b80;background:#f8f1ff;border:1px solid #dfcafa;border-radius:16px;grid-template-columns:1fr auto;gap:8px 12px;margin:12px 0;padding:14px;font-size:12px;display:grid}.export-status b{color:#8d28e8}.export-status i{background:#e5d7f2;border-radius:999px;grid-column:1/-1;height:7px;overflow:hidden}.export-status i span{border-radius:inherit;background:#a855f7;height:100%;transition:width .12s linear;display:block}.export-format-bubbles{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0 0 12px;display:grid}.export-format-bubbles button{color:#725487;min-width:0;font:inherit;background:#fffaff;border:1px solid #dfcafa;border-radius:999px;padding:10px 6px;font-size:11px;font-weight:800}.export-format-bubbles button.active{color:#fff;background:#a855f7;border-color:#a855f7;box-shadow:0 3px 9px #8d36dd36}.export-format-bubbles button:disabled{cursor:default;opacity:.6}.export-settings{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;display:grid}.export-settings label{color:#8b7797;border:1px solid #dfcafa;border-radius:14px;gap:6px;padding:11px 12px;font-size:11px;font-weight:700;display:grid}.export-settings select,.export-settings select option{font-weight:400}.export-zip-toggle{color:#69467e;background:#fbf7ff;border:1px solid #dfcafa;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;margin:0 0 12px;padding:11px 12px;display:flex}.export-zip-toggle>span{gap:2px;min-width:0;display:grid}.export-zip-toggle b{font-size:11px}.export-zip-toggle small{color:#9b89a8;font-size:9px}.export-zip-toggle input{appearance:none;cursor:pointer;background:#e9def1;border:1px solid #d7c2e8;border-radius:999px;flex:0 0 42px;width:42px;height:24px;margin:0;transition:background .16s,border-color .16s;position:relative}.export-zip-toggle input:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .16s;position:absolute;top:3px;left:3px;box-shadow:0 2px 5px #5d397c38}.export-zip-toggle input:checked{background:#a855f7;border-color:#a855f7}.export-zip-toggle input:checked:after{transform:translate(18px)}.export-settings input,.export-settings select{color:#6b2ea8;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0;font-size:13px}.export-modal>button{color:#6b4b80;background:#fffaff;border:1px solid #dfcafa;border-radius:13px;width:100%;margin:8px 0;padding:13px;font-weight:600;display:block}.export-modal>button.primary-export{color:#fff;background:#a855f7;border-color:#a855f7}.export-modal>button:disabled,.export-modal header button:disabled{cursor:default;opacity:.55}.export-modal>button:hover{color:#7b2fc4;background:#ead7ff}.export-queue-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.export-queue-actions button{color:#6b4b80;background:#fffaff;border:1px solid #dfcafa;border-radius:13px;padding:11px 8px;font-size:10px;font-weight:800}.export-queue-actions button:not(:disabled):hover{color:#7b2fc4;background:#ead7ff;border-color:#a855f7}.export-queue-actions button:disabled{opacity:.45}.stage,.model{touch-action:none}.spine-canvas{pointer-events:none}.spine-canvas.interaction-enabled{pointer-events:auto;cursor:pointer;touch-action:none}.interaction-fx-layer{z-index:5;pointer-events:none;position:absolute;inset:0;overflow:visible}.interaction-fx{pointer-events:none;position:absolute}.interaction-fx-petting{transform:translate(-50%,-50%)}@media (width<=760px),(width<=900px) and (orientation:portrait){.app{min-height:var(--app-viewport-height,100dvh);height:var(--app-viewport-height,100dvh);padding-bottom:env(safe-area-inset-bottom)}.topbar{border-radius:18px;flex:none;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"logo save""asset tabs""tools tools";align-items:center;gap:6px;width:auto;height:auto;min-height:0;margin:6px;padding:7px;display:grid}.studio-logo{flex:none;grid-area:logo;justify-self:start;width:min(42vw,132px);max-height:40px}.topbar>.save{border-radius:14px;grid-area:save;justify-self:end;min-height:40px;margin:0;padding:9px 13px;font-size:11px}.asset-select{order:initial;border-radius:15px;grid-area:asset;gap:7px;width:100%;min-width:0;height:48px;padding:5px 8px}.asset-select .avatar{flex-basis:36px;width:36px;height:36px}.asset-select b{font-size:11px}.asset-select small{font-size:8px}.tabs{order:initial;border-radius:14px;flex:none;grid-area:tabs;justify-content:stretch;width:auto;padding:3px}.tabs button{border-radius:11px;min-width:0;padding:8px 5px;font-size:10px}.top-tools{order:initial;border-radius:14px;grid-area:tools;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;width:100%;margin:0;padding:3px;display:grid}.top-tools button{border-radius:10px;width:100%;min-width:0;height:40px;padding:3px 4px}.top-tools button>span,.top-tools button>svg{width:15px;height:15px;line-height:15px}.top-tools small{text-overflow:ellipsis;max-width:100%;font-size:7px;display:block;overflow:hidden}.topbar .header-tools{display:none}.bottom-tools{flex:none;width:calc(100vw - 16px);max-width:none;display:grid}.workspace{flex:auto;width:100%;height:auto;min-height:0;padding:0 6px 6px;overflow:hidden}.stage-wrap{justify-content:center;gap:6px;width:100%;min-height:0;padding:0}.stage{border-radius:14px;max-width:none;width:min(calc(100vw - 16px), var(--mobile-stage-width))!important}.transport{border-radius:17px;grid-template-rows:44px 27px 36px 36px;grid-template-columns:minmax(0,1fr) 58px 34px 44px 34px;gap:5px;width:calc(100vw - 16px);max-width:none;min-height:0;padding:7px;display:grid;overflow:visible}.transport button{border-radius:11px;min-width:0;padding:5px}.transport .motion-picker{grid-area:1/1}.transport .track-count{grid-area:1/2}.transport>button:nth-of-type(3){grid-area:1/3}.transport .play{grid-area:1/4;width:44px;height:44px}.transport>button:nth-of-type(5){grid-area:1/5}.transport input[type=range]{grid-area:2/1/auto/4;width:100%;min-width:0;margin:0}.timeline-time{flex:initial;grid-area:2/4/auto/6;align-self:center;width:auto;min-width:0;font-size:9px}.transport-toggle-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;min-width:0;display:grid}.transport-toggle-pair.primary-toggles{grid-area:3/1/auto/-1}.transport-toggle-pair.audio-toggles{grid-area:4/1/auto/-1}.transport-toggle-pair .skin,.transport-toggle-pair .interaction,.transport-toggle-pair .audio-toggle{width:100%;min-width:0;max-width:none}.transport .motion-picker,.transport .track-count{min-width:0;padding:5px 6px}.transport small{font-size:8px}.transport .skin b,.transport .interaction b,.transport .audio-toggle b,.transport .motion-picker b,.transport .track-count b{max-width:100%;font-size:10px}.modal-backdrop,.modal-backdrop.library-backdrop,.export-backdrop{padding:max(6px, env(safe-area-inset-top)) 6px max(6px, env(safe-area-inset-bottom));background:#39234f3d;place-items:stretch stretch}.library,.motion-modal,.skin-modal,.export-modal{border-radius:18px;width:100%;height:auto;max-height:none}.library{height:100%}.library header{grid-template-columns:minmax(0,1fr) auto;gap:7px;padding:10px;display:grid}.library header>div{min-width:0}.library h2{font-size:17px}.library header input{grid-area:2/1/auto/-1;width:100%;min-height:42px;margin:0;padding:10px 13px}.library header>button{grid-area:1/2}.library-body{flex-direction:column}.library-body nav{flex:none;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;width:100%;padding:7px;display:grid;overflow:hidden}.library-body nav button{text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;min-width:0;padding:8px 2px;font-size:9px;overflow:hidden}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:8px}.grid>.card:not(.group-card),.group-card{height:74px;min-height:74px;padding:8px}.grid>.card:not(.group-card) img,.grid>.card:not(.group-card) .thumb,.group-main img,.group-main .thumb{flex-basis:48px;width:48px;height:48px}.layers,.stage-panel,.background-panel,.parts-panel,.track-panel{inset:max(6px, env(safe-area-inset-top)) 6px max(6px, env(safe-area-inset-bottom));z-index:60;border-radius:18px;width:auto;height:auto;max-height:none;padding:14px;overflow-y:auto}.parts-panel{display:flex;overflow:hidden}.background-panel.compact{height:auto;max-height:calc(var(--app-viewport-height,100dvh) - 12px);bottom:auto}.motion-modal,.skin-modal,.export-backdrop .export-modal{max-height:calc(var(--app-viewport-height,100dvh) - 12px);align-self:start;overflow-y:auto}.motion-options{grid-template-columns:1fr;max-height:calc(100dvh - 82px)}.background-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.background-option{border-radius:11px;padding:4px}.background-option img{border-radius:8px}.toast{top:auto;right:8px;bottom:max(8px, env(safe-area-inset-bottom));max-width:calc(100vw - 16px)}.app.mobile-panel-open .topbar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"asset tabs";padding:6px}.app.mobile-panel-open .studio-logo,.app.mobile-panel-open .top-tools,.app.mobile-panel-open .topbar>.save{display:none}.app.mobile-panel-open .workspace{padding-bottom:calc(var(--mobile-panel-height,46dvh) + max(8px, env(safe-area-inset-bottom)))}.app.mobile-panel-open .stage-wrap{justify-content:center}.app.mobile-panel-open .stage{width:min(calc(100vw - 16px), var(--mobile-panel-stage-width))!important}.app.mobile-panel-open .transport{display:none}.app.mobile-panel-open .modal-backdrop,.app.mobile-panel-open .modal-backdrop.library-backdrop,.app.mobile-panel-open .export-backdrop{height:var(--mobile-panel-height,46dvh);min-height:238px;padding:0 6px max(6px, env(safe-area-inset-bottom));background:0 0;align-items:stretch;top:auto}.app.mobile-panel-open .library,.app.mobile-panel-open .motion-modal,.app.mobile-panel-open .skin-modal,.app.mobile-panel-open .export-modal{border-radius:18px 18px 0 0;height:100%;max-height:100%;box-shadow:0 -12px 34px #4b267042}.app.mobile-panel-open .motion-modal,.app.mobile-panel-open .skin-modal,.app.mobile-panel-open .export-backdrop .export-modal{align-self:stretch}.app.mobile-panel-open .motion-options{max-height:calc(var(--mobile-panel-height,46dvh) - 76px)}.app.mobile-panel-open .layers,.app.mobile-panel-open .stage-panel,.app.mobile-panel-open .background-panel,.app.mobile-panel-open .parts-panel,.app.mobile-panel-open .track-panel{top:auto;right:6px;bottom:max(6px, env(safe-area-inset-bottom));width:auto;height:calc(var(--mobile-panel-height,46dvh) - max(6px, env(safe-area-inset-bottom)));border-radius:18px 18px 0 0;min-height:238px;max-height:none;left:6px;box-shadow:0 -12px 34px #4b267042}.app.mobile-panel-open .background-panel.compact{top:auto;bottom:max(6px, env(safe-area-inset-bottom));height:auto;min-height:0;max-height:calc(var(--mobile-panel-height,46dvh) - max(6px, env(safe-area-inset-bottom)))}}@media (width>=600px) and (width<=900px) and (orientation:portrait){.grid,.background-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=761px) and (width<=1000px) and (height<=600px){.app{height:var(--app-viewport-height,100dvh)}.topbar{border-radius:16px;flex:0 0 56px;gap:6px;height:56px;min-height:56px;margin:4px 6px;padding:5px 8px}.studio-logo{flex-basis:92px;width:92px;max-height:40px}.asset-select{flex-basis:150px;width:150px;height:44px;padding:4px 7px}.asset-select .avatar{flex-basis:34px;width:34px;height:34px}.tabs{padding:2px}.tabs button{padding:8px 6px;font-size:10px}.top-tools{gap:2px;padding:2px}.top-tools button{width:34px;min-width:34px;height:40px;padding:3px}.top-tools small{display:none}.save{padding:9px 11px;font-size:10px}.workspace{height:auto;padding:0 6px 5px}.stage-wrap{gap:5px}.stage{width:min(52vw, var(--landscape-stage-width))!important}.transport{width:min(96vw,820px);padding:5px 7px}.transport button{padding:7px 8px}.transport .play{width:42px;height:42px}.transport .motion-picker,.transport .skin,.transport .interaction{min-width:96px}.modal-backdrop,.modal-backdrop.library-backdrop,.export-backdrop{place-items:stretch stretch;padding:5px}.library,.motion-modal,.skin-modal,.export-modal{width:100%;height:100%;max-height:none}.layers,.stage-panel,.background-panel,.parts-panel,.track-panel{width:auto;height:auto;max-height:none;inset:5px}.app.mobile-panel-open .workspace{padding-right:calc(42vw + 8px)}.app.mobile-panel-open .transport{display:none}.app.mobile-panel-open .modal-backdrop,.app.mobile-panel-open .modal-backdrop.library-backdrop,.app.mobile-panel-open .export-backdrop{background:0 0;width:42vw;height:auto;min-height:0;padding:0;inset:62px 5px 5px auto}.app.mobile-panel-open .library,.app.mobile-panel-open .motion-modal,.app.mobile-panel-open .skin-modal,.app.mobile-panel-open .export-modal{border-radius:18px 0 0 18px;width:100%;height:100%;max-height:100%;box-shadow:-12px 0 34px #4b267042}.app.mobile-panel-open .library-body{flex-direction:column}.app.mobile-panel-open .library-body nav{flex:none;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;width:100%;padding:6px;display:grid;overflow:hidden}.app.mobile-panel-open .library-body nav button{text-overflow:ellipsis;white-space:nowrap;width:100%;min-width:0;padding:7px 2px;font-size:8px;overflow:hidden}.app.mobile-panel-open .grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:7px}.app.mobile-panel-open .background-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.app.mobile-panel-open .layers,.app.mobile-panel-open .stage-panel,.app.mobile-panel-open .background-panel,.app.mobile-panel-open .parts-panel,.app.mobile-panel-open .track-panel{border-radius:18px 0 0 18px;width:42vw;height:auto;min-height:0;max-height:none;inset:62px 5px 5px auto;box-shadow:-12px 0 34px #4b267042}}.interaction-love{opacity:0;transform-origin:50%;animation-name:interaction-love-official;animation-timing-function:linear;animation-fill-mode:forwards;position:absolute}.model .interaction-love img{width:100%;max-width:none;height:100%;max-height:none;display:block}.interaction-fx-bonk{aspect-ratio:1;animation:1.18s ease-out forwards interaction-bonk-pop;transform:translate(-50%,-62%)}.model .interaction-fx-bonk img{mix-blend-mode:screen;width:100%;max-width:none;height:auto;max-height:none;position:absolute;inset:0}.interaction-bonk-glow{filter:blur(7px)brightness(2.2)saturate(.8);opacity:.9}.interaction-bonk-image{filter:brightness(1.45)saturate(.85)drop-shadow(0 0 7px #ffeb96fa)}@keyframes interaction-love-official{0%{opacity:1;translate:0;scale:.325153 .11043}17.8409%{opacity:1;scale:.325153 1}25.0857%{opacity:1;scale:.325153 1}29.2125%{opacity:1;scale:.56 .999335}34.651%{opacity:1;scale:.82 .407558}36.2673%{opacity:1;scale:.95609 .57}42.3144%{opacity:1;scale:.98 1}47.0317%{opacity:1;scale:1}59.7%{opacity:1}78.0069%{scale:1}to{opacity:0;scale:0;translate:var(--petting-end-x) var(--petting-end-y)}}@keyframes interaction-bonk-pop{0%{opacity:0;transform:translate(-50%,-62%)scale(.72)}14%{opacity:1;transform:translate(-50%,-62%)scale(1.08)}72%{opacity:1;transform:translate(-50%,-62%)scale(1)}to{opacity:0;transform:translate(-50%,-62%)scale(.92)}}.transport .interaction:disabled{cursor:not-allowed;color:#9b8ca6;opacity:.72;background:#f2edf6}.transport .interaction:disabled b{color:#8f8298}.switch-row{appearance:none;text-align:left;width:100%;font:inherit;cursor:pointer;background:#fffaff;align-items:center;gap:12px;display:flex}.switch-row .switch{box-sizing:border-box;background:#e8ddf2;border:1px solid #d5c2e8;flex:0 0 52px;width:52px;height:30px;padding:3px;transition:background .18s,border-color .18s;box-shadow:inset 0 1px 2px #6b4b8022}.switch-row .switch>span{background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .18s;display:block;box-shadow:0 2px 5px #4b267044}.switch-row.is-on{background:#fbf7ff;border-color:#c89af1}.switch-row.is-on .switch{background:#a855f7;border-color:#9237e8}.switch-row.is-on .switch>span{transform:translate(22px)}.switch-row:focus-visible{outline-offset:2px;outline:2px solid #a855f7}.switch-row .switch:after{content:none;display:none}