*{box-sizing:border-box}html,body{color:#fff;overscroll-behavior:none;background:#000;margin:0;padding:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-height:100dvh}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app{background:#000;min-height:100dvh}.page{width:min(1180px,100%);margin:0 auto;padding:18px 14px 110px}.page.editorPage{padding:8px 0 110px}.topbar{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#000000d1;border-bottom:1px solid #191919;justify-content:space-between;align-items:center;padding:12px 14px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.02em;font-weight:750}.muted{color:#9b9b9b}.tiny{font-size:12px}.sectionTitle{margin:10px 0 4px;font-size:22px}.sectionText{color:#9a9a9a;margin:0 0 16px;line-height:1.65}.card{background:#101010;border:1px solid #222;border-radius:22px;padding:16px}.cardGrid,.assetGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (min-width:760px){.assetGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.cardGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}.assetCard{background:#0d0d0d;border:1px solid #222;border-radius:18px;overflow:hidden}.assetThumb{aspect-ratio:1;background:#161616;justify-content:center;align-items:center;display:flex}.assetThumb img{object-fit:contain;width:100%;height:100%}.assetBody{padding:12px}.row{align-items:center;gap:10px;display:flex}.rowBetween{justify-content:space-between;align-items:center;gap:10px;display:flex}.stack{flex-direction:column;gap:12px;display:flex}.btn{color:#000;background:#fff;border:0;border-radius:999px;padding:11px 15px;font-weight:700}.btn.secondary{color:#fff;background:#171717;border:1px solid #2d2d2d}.btn.ghost{color:#fff;background:0 0;border:1px solid #292929}.btn.danger{color:#ffb6b6;background:#271010;border:1px solid #542020}.iconBtn{color:#fff;background:#111;border:1px solid #2b2b2b;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.field{flex-direction:column;gap:7px;display:flex}.input,.select,.textarea{background:#0a0a0a;border:1px solid #292929;border-radius:14px;outline:none;width:100%;padding:12px 13px}.textarea{resize:vertical;min-height:90px}.pill{color:#cfcfcf;background:#111;border:1px solid #2b2b2b;border-radius:999px;align-items:center;gap:6px;padding:7px 10px;font-size:12px;display:inline-flex}.bottomNav{z-index:50;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#111111eb;border:1px solid #2b2b2b;border-radius:24px;grid-template-columns:repeat(5,1fr);gap:4px;width:min(560px,100% - 18px);padding:7px;display:grid;position:fixed;bottom:10px;left:50%;transform:translate(-50%);box-shadow:0 14px 50px #00000073}.navItem{color:#777;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:52px;font-size:10px;display:flex}.navItem.active{color:#000;background:#fff}.navItem svg{width:21px;height:21px}.aiFab{z-index:55;color:#000;background:#fff;border:1px solid #333;border-radius:50%;width:52px;height:52px;font-weight:800;position:fixed;bottom:86px;right:15px;box-shadow:0 10px 35px #00000080}.aiSheet{z-index:80;background:#111;border:1px solid #2d2d2d;border-radius:24px;max-width:560px;margin:0 auto;padding:14px;position:fixed;inset:auto 10px 82px;box-shadow:0 28px 90px #000c}.editorWrap{background:#050505;flex-direction:column;height:calc(100dvh - 136px);min-height:560px;display:flex}.canvasStage{touch-action:none;background:#080808;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.editorCanvas{touch-action:none;background:#fff;max-width:100%;max-height:100%;display:block;box-shadow:0 0 0 1px #222}.editorToolbar{scrollbar-width:none;background:#0b0b0b;border-top:1px solid #1d1d1d;align-items:center;gap:7px;padding:8px 10px;display:flex;overflow-x:auto}.toolBtn{color:#cfcfcf;background:#121212;border:1px solid #262626;border-radius:15px;flex:none;min-width:62px;padding:9px 10px;font-size:12px}.toolBtn.active{color:#000;background:#fff}.frameStrip{scrollbar-width:none;background:#050505;border-top:1px solid #1e1e1e;align-items:center;gap:7px;padding:8px 10px;display:flex;overflow-x:auto}.frameThumb{color:#777;background:#111;border:1px solid #2a2a2a;border-radius:11px;flex:0 0 70px;place-items:center;height:58px;font-size:11px;display:grid;position:relative}.frameThumb.active{color:#fff;border:2px solid #fff}.frameAdd{color:#fff;background:#131313;border:1px solid #333;border-radius:50%;flex:0 0 34px;height:34px}.betweenAI{color:#aaa;background:#151515;border:1px solid #2c2c2c;border-radius:50%;flex:0 0 27px;height:27px;font-size:10px}.layerPanel{z-index:20;background:#0e0e0ef0;border:1px solid #2b2b2b;border-radius:18px;width:min(250px,72vw);max-height:70%;padding:10px;position:absolute;top:8px;right:8px;overflow:auto}.layerRow{background:#171717;border-radius:12px;grid-template-columns:1fr auto auto;align-items:center;gap:7px;margin-bottom:6px;padding:8px;display:grid}.turntableStage{background:#050505;border:1px solid #1f1f1f;border-radius:22px;grid-template-rows:1fr auto;height:min(68dvh,650px);min-height:430px;display:grid;overflow:hidden}.turnVisual{touch-action:none;background:radial-gradient(circle,#181818 0,#080808 54%,#000 100%);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.turnVisual img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;max-width:78%;max-height:78%}.orbit{aspect-ratio:1;border:1px solid #303030;border-radius:50%;width:76%;position:absolute;transform:scaleY(.38)}.orbitDot{background:#fff;border-radius:50%;width:10px;height:10px;position:absolute;box-shadow:0 0 18px #fff}.turnControls{background:#0b0b0b;border-top:1px solid #222;padding:12px}.range{width:100%}.tabs{background:#111;border:1px solid #242424;border-radius:16px;gap:6px;padding:5px;display:flex}.tab{color:#777;background:0 0;border:0;border-radius:12px;flex:1;padding:9px}.tab.active{color:#000;background:#fff}.timeline{background:#070707;border-top:1px solid #222;padding:10px}.timeRuler{gap:6px;display:flex;overflow-x:auto}.keyCard{background:#121212;border:1px solid #292929;border-radius:12px;min-width:84px;padding:9px}.pricing{gap:12px;display:grid}@media (min-width:760px){.pricing{grid-template-columns:repeat(3,1fr)}}.priceCard{background:#0d0d0d;border:1px solid #262626;border-radius:22px;padding:18px}.price{font-size:28px;font-weight:800}.highlight{border-color:#fff}.modalBackdrop{z-index:70;background:#000000bd;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:#111;border:1px solid #2b2b2b;border-radius:26px 26px 0 0;width:min(640px,100%);max-height:82dvh;padding:18px;overflow:auto}.progress{background:#1f1f1f;border-radius:999px;height:8px;overflow:hidden}.progress>span{background:#fff;height:100%;display:block}.separator{background:#222;height:1px;margin:12px 0}.notice{color:#bdbdbd;background:#0d0d0d;border:1px solid #303030;border-radius:16px;padding:12px;font-size:13px;line-height:1.55}.wrap{flex-wrap:wrap}.characterList{flex-direction:column;gap:12px;margin-top:12px;display:flex}.characterFolder{background:#0b0b0b;border:1px solid #242424;border-radius:22px;overflow:hidden}.characterFolder.open{border-color:#393939}.characterFolderHead{text-align:left;background:#0d0d0d;border:0;grid-template-columns:70px 1fr auto;align-items:center;gap:12px;width:100%;padding:12px;display:grid}.characterIcon{background:#161616;border:1px solid #242424;border-radius:18px;place-items:center;width:70px;height:70px;display:grid;overflow:hidden}.characterIcon img{object-fit:contain;width:100%;height:100%}.characterFolderMeta{flex-direction:column;gap:5px;min-width:0;display:flex}.characterFolderMeta strong{font-size:16px}.folderChevron{background:#171717;border:1px solid #2b2b2b;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.characterDetail{background:#070707;border-top:1px solid #202020;padding:12px}.detailHero{grid-template-columns:120px 1fr;align-items:center;gap:14px;display:grid}.detailHeroImage{background:#111;border:1px solid #252525;border-radius:20px;width:120px;height:120px;overflow:hidden}.detailHeroImage img{object-fit:contain;width:100%;height:100%}.detailHeroActions{min-width:0}.dataSubsection{border-top:1px solid #202020;margin-top:18px;padding-top:16px}.emptyInset{color:#888;background:#0e0e0e;border:1px dashed #2b2b2b;border-radius:14px;margin-top:10px;padding:12px;font-size:13px}.viewDataGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:10px;display:grid}.viewDataCard{background:#101010;border:1px solid #252525;border-radius:15px;grid-template-columns:62px 1fr auto;align-items:center;gap:9px;min-width:0;padding:8px;display:grid}.viewDataCard img{object-fit:contain;background:#171717;border-radius:11px;width:62px;height:62px}.viewDataCard .btn{padding:8px 10px;font-size:11px}.partDetailGrid{grid-template-columns:1fr;gap:10px;margin-top:10px;display:grid}.partDetailCard{background:#0e0e0e;border:1px solid #252525;border-radius:17px;padding:11px}.partMainRow{grid-template-columns:66px 1fr;align-items:center;gap:10px;margin-bottom:10px;display:grid}.partThumb{background:#171717;border-radius:14px;width:66px;height:66px;overflow:hidden}.partThumb img{object-fit:contain;width:100%;height:100%}.partInfo{min-width:0}.partViews{border-top:1px solid #222;margin-top:10px;padding-top:9px}.viewScroller{scrollbar-width:none;gap:8px;padding:8px 0 3px;display:flex;overflow-x:auto}.viewScroller.compact{padding-top:6px}.partViewChip,.viewPickCard{color:#fff;text-align:left;background:#121212;border:1px solid #292929;border-radius:13px;flex:none;padding:6px}.partViewChip{width:92px}.partViewChip img{object-fit:contain;background:#181818;border-radius:9px;width:100%;height:65px}.partViewChip span{color:#aaa;margin-top:4px;font-size:10px;display:block}.partViewChip b{margin-top:2px;font-size:11px;display:block}.miniThumb{background:#171717;border:1px solid #282828;border-radius:13px;place-items:center;width:50px;height:50px;display:grid;overflow:hidden}.miniThumb img{object-fit:contain;width:100%;height:100%}.pickerItemRow{grid-template-columns:50px 1fr auto;align-items:center;gap:10px;padding:8px 0;display:grid}.pickerItemText{min-width:0}.libraryGroup{background:#0d0d0d;border:1px solid #242424;border-radius:18px;overflow:hidden}.libraryGroupHead{text-align:left;background:#101010;border:0;grid-template-columns:50px 1fr auto;align-items:center;gap:10px;width:100%;padding:10px;display:grid}.libraryGroupText{flex-direction:column;gap:3px;display:flex}.libraryGroupBody{border-top:1px solid #222;padding:10px}.pickerSectionTitle{color:#8e8e8e;text-transform:uppercase;letter-spacing:.06em;margin:9px 0 4px;font-size:11px}.viewPickCard{width:108px}.viewPickCard img{object-fit:contain;background:#181818;border-radius:9px;width:100%;height:78px}.viewPickCard span{color:#aaa;margin-top:3px;font-size:10px;display:block}.partPickerBlock{border-top:1px solid #202020;margin-top:4px;padding-top:4px}.assetPickerSheet{max-height:88dvh}.assetAddTool{color:#000;background:#fff;border-color:#fff}.assetAddTool:hover{background:#e9e9e9}@media (min-width:760px){.partDetailGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.viewDataGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.characterFolderHead{grid-template-columns:84px 1fr auto}.characterIcon{width:84px;height:84px}.detailHero{grid-template-columns:170px 1fr}.detailHeroImage{width:170px;height:170px}.assetPickerSheet{border-radius:26px;margin-bottom:18px}.modalBackdrop{align-items:center}.sheet{border-radius:26px}}@media (max-width:520px){.viewDataGrid{grid-template-columns:1fr}.viewDataCard{grid-template-columns:58px 1fr auto}.detailHero{grid-template-columns:95px 1fr}.detailHeroImage{width:95px;height:95px}.characterFolderHead{grid-template-columns:58px 1fr auto}.characterIcon{width:58px;height:58px}}.transparentPreview,.transparentThumb,.viewImageBox{background-color:#111;background-image:linear-gradient(45deg,#1d1d1d 25%,#0000 25%),linear-gradient(-45deg,#1d1d1d 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#1d1d1d 75%),linear-gradient(-45deg,#0000 75%,#1d1d1d 75%);background-position:0 0,0 9px,9px -9px,-9px 0;background-size:18px 18px}.transparentPreview{background-color:#080808}.turnImageStack{width:min(78%,560px);height:78%;transform-style:preserve-3d;will-change:transform;justify-content:center;align-items:center;display:flex;position:relative}.turnImage{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 10px 18px #0000002e);will-change:opacity;width:100%;height:100%;position:absolute;inset:0;max-width:none!important;max-height:none!important}.turnImage.primary{opacity:1}.turnImage.secondary{transition:opacity 80ms linear}.previewQuality{text-overflow:ellipsis;white-space:nowrap;max-width:45%;overflow:hidden}.previewHint{color:#aaa;text-align:center;background:#0000009e;border-radius:999px;width:max-content;max-width:88%;padding:5px 9px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.masterTool{border-color:#555}.masterSheet{max-height:90dvh}.masterPresetGrid{grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0;display:grid}.masterPreset{color:#fff;text-align:left;background:#0c0c0c;border:1px solid #292929;border-radius:18px;flex-direction:column;gap:5px;min-width:0;padding:13px 10px;display:flex}.masterPreset.active{color:#000;background:#fff;border-color:#fff}.masterPreset span{color:#8f8f8f;font-size:11px;line-height:1.4}.masterPreset.active span{color:#555}.masterPreset b{font-size:11px}.masterNotice{margin:10px 0}.duplicateWarning{color:#e8d0a5;background:#17120b;border:1px solid #5a4321;border-radius:17px;gap:9px;margin:12px 0;padding:12px;display:grid}.duplicateWarning .tiny{color:#bfa880}.duplicateAngles{flex-wrap:wrap;gap:6px;display:flex}.duplicateAngles span{background:#0e0b07;border:1px solid #544224;border-radius:999px;padding:5px 8px;font-size:11px}.batchProgressBox{background:#0c0c0c;border:1px solid #292929;border-radius:18px;gap:11px;margin-top:14px;padding:13px;display:grid}.masterStrip{min-height:76px}.transparentThumb{position:relative;overflow:hidden}.transparentThumb>img,.viewImageBox>img{z-index:1;position:relative}.frameThumb.transparentThumb img{object-fit:contain;border-radius:8px;width:100%;height:100%}.angleLabel{z-index:4;background:#000000ad;border-radius:6px;padding:2px 5px;font-size:9px;position:absolute;bottom:4px;left:5px}.duplicateBadge{z-index:5;color:#000;background:#fff;border-radius:999px;place-items:center;min-width:21px;height:21px;padding:0 5px;font-size:10px;font-style:normal;font-weight:800;display:grid;position:absolute;top:5px;right:5px;box-shadow:0 2px 10px #00000059}.duplicateLine{color:#e6bb72;font-size:11px}.dataDuplicateWarning{margin-top:14px}.viewImageBox{border-radius:11px;width:62px;height:62px;position:relative;overflow:hidden}.viewImageBox img{object-fit:contain;width:100%;height:100%}.compactActions{align-items:stretch;gap:5px}.compactActions .btn{padding:7px 8px;font-size:10px}.compactActions .iconBtn{width:30px;height:30px}.partViewChip{position:relative}.partViewChip .duplicateBadge{top:3px;right:3px}.characterIcon.transparentThumb,.detailHeroImage.transparentThumb,.partThumb.transparentThumb,.miniThumb.transparentThumb{background-color:#111}.characterIcon.transparentThumb img,.detailHeroImage.transparentThumb img,.partThumb.transparentThumb img,.miniThumb.transparentThumb img{z-index:1;position:relative}@media (max-width:520px){.masterPresetGrid{grid-template-columns:1fr}.masterPreset{grid-template-columns:auto 1fr auto;align-items:center;display:grid}.masterPreset span{padding-left:4px}.previewQuality{top:46px!important;right:8px!important}.previewHint{font-size:9px;bottom:7px}.turntableStage{height:min(64dvh,610px);min-height:410px}.viewImageBox{width:58px;height:58px}}.masterCoverage{flex-wrap:wrap;gap:6px;display:flex}.masterCoverage span{color:#999;background:#0c0c0c;border:1px solid #2d2d2d;border-radius:999px;padding:5px 8px;font-size:10px}.masterCoverage span.complete{color:#000;background:#fff;border-color:#fff}.turnImageViewport{pointer-events:none;place-items:center;display:grid;position:absolute;inset:48px 5% 42px;overflow:hidden}.turnImageStack{aspect-ratio:1;transform-style:preserve-3d;will-change:transform;transform-origin:50%;width:min(100%,520px)!important;height:auto!important;display:block!important;position:relative!important}.turnImage{object-fit:contain!important;object-position:center center!important;height:100%!important;max-height:100%!important;position:absolute!important}.masterStrip .frameThumb{flex:0 0 76px;width:76px;height:68px;padding:4px;overflow:hidden}.masterStrip .frameThumb img{display:block;object-fit:contain!important;object-position:center center!important;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important}@media (max-width:520px){.turnImageViewport{inset:54px 3% 38px}.turnImageStack{width:min(94%,430px)!important}.masterStrip .frameThumb{flex-basis:70px;width:70px;height:64px}}.materialStudioPage{width:min(1440px,100%);padding:10px 10px 118px}.materialPageHead{align-items:flex-start}.materialPageHead .sectionText{max-width:760px;margin-bottom:8px}.materialTopTabs{min-width:230px}.materialCommandBar{scrollbar-width:none;align-items:center;gap:8px;padding:8px 0 10px;display:flex;overflow-x:auto}.materialDraftSelect{width:auto;min-width:180px}.materialStudioGrid{grid-template-columns:250px minmax(0,1fr) 330px;gap:10px;min-height:calc(100dvh - 230px);display:grid}.materialControlPanel,.materialSidePanel,.materialAiPanel{background:#0c0c0c;border:1px solid #242424;border-radius:20px;min-width:0;padding:12px}.materialControlPanel{align-self:start;max-height:calc(100dvh - 220px);overflow:auto}.materialCanvasColumn{flex-direction:column;gap:7px;min-width:0;display:flex}.materialCanvasViewport{background:#050505;border:1px solid #232323;border-radius:22px;justify-content:center;align-items:center;height:calc(100dvh - 300px);min-height:500px;padding:8px;display:flex;overflow:hidden}.materialStage{touch-action:none;width:auto;max-width:100%;height:auto;max-height:100%;position:relative;overflow:hidden;box-shadow:0 12px 60px #00000073}.materialCanvas{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.materialParentGhost{object-fit:contain;opacity:.16;filter:grayscale(.15);pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0}.materialCanvas{z-index:1}.materialCanvasBadge{z-index:4;color:#aaa;pointer-events:none;background:#000000ad;border:1px solid #303030;border-radius:999px;padding:5px 8px;font-size:10px;position:absolute;top:8px;left:8px}.materialToolDock{scrollbar-width:none;background:#090909;border:1px solid #222;border-radius:18px;gap:6px;padding:7px;display:flex;overflow-x:auto}.materialToolDock .toolBtn{flex:1 0 88px}.materialGestureHint{text-align:center;padding:0 8px}.materialRightColumn{flex-direction:column;gap:10px;min-width:0;display:flex}.materialLayerList{flex-direction:column;gap:6px;max-height:235px;margin-top:10px;display:flex;overflow:auto}.materialLayerRow{color:#fff;text-align:left;background:#121212;border:1px solid #242424;border-radius:13px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;padding:8px;display:grid}.materialLayerRow.active{background:#181818;border-color:#fff}.materialLayerIcon{background:#1c1c1c;border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.materialLayerName{flex-direction:column;gap:2px;min-width:0;display:flex}.materialLayerName b{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.materialLayerName small{color:#888;font-size:10px}.materialLayerActions{color:#aaa;gap:7px;display:flex}.materialLayerActions span{border:1px solid #2e2e2e;border-radius:50%;place-items:center;width:27px;height:27px;display:grid}.materialInspector{border-top:1px solid #222;flex-direction:column;gap:9px;margin-top:12px;padding-top:12px;display:flex}.materialColorGrid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.materialColorGrid label{color:#aaa;flex-direction:column;gap:6px;font-size:11px;display:flex}.materialColorGrid input[type=color],.materialInspector input[type=color],.materialControlPanel input[type=color]{background:#111;border:1px solid #303030;border-radius:12px;width:100%;height:43px;padding:4px}.materialCheck{color:#bbb;align-items:center;gap:8px;font-size:12px;line-height:1.4;display:flex}.materialCheck input{accent-color:#fff;width:18px;height:18px}.materialImportButton{justify-content:center;margin-top:8px;display:flex}.materialAiPanel{min-height:260px}.materialChatLog{flex-direction:column;gap:8px;max-height:240px;padding:10px 0;display:flex;overflow:auto}.materialChatEmpty{color:#858585;border:1px dashed #303030;border-radius:14px;padding:10px;font-size:12px;line-height:1.55}.materialChatBubble{white-space:pre-wrap;border-radius:16px;max-width:92%;padding:9px 11px;font-size:12px;line-height:1.5}.materialChatBubble.user{color:#000;background:#fff;border-bottom-right-radius:5px;align-self:flex-end}.materialChatBubble.assistant{color:#ddd;background:#171717;border:1px solid #292929;border-bottom-left-radius:5px;align-self:flex-start}.materialPrompt{min-height:82px}.materialAiActions{margin-top:8px}.materialMiniSelect{color:#fff;background:#111;border:1px solid #303030;border-radius:10px;padding:7px}.materialCandidateGrid{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.materialCandidate{background:#101010;border:1px solid #272727;border-radius:15px;padding:7px}.materialCandidateImage{aspect-ratio:1;border-radius:11px;position:relative;overflow:hidden}.materialCandidateImage img{object-fit:contain;width:100%;height:100%}.materialCandidateImage>span{color:#000;background:#fff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:10px;font-weight:800;display:grid;position:absolute;top:5px;left:5px}.materialCandidate .row{gap:5px;margin-top:7px}.materialCandidate .btn{padding:7px 9px;font-size:10px}.materialLibrary{background:#080808;border:1px solid #222;border-radius:22px;padding:14px}.materialLibrary .assetThumb.transparentThumb{background-color:#111}.materialLibrary .assetThumb img{z-index:1;position:relative}@media (max-width:1120px){.materialStudioGrid{grid-template-columns:210px minmax(0,1fr) 290px}.materialCanvasViewport{min-height:440px}.materialCandidateGrid{grid-template-columns:1fr}}@media (max-width:820px){.materialStudioPage{padding:8px 8px 112px}.materialPageHead{display:block}.materialTopTabs{width:100%;margin-top:8px}.materialStudioGrid{flex-direction:column;min-height:0;display:flex}.materialCommandBar{z-index:24;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000eb;margin:0 -2px;padding:7px 2px;position:sticky;top:51px}.materialControlPanel{order:2;max-height:none}.materialCanvasColumn{order:1}.materialRightColumn{order:3}.materialCanvasViewport{border-radius:18px;height:calc(100dvh - 245px);min-height:390px;padding:5px}.materialToolDock{z-index:38;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a0a0af0;position:sticky;bottom:82px}.materialSidePanel,.materialAiPanel,.materialControlPanel{border-radius:18px}.materialLayerList{max-height:320px}.materialChatLog{max-height:300px}.materialGestureHint{padding-bottom:2px}.materialDraftSelect{min-width:145px}.materialCommandBar .btn{white-space:nowrap;padding:9px 12px;font-size:11px}}@media (max-width:520px){.materialCanvasViewport{height:calc(100dvh - 250px);min-height:360px}.materialToolDock .toolBtn{flex-basis:78px;min-width:78px;padding:9px 7px}.materialColorGrid,.materialCandidateGrid{grid-template-columns:1fr 1fr}.materialCandidate .row{grid-template-columns:1fr;display:grid}.materialCandidate .btn{width:100%}.materialPageHead .sectionTitle{font-size:20px}.materialPageHead .sectionText{font-size:12px}.materialCommandBar{gap:5px}.materialCommandBar .btn{padding:8px 10px}}.animationEditorHead{gap:12px;padding:6px 10px}.animationModeTabs{flex:0 0 210px;width:210px}.animationProjectBar{z-index:27;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);scrollbar-width:none;background:#080808f0;border-top:1px solid #191919;border-bottom:1px solid #242424;align-items:center;gap:8px;padding:7px 10px;display:flex;position:sticky;top:50px;overflow-x:auto}.projectSettingGroup{background:#101010;border:1px solid #242424;border-radius:14px;align-items:center;gap:6px;min-width:max-content;padding:5px 8px;display:flex}.projectSettingLabel{color:#aaa;font-size:11px;font-weight:800}.compactNumber{color:#fff;background:#070707;border:1px solid #2b2b2b;border-radius:10px;width:68px;height:32px;padding:5px 7px}.compactNumber.wide{width:76px}.compactSelect{color:#fff;background:#070707;border:1px solid #2b2b2b;border-radius:10px;max-width:220px;height:32px;padding:4px 8px}.durationRange{accent-color:#fff;width:110px}.miniApply{color:#000;background:#fff;border:0;border-radius:999px;height:30px;padding:0 10px;font-weight:700}.currentCanvasSize{padding:5px 8px}.editorPage .editorWrap{height:calc(100dvh - 198px);min-height:520px}.editorCanvas{background:#fff}.itemQuickMenu{z-index:68;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#101010f5;border:1px solid #343434;border-radius:13px;gap:4px;padding:4px;display:flex;position:fixed;transform:translate(-50%,-100%);box-shadow:0 12px 35px #0000007a}.itemQuickMenu button{color:#fff;background:#222;border:0;border-radius:9px;width:34px;height:30px;font-size:11px;font-weight:800}.itemQuickMenu button:hover{background:#333}.itemQuickMenu button.danger{color:#ffc5c5;background:#2b1111}.snapGuideBadge{z-index:14;color:#8ee7ff;pointer-events:none;background:#000000b8;border:1px solid #275c6d;border-radius:999px;padding:5px 9px;font-size:10px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.frameUnit{align-items:center;gap:6px;display:flex;position:relative}.frameThumbWrap{position:relative}.frameThumb{flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:5px;display:flex}.frameIndex{font-size:13px;font-weight:800}.frameMore{z-index:4;color:#ccc;letter-spacing:-1px;background:#000000a8;border:0;border-radius:7px;width:24px;height:20px;padding:0;font-weight:900;position:absolute;top:2px;right:3px}.frameContextMenu{z-index:72;background:#111111fa;border:1px solid #303030;border-radius:14px;gap:4px;width:175px;padding:6px;display:grid;position:absolute;bottom:64px;left:0;box-shadow:0 18px 45px #0000008c}.frameContextMenu button{color:#fff;text-align:left;background:#202020;border:0;border-radius:9px;padding:8px 9px;font-size:11px}.frameContextMenu button:disabled{opacity:.35}.frameContextMenu .dangerText{color:#faa}.frameContextMenu .tiny{padding:3px 5px}.animationDrawPanel{z-index:64;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0d0d0df7;border:1px solid #303030;border-radius:20px;width:min(310px,100vw - 20px);max-height:calc(100dvh - 205px);padding:12px;position:fixed;top:118px;right:12px;overflow:auto;box-shadow:0 24px 70px #000000a6}.iconBtn.compact{width:32px;height:32px}.drawStyleGrid{grid-template-columns:repeat(3,1fr);gap:5px;margin:11px 0;display:grid}.drawStyleButton{color:#ddd;text-align:center;background:#151515;border:1px solid #292929;border-radius:12px;padding:9px 5px}.drawStyleButton b,.drawStyleButton span{display:block}.drawStyleButton b{font-size:12px}.drawStyleButton span{color:gray;margin-top:2px;font-size:9px}.drawStyleButton.active{color:#000;background:#fff;border-color:#fff}.drawStyleButton.active span{color:#555}.drawControlRow{grid-template-columns:auto 46px 1fr;align-items:center;gap:8px;margin:8px 0;display:grid}.drawColor{background:#111;border:1px solid #303030;border-radius:9px;width:46px;height:34px;padding:2px}.drawRange{gap:4px;margin:8px 0;display:grid}.drawRange>span{color:#aaa;justify-content:space-between;gap:10px;font-size:10px;display:flex}.drawRange input[type=range]{accent-color:#fff;width:100%}.drawToggle{color:#ccc;align-items:center;gap:8px;padding:7px 0;font-size:11px;display:flex}.drawToggle input{accent-color:#fff;width:18px;height:18px}.drawFineGrid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.selectedInspector{margin:10px 12px 0}.exportCustomSize{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin:10px 0;display:grid}.exportCustomSize .input{padding:9px 10px}.assetAddTool{border-color:#3d3d3d}@media (max-width:820px){.animationEditorHead{padding:5px 8px}.animationEditorHead>div:first-child{min-width:0}.animationEditorHead strong{font-size:12px}.animationEditorHead .tiny{font-size:9px}.animationModeTabs{flex-basis:180px;width:180px}.animationProjectBar{gap:6px;padding:6px 7px;top:48px}.projectSettingGroup{padding:4px 6px}.durationRange{width:86px}.currentCanvasSize{display:none}.editorPage .editorWrap{height:calc(100dvh - 202px);min-height:430px}.animationDrawPanel{border-radius:20px;width:auto;max-height:48dvh;padding:11px;inset:auto 7px 86px}.itemQuickMenu{z-index:69}.frameContextMenu{width:auto;position:fixed;bottom:84px;left:10px;right:10px}.frameStrip{padding-bottom:9px}.selectedInspector{margin:8px}.compactSelect{max-width:180px}}@media (max-width:560px){.animationEditorHead{display:block}.animationModeTabs{width:100%;margin-top:5px}.animationProjectBar{top:48px}.projectSettingGroup .pill{display:none}.durationRange{width:70px}.compactSelect{max-width:150px}.editorPage .editorWrap{height:calc(100dvh - 229px);min-height:390px}.editorToolbar{padding:6px 7px}.toolBtn{min-width:58px;padding:8px 9px;font-size:10px}.frameThumb{flex-basis:64px;width:64px;height:54px}.animationDrawPanel{bottom:82px}.drawFineGrid{grid-template-columns:1fr 1fr}}.selectedDrawingControls{border-top:1px solid #282828;grid-template-columns:160px 190px 1fr 1fr;gap:10px;margin-top:12px;padding-top:12px;display:grid}.selectedDrawingControls label{color:#aaa;flex-direction:column;gap:6px;font-size:11px;display:flex}.selectedDrawingControls input[type=color]{background:#111;border:1px solid #303030;border-radius:10px;width:100%;height:38px;padding:3px}@media (max-width:820px){.selectedDrawingControls{grid-template-columns:1fr 1fr}}@media (max-width:520px){.selectedDrawingControls{grid-template-columns:1fr}}.materialCanvasViewport{position:relative}.materialItemQuickMenu{z-index:69;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#101010f7;border:1px solid #343434;border-radius:13px;gap:4px;padding:4px;display:flex;position:fixed;transform:translate(-50%,-100%);box-shadow:0 12px 35px #00000080}.materialItemQuickMenu button{color:#fff;background:#222;border:0;border-radius:9px;min-width:34px;height:30px;padding:0 9px;font-size:10px;font-weight:800}.materialItemQuickMenu button.danger{color:#ffc5c5;background:#2b1111}.materialCutActions{z-index:58;background:#091216f5;border:1px solid #315464;border-radius:14px;align-items:center;gap:5px;padding:5px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 14px 38px #00000080}.materialCutActions span{color:#8ee7ff;white-space:nowrap;padding:0 5px;font-size:10px}.materialCutActions button{color:#d9f8ff;background:#19313a;border:0;border-radius:9px;padding:7px 10px;font-size:10px;font-weight:800}.materialCutActions button:last-child{color:#ddd;background:#222}.animationHeadControls{gap:8px;min-width:0}.playbackControls{background:#0f0f0f;border:1px solid #252525;border-radius:14px;align-items:center;gap:5px;min-width:max-content;padding:4px 6px;display:flex}.playbackButton{color:#fff;background:#202020;border:0;border-radius:9px;width:32px;height:30px;font-weight:900}.playbackButton.active{color:#000;background:#fff}.playbackButton:disabled{opacity:.45}.playbackLabel{color:#aaa;text-align:center;min-width:62px;font-size:10px}.frameConnector{background:#2a2a2a;width:12px;height:1px;display:block}.frameContextMenu,.frameMore{pointer-events:auto}.timelineEditor{background:#070707;border-top:1px solid #222;max-height:330px;padding:9px 10px 10px;overflow:auto}.timelineHeaderRow{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.timelineHeaderRow strong{font-size:12px}.timelineKeyButton{padding:7px 10px;font-size:10px}.timelineScrubRow{color:#888;grid-template-columns:auto 1fr auto auto;align-items:center;gap:8px;margin-bottom:8px;font-size:10px;display:grid}.timelineScrubRow input{accent-color:#fff;width:100%}.timelineScrubRow strong{color:#fff}.timelineTracks{grid-template-columns:118px minmax(420px,1fr);gap:6px;display:grid;overflow-x:auto}.timelineLabels{z-index:5;background:#070707;grid-auto-rows:36px;gap:4px;display:grid;position:sticky;left:0}.timelineTrackLabel{color:#ccc;text-align:left;background:#101010;border:1px solid #252525;border-radius:9px;grid-template-columns:24px 1fr;align-items:center;gap:7px;min-width:0;padding:4px 6px;display:grid}.timelineTrackLabel span{color:#aaa;background:#1c1c1c;border-radius:7px;place-items:center;width:22px;height:22px;font-size:9px;display:grid}.timelineTrackLabel b{white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.timelineTrackLabel.active{background:#171717;border-color:#fff}.timelineRails{grid-auto-rows:36px;gap:4px;min-width:520px;display:grid;position:relative}.timelineRail{background:#0e0e0e;border:1px solid #202020;border-radius:9px;height:36px;position:relative;overflow:hidden}.timelineClip{color:#fff;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background:#383838;border:1px solid #555;border-radius:8px;justify-content:center;align-items:center;min-width:12px;height:26px;display:flex;position:absolute;top:4px}.timelineClip.role-main{color:#000;background:#ededed;border-color:#fff}.timelineClip.role-drawing{background:#30293b;border-color:#5a4b70}.timelineClip.active{box-shadow:inset 0 0 0 2px #62dfff}.timelineClip>span{text-overflow:ellipsis;white-space:nowrap;pointer-events:none;padding:0 10px;font-size:9px;overflow:hidden}.timelineHandle{z-index:2;cursor:ew-resize;background:#5bdcffbf;border:0;width:10px;height:100%;padding:0;position:absolute;top:0}.timelineHandle.left{left:0}.timelineHandle.right{right:0}.timelinePlayhead{z-index:8;pointer-events:none;background:#ff6363;width:1px;position:absolute;top:0;bottom:0}.timelinePlayhead:before{content:"";background:#ff6363;border-radius:0 0 6px 6px;width:9px;height:9px;position:absolute;top:0;left:-4px}.drawSessionBox{background:#10191d;border:1px solid #2a3e46;border-radius:13px;justify-content:space-between;align-items:center;gap:8px;margin:10px 0;padding:9px;display:flex}.drawSessionBox div{gap:2px;display:grid}.drawSessionBox b{font-size:11px}.drawSessionBox span{color:#8b9ba2;font-size:9px}.drawSessionBox button{color:#000;white-space:nowrap;background:#fff;border:0;border-radius:999px;padding:7px 9px;font-size:9px;font-weight:800}.drawingLayerModeBox{align-items:flex-start}.drawSessionBox .drawingLayerActions{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.drawingItemModeToggle{background:#111;border:1px solid #2a2a2a;border-radius:11px;margin:2px 0 10px;padding:7px 9px}@media (max-width:820px){.animationHeadControls{justify-content:space-between;width:100%}.playbackControls{flex:none}.timelineEditor{max-height:280px;padding:8px 7px}.timelineTracks{grid-template-columns:92px minmax(500px,1fr)}.timelineTrackLabel{grid-template-columns:20px 1fr;padding:3px 4px}.timelineTrackLabel span{width:19px;height:19px}.timelineTrackLabel b{font-size:9px}.timelineHeaderRow .tiny{display:none}.materialItemQuickMenu{z-index:72}.materialCutActions{justify-content:center;position:fixed;bottom:88px;left:10px;right:10px;transform:none}}@media (max-width:560px){.animationHeadControls{margin-top:5px}.playbackLabel{min-width:48px}.playbackButton{width:30px}.animationModeTabs{min-width:0}.timelineHeaderRow{align-items:flex-start}.timelineKeyButton{white-space:nowrap}.timelineScrubRow{grid-template-columns:auto 1fr auto}.timelineScrubRow span:last-child,.materialCutActions span{display:none}}.frameContextMenu{width:180px!important;position:fixed!important;bottom:auto!important}@media (max-width:820px){.frameContextMenu{width:180px!important;bottom:auto!important;right:auto!important}}.materialHistoryControls{flex:none;align-items:center;gap:5px;display:flex}.materialHistoryControls .iconBtn{border-radius:12px;width:38px;height:38px}.materialHistoryControls .iconBtn:disabled{opacity:.28;cursor:not-allowed}.historyTick{display:none}.materialHoldSmoothBadge{z-index:5;color:#000;pointer-events:none;background:#ffffffeb;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:800;animation:.18s ease-out materialHoldFlash;position:absolute;top:8px;right:8px}@keyframes materialHoldFlash{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.partViewChipActions{width:112px;padding-bottom:7px}.partViewMiniActions{grid-template-columns:1fr 1fr;gap:4px;margin-top:5px;display:grid}.partViewMiniActions button{color:#fff;background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:5px 3px;font-size:9px;font-weight:700}.partViewMiniActions button:hover{color:#000;background:#fff}.partViewChipActions>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (max-width:820px){.materialHistoryControls .iconBtn{width:34px;height:34px}.partViewChipActions{width:108px}}.mobileOnly{display:none}@media (max-width:820px){.desktopOnly{display:none!important}.mobileOnly{display:initial}.app.editorRoute{background:#05070b;height:100dvh;min-height:0;overflow:hidden}.app.editorRoute>.topbar,.app.editorRoute>.bottomNav,.app.editorRoute>.aiFab{display:none!important}.app.editorRoute>.page.editorPage,.app.editorRoute>.page.materialStudioPage{width:100%;max-width:none;height:100dvh;min-height:0;margin:0;padding:0;overflow:hidden}.mobileEditorTopbar{height:calc(52px + env(safe-area-inset-top));padding:calc(6px + env(safe-area-inset-top)) 8px 6px;z-index:70;background:#07090dfa;border-bottom:1px solid #171b22;grid-template-columns:38px minmax(0,1fr) 38px auto;align-items:center;gap:6px;display:grid}.mobileTopIcon{color:#f4f5f7;background:0 0;border:0;border-radius:12px;place-items:center;width:38px;height:38px;padding:0;font-size:24px;font-weight:700;display:grid}.mobileTopIcon:disabled{opacity:.25}.mobileProjectTitle{color:#fff;text-align:left;background:0 0;border:0;flex-direction:column;gap:1px;min-width:0;padding:2px 4px;display:flex}.mobileProjectTitle strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.mobileProjectTitle span{color:#7e8794;white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.mobileExportButton,.mobileSaveButton{color:#050505;background:#fff;border:0;border-radius:11px;height:36px;padding:0 12px;font-size:11px;font-weight:850}.mobileSaveButton:disabled{opacity:.45}.editorPage{grid-template-rows:calc(52px + env(safe-area-inset-top)) minmax(0,1fr);display:grid!important}.editorPage .editorWrap{background:#06080c;overflow:hidden;height:auto!important;min-height:0!important;display:grid!important}.editorPage .editorWrap.frameMode{grid-template-rows:minmax(0,1fr) 44px 82px calc(64px + env(safe-area-inset-bottom))}.editorPage .editorWrap.timelineMode{grid-template-rows:minmax(0,1fr) 44px minmax(176px,28dvh) calc(64px + env(safe-area-inset-bottom))}.canvasStage{touch-action:none;background:#07090d;border:0;padding:4px 0 2px;overflow:hidden;min-height:0!important}.editorCanvas{touch-action:none;max-width:calc(100% - 16px);max-height:calc(100% - 8px);box-shadow:0 0 0 1px #262b33,0 12px 38px #0000006b}.mobilePlaybackRow{background:#090c11;border-top:1px solid #171c24;border-bottom:1px solid #171c24;justify-content:space-between;align-items:center;gap:8px;padding:4px 10px;display:flex!important}.mobilePlaybackRow .playbackControls{background:0 0;border:0;gap:8px;padding:0}.mobilePlaybackRow .playbackButton{color:#080808;background:#f5f5f5;border-radius:50%;width:34px;height:34px}.mobilePlaybackRow .playbackButton+.playbackButton{color:#fff;background:#171b22;border-radius:11px}.mobilePlaybackRow .playbackLabel{color:#d6d9df;min-width:54px;font-size:10px}.mobilePlaybackMeta{color:#737c88;white-space:nowrap;margin-left:auto;font-size:10px}.animationTimelineArea{background:#0a0d12;border-top:1px solid #151a20;min-height:0;overflow:hidden}.animationTimelineArea .frameStrip{background:#0a0d12;border:0;align-items:center;gap:6px;height:100%;padding:8px 9px;overflow:auto hidden}.animationTimelineArea .frameUnit{align-self:center}.animationTimelineArea .frameThumb{color:#aab1bb;background:#141922;border-color:#2a313c;border-radius:9px;flex-basis:68px;width:68px;height:56px}.animationTimelineArea .frameThumb.active{color:#fff;background:#202630;border:2px solid #fff}.animationTimelineArea .frameAdd{color:#000;background:#fff;border-radius:11px;width:38px;min-width:38px;height:38px;font-size:19px}.animationTimelineArea .frameConnector{background:#343a44;width:7px}.frameContextMenu{z-index:96!important;bottom:calc(70px + env(safe-area-inset-bottom))!important;width:190px!important;top:auto!important;left:10px!important}.animationTimelineArea .timelineEditor{background:#0a0d12;border:0;grid-template-rows:auto auto minmax(0,1fr);height:100%;max-height:none;padding:5px 7px 7px;display:grid;overflow:hidden}.animationTimelineArea .timelineHeaderRow{min-height:24px;margin:0 0 4px}.animationTimelineArea .timelineHeaderRow>div .tiny{display:none}.animationTimelineArea .timelineHeaderRow strong{color:#929aa5;font-size:10px}.animationTimelineArea .timelineKeyButton{border-radius:9px;padding:5px 8px;font-size:9px}.animationTimelineArea .timelineScrubRow{grid-template-columns:auto 1fr auto;gap:6px;margin:0 0 4px;font-size:9px}.animationTimelineArea .timelineScrubRow span:last-child{display:none}.animationTimelineArea .timelineTracks{overscroll-behavior:contain;scrollbar-width:none;grid-template-columns:72px minmax(600px,1fr);gap:4px;height:100%;min-height:0;display:grid;overflow:auto}.animationTimelineArea .timelineLabels{background:#0a0d12;grid-auto-rows:40px;gap:3px}.animationTimelineArea .timelineTrackLabel{background:#11161d;border-radius:7px;grid-template-columns:18px 1fr;gap:4px;height:40px;padding:3px 4px}.animationTimelineArea .timelineTrackLabel span{border-radius:5px;width:18px;height:18px}.animationTimelineArea .timelineTrackLabel b{font-size:8px}.animationTimelineArea .timelineRails{grid-auto-rows:40px;gap:3px;min-width:660px}.animationTimelineArea .timelineRail{background:#10151b;border-radius:7px;height:40px}.animationTimelineArea .timelineClip{border-radius:7px;height:30px;top:4px}.animationTimelineArea .timelineClip>span{font-size:9px}.mobileEditorDock{height:calc(64px + env(safe-area-inset-bottom));padding:5px 4px calc(4px + env(safe-area-inset-bottom));z-index:75;background:#080b0ffc;border-top:1px solid #1b2028;grid-template-columns:repeat(6,minmax(0,1fr));gap:2px;display:grid!important}.mobileEditorDock button{color:#a4abb5;background:0 0;border:0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;padding:3px 1px 2px;display:flex}.mobileEditorDock button b{font-size:18px;font-weight:700;line-height:1}.mobileEditorDock button span{white-space:nowrap;font-size:9px}.mobileEditorDock button.active{color:#fff;background:#171c24}.animationDrawPanel{top:auto!important;left:7px!important;right:7px!important;bottom:calc(66px + env(safe-area-inset-bottom))!important;z-index:88!important;border-radius:18px!important;width:auto!important;max-height:52dvh!important;padding:11px!important}.layerPanel{box-shadow:0 25px 70px #000000c7;top:auto!important;left:7px!important;right:7px!important;bottom:calc(66px + env(safe-area-inset-bottom))!important;z-index:88!important;border-radius:18px!important;width:auto!important;max-height:52dvh!important;padding:11px!important;position:fixed!important}.mobileEditorSheet{left:7px;right:7px;bottom:calc(66px + env(safe-area-inset-bottom));z-index:87;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overscroll-behavior:contain;background:#0e1116fb;border:1px solid #2a3039;border-radius:19px;max-height:58dvh;padding:8px 11px 12px;position:fixed;overflow:auto;box-shadow:0 24px 75px #000000c7;display:block!important}.mobileSheetHandle{background:#4a515b;border-radius:999px;width:42px;height:4px;margin:0 auto 7px}.mobileSheetSection{border-top:1px solid #252b33;padding:10px 0}.mobileSheetSection:first-of-type{border-top:0}.mobileActionGrid{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px;display:grid}.mobileActionGrid.twoCol{grid-template-columns:1fr 1fr}.mobileActionGrid button,.mobileSheetButton{color:#fff;text-align:center;background:#171c23;border:1px solid #292f38;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:54px;padding:7px;font-size:17px;display:flex}.mobileActionGrid button span,.mobileSheetButton span{color:#b8bec6;font-size:9px}.mobileActionGrid button.danger{color:#ffb9bd;background:#2a1416}.mobileSheetButton{cursor:pointer}.animationMobileSheet .animationProjectBar{box-shadow:none!important;background:0 0!important;border:0!important;gap:8px!important;padding:7px 0!important;display:grid!important;position:static!important;top:auto!important;overflow:visible!important}.animationMobileSheet .projectSettingGroup{grid-template-columns:auto 58px auto minmax(80px,1fr);background:#11161c!important;border:1px solid #242a32!important;border-radius:11px!important;gap:5px!important;padding:7px!important;display:grid!important}.animationMobileSheet .sizeGroup{grid-template-columns:auto minmax(0,1fr)!important}.animationMobileSheet .compactSelect{width:100%;max-width:none!important}.animationMobileSheet .durationRange{width:100%!important}.animationMobileSheet .projectSettingGroup .pill{display:none!important}.materialCreateMode{grid-template-rows:calc(52px + env(safe-area-inset-top)) minmax(0,1fr) calc(64px + env(safe-area-inset-bottom));display:grid!important}.materialLibraryMode{grid-template-rows:calc(52px + env(safe-area-inset-top)) minmax(0,1fr);display:grid!important}.materialMobileTopbar{grid-template-columns:38px minmax(0,1fr) 34px 34px auto}.mobileMaterialDraft{color:#fff;background:#11161d;border:0;border-radius:10px;width:100%;min-width:0;height:36px;padding:0 8px;font-size:11px;font-weight:700}.materialMobileTopbar .mobileTopIcon{width:34px;height:34px;font-size:19px}.materialCreateMode .materialStudioGrid{background:#07090d;height:100%;min-height:0;padding:0;display:block!important}.materialCreateMode .materialCanvasColumn{flex-direction:column;height:100%;min-height:0;display:flex}.materialCreateMode .materialCanvasViewport{background:#07090d;border:0;border-radius:0;flex:1;padding:6px;height:auto!important;min-height:0!important}.materialCreateMode .materialStage{max-width:100%;max-height:100%;box-shadow:0 0 0 1px #242a31,0 14px 44px #00000070}.materialMobileDock{grid-row:3}.materialLibraryMode>.materialLibrary{overscroll-behavior:contain;border-radius:15px;height:100%;min-height:0;margin:7px;padding:10px;overflow:auto}.materialMobileSheet{max-height:60dvh}.mobileSheetTabs{grid-template-columns:repeat(4,1fr);gap:4px;margin:7px 0;display:grid}.mobileSheetTabs button{color:#858e99;background:#171c23;border:0;border-radius:10px;padding:8px 4px;font-size:10px}.mobileSheetTabs button.active{color:#000;background:#fff;font-weight:800}.mobileSheetScroll{overscroll-behavior:contain;max-height:calc(60dvh - 86px);padding-right:1px;overflow:auto}.materialMobileSheet .materialSidePanel,.materialMobileSheet .materialAiPanel{background:0 0;border:0;border-radius:0;min-height:0;max-height:none;padding:0}.materialMobileSheet .materialLayerList{max-height:none}.materialMobileSheet .materialChatLog{max-height:190px}.mobileMaterialToolShortcuts{grid-template-columns:1fr 1fr;gap:6px;margin-top:8px;display:grid!important}.mobileMaterialToolShortcuts button{color:#fff;background:#151a20;border:1px solid #2a3038;border-radius:10px;padding:9px;font-size:10px}.materialCutActions{left:7px!important;right:7px!important;bottom:calc(70px + env(safe-area-inset-bottom))!important;z-index:86!important;justify-content:center!important;transform:none!important}.materialItemQuickMenu{z-index:86!important}.modalBackdrop{z-index:100}.sheet{max-height:78dvh}}@media (max-width:420px){.mobileEditorTopbar{grid-template-columns:34px minmax(0,1fr) 34px auto;padding-left:5px;padding-right:5px}.materialMobileTopbar{grid-template-columns:34px minmax(0,1fr) 31px 31px auto}.mobileExportButton,.mobileSaveButton{padding:0 9px}.mobileEditorDock button span{font-size:8px}.mobileEditorDock button b{font-size:17px}.editorPage .editorWrap.timelineMode{grid-template-rows:minmax(0,1fr) 42px minmax(164px,27dvh) calc(62px + env(safe-area-inset-bottom))}.editorPage .editorWrap.frameMode{grid-template-rows:minmax(0,1fr) 42px 78px calc(62px + env(safe-area-inset-bottom))}.mobileEditorDock{height:calc(62px + env(safe-area-inset-bottom))}.animationDrawPanel,.layerPanel,.mobileEditorSheet{bottom:calc(64px + env(safe-area-inset-bottom))!important}.materialCutActions{bottom:calc(67px + env(safe-area-inset-bottom))!important}}.turntableV08Page{padding-bottom:100px}.turntableV08Head{gap:12px;padding:8px 12px}.angleStudioToolbar{flex-wrap:wrap}.angleSafetyNotice{background:#19160d;border:1px solid #55451f;border-radius:14px;align-items:flex-start;gap:10px;margin:8px 14px 0;padding:10px 12px;display:flex}.angleSafetyNotice strong{white-space:nowrap}.angleSafetyNotice span{color:#d8ccb0;font-size:12px;line-height:1.55}.angleLibraryGrid{grid-template-columns:1fr 1fr;gap:14px;padding:14px;display:grid}.angleLibrarySection{border:1px solid var(--line,#2a2d33);background:#111318;border-radius:16px;min-width:0;padding:12px}.angleLibrarySection.candidates{background:#0e1014}.angleCardGrid{grid-template-columns:repeat(auto-fill,minmax(142px,1fr));gap:10px;margin-top:10px;display:grid}.angleMaterialCard{background:#15181e;border:1px solid #2e333b;border-radius:14px;min-width:0;padding:7px}.angleMaterialCard.primary{border-color:#555d69}.angleMaterialCard.candidate{border-style:dashed}.angleMaterialImage{aspect-ratio:1;cursor:pointer;background-color:#16191d;background-image:linear-gradient(45deg,#20242a 25%,#0000 25%),linear-gradient(-45deg,#20242a 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#20242a 75%),linear-gradient(-45deg,#0000 75%,#20242a 75%);background-position:0 0,0 9px,9px -9px,-9px 0;background-size:18px 18px;border:0;border-radius:10px;width:100%;position:relative;overflow:hidden}.angleMaterialImage img{object-fit:contain;width:100%;height:100%}.angleMaterialImage span{color:#fff;background:#000000b8;border-radius:999px;padding:3px 6px;font-size:10px;position:absolute;bottom:6px;left:6px}.angleMaterialActions{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:6px 0;display:grid}.angleMaterialActions button{color:#e8ebef;cursor:pointer;background:#1c2027;border:1px solid #343943;border-radius:8px;padding:6px 4px;font-size:10px;font-weight:700}.angleMaterialActions button.danger{color:#ffb5bd}.sourceCard .angleMaterialActions{grid-template-columns:1fr}.angleMarkerRail{border-top:1px solid #2d3239;height:34px;margin:0 20px 6px;position:relative}.angleMarker{color:#111;cursor:pointer;background:#cfd5dd;border:0;border-radius:999px;padding:3px 5px;font-size:9px;font-weight:900;position:absolute;top:-7px;transform:translate(-50%)}.angleMarker.source{background:#fff;transform:none;left:0!important}.angleEditorBackdrop{z-index:120}.angleEditorSheet{width:min(1180px,96vw);max-height:94dvh;overflow:auto}.angleEditorHead{z-index:5;background:#111318;padding-bottom:8px;position:sticky;top:0}.angleEditorToolbar{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.angleEditorToolbar button{color:#e8ebef;background:#181b21;border:1px solid #343943;border-radius:9px;padding:8px 10px;font-size:12px;font-weight:800}.angleEditorToolbar button.active{color:#111;background:#f2f4f6}.angleEditorBody{grid-template-columns:210px minmax(0,1fr);gap:12px;display:grid}.angleEditorSettings{align-content:start;gap:9px;display:grid}.angleEditorSettings .btn{width:100%}.angleEditorCanvas{min-width:0}.angleEditorFooter{border-top:1px solid #2a2e35;justify-content:flex-end;gap:8px;margin-top:12px;padding-top:10px;display:flex}@media (max-width:780px){.turntableV08Head{padding:7px 9px}.turntableV08Head .tiny{display:none}.angleLibraryGrid{grid-template-columns:1fr;gap:9px;padding:8px}.angleCardGrid{grid-template-columns:none;padding-bottom:4px;display:flex;overflow-x:auto}.angleMaterialCard{min-width:142px;max-width:160px}.angleStudioToolbar{flex-wrap:nowrap;padding-bottom:6px;display:flex;overflow-x:auto}.angleStudioToolbar .toolBtn{white-space:nowrap}.angleSafetyNotice{margin:6px 8px 0}.angleEditorSheet{border-radius:0;width:100vw;max-width:none;height:100dvh;max-height:100dvh}.angleEditorBody{flex-direction:column;display:flex}.angleEditorSettings{order:2;grid-template-columns:1fr 1fr}.angleEditorCanvas{order:1}.angleEditorToolbar{flex-wrap:nowrap;overflow-x:auto}.angleEditorToolbar button{white-space:nowrap}.angleEditorFooter{padding-bottom:max(8px,env(safe-area-inset-bottom));background:#111318;position:sticky;bottom:0}}.backgroundModeControl{background:#0d1015;border:1px solid #2a2f37;border-radius:14px;flex-direction:column;gap:7px;min-width:0;padding:9px;display:flex}.backgroundModeControl.compact{gap:4px;padding:5px 6px}.backgroundModeTitle{color:#b8bec7;font-size:11px;font-weight:800}.backgroundModeButtons{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}.backgroundModeControl.compact .backgroundModeButtons{flex-wrap:wrap;gap:4px;display:flex}.backgroundModeButtons button{color:#aeb6c0;background:#171b22;border:1px solid #303640;border-radius:9px;min-width:0;padding:7px 6px;font-size:10px;font-weight:750;line-height:1.2}.backgroundModeControl.compact .backgroundModeButtons button{padding:5px 7px;font-size:9px}.backgroundModeButtons button.active{color:#000;background:#fff;border-color:#fff}.backgroundColorField{color:#aaa;grid-template-columns:auto 1fr;align-items:center;gap:8px;font-size:10px;display:grid}.backgroundColorField input{background:#111;border:1px solid #343a43;border-radius:8px;width:100%;height:32px;padding:2px}.backgroundModeHint{line-height:1.45}.animationBackgroundRow{background:#090b0f;border-bottom:1px solid #1c2128;padding:5px 8px 7px}.animationBackgroundRow .backgroundModeControl{width:min(680px,100%);margin:0 auto}.turntableBackgroundControl{min-width:min(100%,430px)}.mobileBackgroundControl,.exportBackgroundControl{margin-top:9px}.previewBackgroundSurface{background-clip:padding-box}.materialSecondaryTools{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:8px;display:grid}.materialSecondaryTools button{color:#c3c9d1;background:#151920;border:1px solid #2d333c;border-radius:10px;padding:8px 5px;font-size:9px;font-weight:750}.materialSecondaryTools button.active{color:#000;background:#fff;border-color:#fff}.unifiedEditorDock{align-items:stretch;min-height:54px}.unifiedEditorDock .toolBtn{justify-content:center;align-items:center;display:flex}.materialCanvasBadge{white-space:nowrap;text-overflow:ellipsis;max-width:calc(100% - 16px);overflow:hidden}.materialRightColumn #material-layer-panel{scroll-margin-top:90px}.materialStage{background-clip:padding-box}@media (min-width:821px){.editorToolbar,.materialToolDock{background:#0a0d12;border:1px solid #222831;border-radius:14px;gap:6px;min-height:56px;padding:7px 9px}.editorToolbar .toolBtn,.materialToolDock .toolBtn{border-radius:11px;min-width:88px;min-height:40px}.materialStudioGrid{align-items:start}.materialCanvasViewport{background:#07090d}.materialCanvasColumn{align-self:start}.materialStage{max-width:min(100%,1024px)}}@media (max-width:820px){.backgroundModeControl{padding:8px}.backgroundModeButtons{grid-template-columns:repeat(2,minmax(0,1fr))}.turntableBackgroundControl{min-width:310px}.materialSecondaryTools{grid-template-columns:repeat(3,1fr)}.materialCreateMode .materialCanvasViewport{padding:5px 7px}.materialCreateMode .materialStage{max-width:100%;max-height:100%}.materialCanvasBadge{padding:4px 6px;font-size:8px}.materialMobileDock,.editorPage .mobileEditorDock{grid-template-columns:repeat(6,minmax(0,1fr));gap:2px}.materialMobileDock button:first-child,.editorPage .mobileEditorDock button:first-child{grid-column:1}.materialMobileDock button:nth-child(2),.editorPage .mobileEditorDock button:nth-child(2){grid-column:2}.materialMobileDock button:nth-child(3),.editorPage .mobileEditorDock button:nth-child(3){grid-column:3}.materialMobileDock button:nth-child(5),.editorPage .mobileEditorDock button:nth-child(5){grid-column:5}.materialMobileDock button:nth-child(6),.editorPage .mobileEditorDock button:nth-child(6){grid-column:6}}.exportAlphaHint{color:#8f98a4;margin-top:6px;line-height:1.5}.animationPlaybackRow{background:#090c11;border-top:1px solid #171c24;border-bottom:1px solid #171c24;justify-content:space-between;align-items:center;gap:10px;min-height:44px;padding:5px 10px;display:flex}.animationPlaybackRow .playbackControls{margin:0}.animationPlaybackMeta{color:#858d98;white-space:nowrap;margin-left:auto;font-size:10px}.desktopAnimationToolbar{gap:10px;padding-left:10px;padding-right:10px}.desktopAnimationToolbar .toolBtn{color:#cfcfcf;background:#121212;border-color:#262626}.desktopAnimationToolbar .toolBtn.active{color:#000;background:#fff;border-color:#fff}.desktopAnimationToolbar .deviceImageTool{cursor:pointer;justify-content:center;align-items:center;margin-left:2px;display:inline-flex}@media (max-width:820px){.materialCreateMode .materialCanvasViewport{justify-content:center;align-items:flex-start;padding:6px 7px 8px;overflow:hidden}.materialCreateMode .materialStage{flex:none;width:auto;max-width:100%;height:auto;max-height:100%;margin:0 auto}.animationPlaybackRow{min-height:44px;padding:4px 10px}}.materialCanvasViewport{justify-content:center;align-items:center;display:flex}.materialCanvasViewport>.materialStage{flex:none}@media (max-width:820px){.materialCreateMode .materialCanvasViewport{justify-content:center;align-items:flex-start;overflow:hidden}.materialCreateMode .materialStage{width:auto;max-width:100%;height:auto;max-height:100%}}.fixedCenterTimeline{overflow:hidden}.timelineKeyCluster{align-items:center;gap:8px;min-width:0;display:flex}.timelineDiamondButton{color:#9da5af;cursor:pointer;background:#151920;border:1px solid #3b414a;border-radius:10px;flex:0 0 34px;place-items:center;width:34px;height:34px;padding:0;font-size:18px;line-height:1;display:grid}.timelineDiamondButton.active{color:#111;background:#ffd400;border-color:#ffd400;box-shadow:0 0 0 1px #ffd40033}.timelineDiamondButton:disabled{opacity:.35;cursor:default}.timelineKeyStatus{gap:1px;min-width:0;display:grid}.timelineKeyStatus b{text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:10px;overflow:hidden}.timelineKeyStatus span{color:#89919c;white-space:nowrap;font-size:8px}.syncedScrubRow input{accent-color:#fff}.timelineTrackGrid{grid-template-columns:118px minmax(0,1fr);gap:6px;height:100%;min-height:0;display:grid}.timelineFixedLabels{z-index:12;background:#070707;grid-template-rows:28px;grid-auto-rows:40px;gap:3px;min-width:0;display:grid}.timelineRulerLabel{color:#737b86;border-bottom:1px solid #1d2229;align-items:center;height:28px;padding:0 6px;font-size:8px;display:flex}.timelineFixedLabels .timelineTrackLabel{height:40px;min-height:40px}.timelineScrollShell{border-left:1px solid #1d2229;min-width:0;min-height:0;position:relative;overflow:hidden}.timelineScrollViewport{scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-y;cursor:grab;width:100%;height:100%;overflow:auto hidden}.timelineScrollViewport::-webkit-scrollbar{display:none}.timelineScrollViewport:active{cursor:grabbing}.timelineScrollContent{min-height:100%;position:relative}.timelineRuler{-webkit-user-select:none;user-select:none;background:linear-gradient(#0c1015,#090c10);border-bottom:1px solid #1f252d;height:28px;position:relative}.timelineTick{background:#343b45;width:1px;height:8px;position:absolute;top:12px;transform:translate(-.5px)}.timelineTick.major{background:#69717c;height:13px;top:7px}.timelineTick span{color:#7f8792;white-space:nowrap;font-size:8px;position:absolute;top:-6px;left:4px}.synchronizedRails{grid-auto-rows:40px;gap:3px;width:100%;min-width:0;display:grid;position:relative}.synchronizedRails .timelineRail{background:#0f141a;border:0;border-bottom:1px solid #1d232b;border-radius:0;height:40px;position:relative;overflow:visible}.fixedCenterTimeline .timelineClip{touch-action:pan-y;cursor:pointer;border-radius:7px;min-width:16px;height:30px;top:4px}.fixedCenterTimeline .timelineClip>span{padding:0 26px;font-size:9px}.fixedCenterTimeline .timelineHandle{touch-action:none;width:9px}.timelineMoveHandle{width:22px;height:22px;color:inherit;z-index:4;touch-action:none;cursor:ew-resize;background:#0000005c;border:0;border-radius:6px;place-items:center;padding:0;font-size:10px;line-height:1;display:grid;position:absolute;top:4px;left:13px}.timelineClip.role-main .timelineMoveHandle{background:#00000026}.timelineKeyDiamond{z-index:9;color:#8a929d;filter:drop-shadow(0 1px 1px #000c);cursor:pointer;touch-action:none;background:0 0;border:0;padding:2px;font-size:17px;line-height:1;position:absolute;top:7px;transform:translate(-50%)}.timelineKeyDiamond.selectedTrack{color:#ffd400}.timelineKeyDiamond.atPlayhead{color:#fff;filter:drop-shadow(0 0 4px #ffffffbf)}.timelineKeyDiamond.selectedTrack.atPlayhead{color:#ffd400;filter:drop-shadow(0 0 5px #ffd400e6)}.timelineCenterPlayhead{z-index:30;pointer-events:none;background:#fff;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-1px);box-shadow:0 0 0 1px #00000040}.timelineCenterPlayhead:before{content:"";background:#fff;border-radius:0 0 5px 5px;width:10px;height:7px;position:absolute;top:0;left:-4px}.timelineCenterPlayhead span{color:#fff;white-space:nowrap;background:#000000b8;border-radius:5px;padding:2px 5px;font-size:8px;position:absolute;top:2px;left:7px}@media (max-width:820px){.animationTimelineArea .fixedCenterTimeline{grid-template-rows:auto auto minmax(0,1fr);height:100%;max-height:none;padding:5px 7px 7px;display:grid;overflow:hidden}.animationTimelineArea .timelineHeaderRow{gap:6px}.animationTimelineArea .timelineKeyCluster{gap:5px}.animationTimelineArea .timelineDiamondButton{border-radius:8px;flex-basis:28px;width:28px;height:28px;font-size:15px}.animationTimelineArea .timelineKeyStatus b{max-width:86px;font-size:8px}.animationTimelineArea .timelineKeyStatus span{font-size:7px}.animationTimelineArea .timelineTrackGrid{grid-template-columns:72px minmax(0,1fr);gap:4px;height:100%;min-height:0}.animationTimelineArea .timelineFixedLabels{background:#0a0d12;grid-template-rows:24px;grid-auto-rows:40px;gap:3px}.animationTimelineArea .timelineRulerLabel{height:24px;padding-left:4px;font-size:7px}.animationTimelineArea .timelineRuler{height:24px}.animationTimelineArea .timelineTick{top:10px}.animationTimelineArea .timelineTick.major{top:6px}.animationTimelineArea .timelineTick span{font-size:7px;top:-5px}.animationTimelineArea .timelineScrollShell{min-height:0}.animationTimelineArea .timelineScrollViewport{height:100%}.animationTimelineArea .synchronizedRails{grid-auto-rows:40px;gap:3px}.animationTimelineArea .timelineKeyDiamond{font-size:16px;top:8px}.animationTimelineArea .timelineCenterPlayhead span{display:none}.animationTimelineArea .timelineMoveHandle{width:20px;height:20px;font-size:9px;top:5px;left:12px}.animationTimelineArea .fixedCenterTimeline .timelineClip>span{padding:0 24px}}@media (max-width:560px){.timelineTrackGrid{grid-template-columns:68px minmax(0,1fr)}.timelineKeyStatus{display:none}.timelineCenterPlayhead{width:2px}}.timelineTrackGrid{overscroll-behavior-y:contain;scrollbar-width:none;align-items:start;overflow-y:auto}.timelineTrackGrid::-webkit-scrollbar{display:none}.timelineScrollShell{height:100%}.animationTimelineArea .synchronizedRails{width:100%!important;min-width:0!important}.documentHomePage{width:min(1180px,100%);margin:0 auto;padding:20px 14px 112px}.documentHomeHero{border-bottom:1px solid #1d1d1d;justify-content:space-between;align-items:flex-end;gap:18px;padding:8px 0 18px;display:flex}.documentHomeHero h1{letter-spacing:-.035em;margin:3px 0 5px;font-size:30px}.documentHomeHero p{color:#8f8f8f;margin:0;line-height:1.55}.documentHomeEyebrow{letter-spacing:.12em;text-transform:uppercase;color:#6f6f6f;font-size:11px;font-weight:800}.documentCreateButton{color:#000;background:#fff;border:0;border-radius:18px;flex:none;padding:14px 18px;font-weight:800;box-shadow:0 8px 30px #ffffff14}.documentHomeToolbar{justify-content:space-between;align-items:center;gap:12px;margin:18px 0 12px;display:flex}.documentHomeToolbar h2{margin:0;font-size:15px}.documentSearch{background:#0b0b0b;border:1px solid #292929;border-radius:14px;outline:none;width:min(420px,100%);padding:11px 13px}.documentGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.documentCard{background:#0d0d0d;border:1px solid #232323;border-radius:20px;min-width:0;transition:border-color .15s,transform .15s;overflow:hidden}.documentCard:hover{border-color:#3b3b3b;transform:translateY(-1px)}.documentCardOpen{text-align:left;width:100%;color:inherit;background:0 0;border:0;padding:0;display:block}.documentThumb{aspect-ratio:4/3;background:#151515;border-bottom:1px solid #212121;place-items:center;display:grid;position:relative;overflow:hidden}.documentThumb img{object-fit:contain;width:100%;height:100%}.documentThumbEmpty{letter-spacing:.14em;color:#565656;background:repeating-conic-gradient(#121212 0 25%,#181818 0 50%) 0/18px 18px;place-items:center;width:100%;height:100%;font-size:13px;display:grid}.documentCardBody{padding:12px}.documentCardBody strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;display:block;overflow:hidden}.documentCardMeta{color:#858585;flex-wrap:wrap;gap:5px 8px;margin-top:6px;font-size:10px;display:flex}.documentCardActions{gap:6px;padding:0 10px 10px;display:flex}.documentCardActions button{color:#d8d8d8;background:#151515;border:1px solid #2a2a2a;border-radius:11px;flex:1;padding:8px 7px;font-size:10px;font-weight:700}.documentCardActions button.primary{color:#000;background:#fff;border-color:#fff}.documentCardActions button.danger{color:#ffb0b0;background:#251010;border-color:#4b2020;flex:0 0 40px}.documentEmptyState{text-align:center;background:#090909;border:1px dashed #2a2a2a;border-radius:22px;place-items:center;gap:8px;min-height:280px;padding:32px;display:grid}.documentEmptyState p{color:#858585;max-width:420px;margin:0;line-height:1.6}.documentEmptyIcon{color:#555;font-size:32px}.documentHomeFooterCard{background:#0b0b0b;border:1px solid #202020;border-radius:18px;justify-content:space-between;align-items:center;gap:14px;margin-top:18px;padding:15px;display:flex}.documentHomeFooterCard p{margin:4px 0 0}.newDocumentPage{width:min(760px,100%);margin:0 auto;padding:20px 14px 112px}.documentBackButton{color:#a0a0a0;background:0 0;border:0;padding:8px 0;font-size:12px}.newDocumentCard{background:#0d0d0d;border:1px solid #252525;border-radius:22px;gap:14px;margin-top:10px;padding:18px;display:grid}.newDocumentCard h1{margin:0;font-size:22px}.newDocumentPreview{color:#777;text-align:center;background:#080808;border:1px solid #242424;border-radius:16px;place-items:center;min-height:140px;padding:18px;display:grid}.sharedBrushControls{gap:0;display:grid}.sharedBrushControls.compact{gap:0}.canvasViewHud{z-index:24;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#d2d2d2;pointer-events:auto;background:#000000b8;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:6px;padding:4px 5px 4px 8px;font-size:9px;display:flex;position:absolute;bottom:9px;left:9px}.canvasViewHud button{color:#ddd;background:#161616;border:1px solid #333;border-radius:50%;place-items:center;width:23px;height:23px;padding:0;line-height:1;display:grid}.materialCanvasViewport>.canvasViewHud{position:absolute}@media (min-width:760px){.documentGrid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:620px){.documentHomePage{padding-top:12px}.documentHomeHero{flex-direction:column;align-items:stretch}.documentCreateButton{width:100%}.documentHomeToolbar{flex-direction:column;align-items:stretch}.documentSearch{width:100%}.documentGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.documentCard{border-radius:16px}.documentCardBody{padding:9px}.documentCardActions{gap:4px;padding:0 7px 7px}.documentCardActions button{padding:7px 4px;font-size:9px}.documentHomeFooterCard{flex-direction:column;align-items:flex-start}.newDocumentCard{padding:14px}.canvasViewHud{bottom:7px;left:7px}}.documentCardBody>span{color:#858585;white-space:nowrap;text-overflow:ellipsis;margin-top:5px;font-size:10px;display:block;overflow:hidden}.documentCardActions .dangerText{color:#ffb0b0;background:#251010;border-color:#4b2020;flex:0 0 40px}.newDocumentPreview>div{background:repeating-conic-gradient(#141414 0 25%,#1b1b1b 0 50%) 0/18px 18px;border:1px solid #333;width:min(160px,60%);max-height:180px}.newDocumentPreview>span{color:#858585;margin-top:10px;font-size:10px}.selectionModeMenu{z-index:94;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0d1015fa;border:1px solid #303740;border-radius:18px;width:min(430px,100vw - 18px);padding:11px;position:fixed;bottom:82px;left:50%;transform:translate(-50%);box-shadow:0 22px 70px #000000ad}.selectionModeGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:9px;display:grid}.selectionModeGrid>button{color:#d5dae0;text-align:left;background:#151a21;border:1px solid #29313a;border-radius:13px;align-items:center;gap:7px;min-width:0;padding:9px 7px;display:flex}.selectionModeGrid>button>b{font-size:18px;line-height:1}.selectionModeGrid>button>span{flex-direction:column;gap:2px;min-width:0;display:flex}.selectionModeGrid strong{font-size:10px}.selectionModeGrid small{color:#89929d;font-size:8px;line-height:1.25}.selectionModeGrid>button.active{color:#000;background:#fff;border-color:#fff}.selectionModeGrid>button.active small{color:#555}.selectionRegionActions{z-index:72;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d1014f5;border:1px solid #34404b;border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;width:max-content;max-width:calc(100% - 18px);padding:5px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 15px 42px #0000008c}.selectionRegionLabel{color:#79e0ff;padding:0 5px;font-size:9px;font-weight:800}.selectionRegionActions button{color:#f3f5f7;background:#222a33;border:0;border-radius:9px;padding:7px 8px;font-size:9px;font-weight:750}.selectionRegionActions button.accent{color:#000;background:#fff}.selectionRegionActions button:disabled{opacity:.45}.drawModePicker{grid-template-columns:repeat(3,minmax(0,1fr))}.drawModePicker .drawStyleButton{min-width:0}.drawModeHint{background:#11161c;border:1px solid #262d35;border-radius:11px;padding:8px 9px;line-height:1.45}@media (max-width:820px){.selectionModeMenu{bottom:calc(66px + env(safe-area-inset-bottom));width:calc(100vw - 14px)}.selectionRegionActions{bottom:9px}.materialMobileDock{grid-template-columns:repeat(5,minmax(0,1fr))!important}.materialMobileDock button:first-child{grid-column:1!important}.materialMobileDock button:nth-child(2){grid-column:2!important}.materialMobileDock button:nth-child(3){grid-column:3!important}.materialMobileDock button:nth-child(4){grid-column:4!important}.materialMobileDock button:nth-child(5){grid-column:5!important}}@media (max-width:420px){.selectionModeGrid{grid-template-columns:1fr}.selectionModeGrid>button{padding:7px 9px}.selectionModeGrid small{font-size:9px}.selectionRegionActions{max-width:calc(100% - 10px)}.selectionRegionActions button{padding:6px 7px;font-size:8px}}.animationHistoryControls{margin-right:2px}.animationHistoryControls .iconBtn{font-size:19px}@media (max-width:820px){.editorPage .mobileEditorTopbar:not(.materialMobileTopbar){grid-template-columns:38px minmax(0,1fr) 34px 34px auto}.editorPage .mobileEditorTopbar:not(.materialMobileTopbar) .mobileTopIcon{width:34px;height:34px;font-size:19px}}@media (max-width:560px){.editorPage .mobileEditorTopbar:not(.materialMobileTopbar){grid-template-columns:34px minmax(0,1fr) 31px 31px auto}.editorPage .mobileEditorTopbar:not(.materialMobileTopbar) .mobileTopIcon{width:31px;height:31px;font-size:18px}}.dataLibraryPage{padding-bottom:132px}.dataRegisterCard{margin-top:10px}.dataKindSwitch{background:#0b0b0b;border:1px solid #242424;border-radius:16px;grid-template-columns:1fr 1fr;gap:6px;padding:5px;display:grid}.dataKindSwitch button{color:#888;background:0 0;border:0;border-radius:12px;padding:10px;font-weight:700}.dataKindSwitch button.active{color:#000;background:#fff}.requiredMark{color:#ff9a9a;margin-left:5px;font-size:10px;font-weight:700}.dataUploadFolderRow{grid-template-columns:1fr 1fr;gap:10px;display:grid}.compactBtn{flex:none;padding-inline:14px}.dataFileCount{color:#baf3cf;background:#17211c;border:1px solid #254231;border-radius:999px;align-items:center;width:max-content;padding:7px 10px;font-size:12px;display:inline-flex}.dataLibraryHeading{margin-top:24px}.dataCharacterDetail{padding-top:14px}.dataPrimaryAssetCard{text-align:left;color:#fff;background:#0d0d0d;border:1px solid #262626;border-radius:19px;grid-template-columns:112px 1fr;align-items:center;gap:14px;width:100%;padding:11px;display:grid}.dataPrimaryAssetCard:active,.dataTappableCard:active,.dataPartItemMain:active{transform:scale(.992)}.dataPrimaryAssetText{flex-direction:column;gap:5px;min-width:0;display:flex}.dataPrimaryAssetText>strong{font-size:15px}.dataPrimaryAssetText>small{color:#a3a3a3;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dataPrimaryAssetText>em{color:#777;font-size:10px;font-style:normal}.dataPrimaryAssetText .masterCoverage{margin-top:3px}.masterCoverage i{font-style:normal}.dataLibrarySection{margin-top:16px}.dataSectionHead{justify-content:space-between;align-items:center;gap:12px;display:flex}.dataViewLibraryGrid .viewDataCard{cursor:pointer;text-align:left;color:#fff;width:100%}.dataTappableCard{grid-template-columns:62px 1fr auto}.dataTapHint{color:#777;letter-spacing:1px;align-self:center;font-weight:800}.dataFolderCreateInline{grid-template-columns:1fr auto;gap:8px;margin-top:11px;display:grid}.dataPartFolderList{flex-direction:column;gap:9px;margin-top:12px;display:flex}.dataPartFolder{background:#090909;border:1px solid #242424;border-radius:17px;overflow:hidden}.dataPartFolder.open{border-color:#343434}.dataPartFolderHead{background:#0e0e0e;grid-template-columns:1fr auto;align-items:stretch;display:grid}.dataPartFolderToggle{color:#fff;text-align:left;background:0 0;border:0;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;min-width:0;padding:11px 12px;display:grid}.dataPartFolderToggle>span:nth-child(2){flex-direction:column;gap:2px;min-width:0;display:flex}.dataPartFolderToggle strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dataPartFolderToggle small{color:#777}.dataPartFolderToggle i{color:#888;font-size:18px;font-style:normal}.dataFolderGlyph{color:#aaa;background:#171717;border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.dataFolderMore{color:#888;letter-spacing:1px;background:0 0;border:0;border-left:1px solid #202020;width:46px;font-weight:800}.dataPartGrid{border-top:1px solid #202020;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:9px;display:grid}.dataPartItem{background:#101010;border:1px solid #242424;border-radius:14px;min-width:0;position:relative;overflow:hidden}.dataPartItem.selected{border-color:#fff;box-shadow:inset 0 0 0 1px #fff}.dataPartItemMain{color:#fff;text-align:left;background:0 0;border:0;grid-template-columns:64px 1fr auto;align-items:center;gap:8px;width:100%;padding:8px;display:grid}.dataPartThumb{border-radius:11px;place-items:center;width:64px;height:64px;display:grid;position:relative;overflow:hidden}.dataPartThumb img{object-fit:contain;width:100%;height:100%}.dataPartMeta{flex-direction:column;gap:4px;min-width:0;display:flex}.dataPartMeta strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.dataPartMeta small{color:#7f7f7f;font-size:10px}.dataSelectedCheck{color:#000;background:#fff;border-radius:50%;place-items:center;width:21px;height:21px;font-size:12px;display:grid;position:absolute;top:4px;right:4px;box-shadow:0 2px 12px #00000080}.dataPartViewStrip{scrollbar-width:none;gap:5px;padding:0 8px 8px;display:flex;overflow-x:auto}.dataPartViewMini{color:#fff;border:1px solid #292929;border-radius:10px;flex:0 0 54px;height:54px;padding:0;position:relative;overflow:hidden}.dataPartViewMini img{object-fit:contain;width:100%;height:100%}.dataPartViewMini span{background:#000000b8;border-radius:5px;padding:2px 4px;font-size:8px;position:absolute;bottom:3px;left:3px}.dataPartViewMini i{color:#000;background:#fff;border-radius:50%;place-items:center;width:16px;height:16px;font-size:8px;font-style:normal;display:grid;position:absolute;top:3px;right:3px}.dataLegacyOrphans .dataPartGrid{border:0;padding:0}.dataPopoverBackdrop{z-index:81;background:#0000001f;border:0;position:fixed;inset:0}.dataActionPopover{z-index:82;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#141414fa;border:1px solid #343434;border-radius:16px;padding:6px;position:fixed;box-shadow:0 18px 55px #000000a6}.dataActionRow{color:#eee;text-align:left;background:0 0;border:0;border-radius:11px;grid-template-columns:30px 1fr;align-items:center;gap:8px;width:100%;padding:9px 10px;font-size:12px;display:grid}.dataActionRow:hover,.dataActionRow:active{background:#252525}.dataActionRow.danger{color:#ffabab}.dataActionRow:disabled{opacity:.35}.dataActionIcon{background:#292929;border-radius:9px;place-items:center;width:28px;height:28px;font-size:11px;font-weight:800;display:grid}.dataDestinationBackdrop{z-index:90}.dataDestinationSheet{max-height:78dvh}.dataDestinationDescription{margin-top:3px}.dataDestinationList{flex-direction:column;gap:7px;margin-top:13px;display:flex}.dataDestinationChoice{text-align:left;color:#fff;background:#101010;border:1px solid #292929;border-radius:14px;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;width:100%;padding:9px;display:grid}.dataDestinationChoice.accent{background:#171717;border-color:#555}.dataDestinationIcon{background:#1e1e1e;border-radius:11px;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.dataDestinationChoice>span:nth-child(2){flex-direction:column;gap:3px;min-width:0;display:flex}.dataDestinationChoice strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dataDestinationChoice small{color:#7f7f7f}.dataDestinationArrow{color:#777;font-size:20px}.dataMultiBar{z-index:79;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#121212f7;border:1px solid #343434;border-radius:18px;grid-template-columns:auto repeat(4,1fr);gap:5px;width:min(620px,100% - 18px);padding:7px;display:grid;position:fixed;bottom:86px;left:50%;transform:translate(-50%);box-shadow:0 18px 60px #000000b3}.dataMultiCount{border-right:1px solid #2b2b2b;flex-direction:column;justify-content:center;align-items:center;min-width:62px;display:flex}.dataMultiCount strong{font-size:17px}.dataMultiCount span{color:#777;font-size:9px}.dataMultiBar>button{color:#ddd;background:#202020;border:0;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:44px;font-size:9px;display:flex}.dataMultiBar>button span{font-size:15px}.dataMultiBar>button:disabled{opacity:.35}@media (min-width:760px){.dataPartGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.dataPrimaryAssetCard{grid-template-columns:150px 1fr}.dataPrimaryAssetCard .detailHeroImage{width:150px;height:150px}.dataDestinationSheet{border-radius:24px}.dataMultiBar{bottom:90px}.dataActionRow{font-size:13px}}@media (max-width:560px){.dataLibraryPage{padding-left:10px;padding-right:10px}.dataRegisterCard{border-radius:18px;padding:12px}.dataUploadFolderRow,.dataFolderCreateInline{grid-template-columns:1fr}.dataFolderCreateInline .btn{width:100%}.dataPrimaryAssetCard{grid-template-columns:90px 1fr}.dataPrimaryAssetCard .detailHeroImage{width:90px;height:90px}.dataPartGrid{grid-template-columns:1fr}.dataPartItemMain{grid-template-columns:70px 1fr auto}.dataPartThumb{width:70px;height:70px}.dataActionPopover{border-radius:15px}.dataMultiBar{bottom:82px}.dataSectionHead{align-items:flex-start}.dataViewLibraryGrid{grid-template-columns:1fr}}.turnImageStack .turnImage{object-fit:fill!important;max-width:none!important;height:100%!important;inset:0 auto!important}.turnImageViewport{container-type:size}.turnImageStack{width:min(100%,520px,calc(100cqh * var(--turn-aspect,1)))!important}.angleQualityWarning{color:#e4b55c;margin-top:6px}.newAnimationModeGrid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.newAnimationModeCard{color:#cfd4dc;text-align:left;background:#101318;border:1px solid #2b2f36;border-radius:15px;align-content:center;gap:7px;min-height:94px;padding:13px;display:grid}.newAnimationModeCard b{color:#f2f4f6;font-size:14px}.newAnimationModeCard span{color:#8e97a3;font-size:11px;line-height:1.55}.newAnimationModeCard.active{color:#080a0d;background:#f4f5f7;border-color:#fff;box-shadow:0 0 0 1px #ffffff2e}.newAnimationModeCard.active b{color:#080a0d}.newAnimationModeCard.active span{color:#4d5560}@media (min-width:821px){.animationEditorHead{background:#080a0d;border-bottom:1px solid #1f242b;min-height:60px;padding:8px 12px}.animationProjectIdentity{min-width:0}.animationProjectIdentity>strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.animationProjectIdentity .tiny{margin-top:3px}.animationHeadControls{gap:10px}.animationModeSwitch{background:#0e1116;border:1px solid #272c33;border-radius:15px;grid-template-columns:1fr 1fr;gap:6px;width:420px;padding:4px;display:grid}.animationModeButton{color:#8f98a4;text-align:left;background:0 0;border:1px solid #0000;border-radius:11px;grid-template-columns:25px minmax(0,1fr);align-items:center;gap:8px;min-width:0;height:44px;padding:5px 10px;display:grid}.animationModeGlyph{color:#bac2cc;background:#181d24;border-radius:7px;place-items:center;width:25px;height:25px;font-size:12px;font-weight:900;display:grid}.animationModeButton b,.animationModeButton small{display:block}.animationModeButton b{color:#d8dde4;font-size:11px}.animationModeButton small{color:#757f8b;white-space:nowrap;margin-top:1px;font-size:8px}.animationModeButton.active{color:#080a0d;background:#f2f4f6;border-color:#fff}.animationModeButton.active .animationModeGlyph{color:#fff;background:#0d1116}.animationModeButton.active b{color:#080a0d}.animationModeButton.active small{color:#565f69}.timelineSummaryGroup{gap:8px}.timelineDurationValue{color:#f5f6f7;letter-spacing:.01em;font-size:12px}.timelineSummaryGroup .tiny{color:#7f8995}.frameModeGuide{background:#0c0f14;border-bottom:1px solid #1b2027;justify-content:space-between;align-items:center;gap:14px;min-height:42px;padding:6px 10px;display:flex!important}.frameModeGuideText{align-items:baseline;gap:10px;min-width:0;display:flex}.frameModeGuideText strong{color:#f3f4f6;font-size:11px}.frameModeGuideText span{color:#818a96;white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.frameModeGuideActions{flex:none;gap:6px;display:flex}.frameModeGuideActions button{color:#e7eaf0;background:#161b22;border:1px solid #303640;border-radius:9px;height:28px;padding:0 10px;font-size:9px;font-weight:800}.frameModeGuideActions button:first-child{color:#080a0d;background:#f2f4f6;border-color:#fff}.frameModeGuideActions button:disabled{opacity:.35}.timelineModeIntro{gap:3px;min-width:0;display:grid}.timelineModeIntro>strong{font-size:11px}.timelineModeIntro>.tiny{color:#8a939f;max-width:720px;line-height:1.45}.timelineLegend{gap:8px;margin-top:2px;display:flex!important}.timelineLegend span{color:#737d89;align-items:center;gap:4px;font-size:8px;display:inline-flex}.timelineLegend i{color:#d7dce2;font-style:normal;font-weight:900}.editorWrap.frameMode .animationPlaybackRow{box-shadow:inset 3px 0 #d7dce2}.editorWrap.timelineMode .animationPlaybackRow{box-shadow:inset 3px 0 #ffd400}.animationPlaybackMeta{text-overflow:ellipsis;max-width:320px;overflow:hidden}}@media (max-width:560px){.newAnimationModeGrid{grid-template-columns:1fr}.newAnimationModeCard{min-height:78px}}body.workspaceResizing{-webkit-user-select:none;user-select:none}.desktopDockWorkspace{--workspace-dock-size:260px;background:#05070a;width:100%;min-width:0;height:100%;min-height:0;display:grid;overflow:hidden}.desktopDockWorkspace.dock-left{grid-template-columns:var(--workspace-dock-size) 6px minmax(0,1fr);grid-template-rows:minmax(0,1fr);grid-template-areas:"panel splitter main"}.desktopDockWorkspace.dock-right{grid-template-columns:minmax(0,1fr) 6px var(--workspace-dock-size);grid-template-rows:minmax(0,1fr);grid-template-areas:"main splitter panel"}.desktopDockWorkspace.dock-bottom{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) 6px var(--workspace-dock-size);grid-template-areas:"main""splitter""panel"}.desktopDockMain{grid-area:main;min-width:0;min-height:0;position:relative;overflow:hidden}.desktopDockPanel{background:#090c11;border:1px solid #202630;flex-direction:column;grid-area:panel;min-width:0;min-height:0;display:flex;overflow:hidden}.desktopDockWorkspace.dock-left .desktopDockPanel{border-radius:0 12px 12px 0}.desktopDockWorkspace.dock-right .desktopDockPanel{border-radius:12px 0 0 12px}.desktopDockWorkspace.dock-bottom .desktopDockPanel{border-radius:12px 12px 0 0}.desktopDockSplitter{z-index:7;background:#0b0e13;outline:0;grid-area:splitter;position:relative}.desktopDockWorkspace.dock-left .desktopDockSplitter,.desktopDockWorkspace.dock-right .desktopDockSplitter{cursor:col-resize;border-left:1px solid #252b34;border-right:1px solid #252b34}.desktopDockWorkspace.dock-bottom .desktopDockSplitter{cursor:row-resize;border-top:1px solid #252b34;border-bottom:1px solid #252b34}.desktopDockSplitter:after{content:"";opacity:.55;background:#697381;border-radius:999px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.desktopDockWorkspace.dock-left .desktopDockSplitter:after,.desktopDockWorkspace.dock-right .desktopDockSplitter:after{width:2px;height:34px}.desktopDockWorkspace.dock-bottom .desktopDockSplitter:after{width:34px;height:2px}.desktopDockSplitter:hover:after,.desktopDockSplitter:focus-visible:after{opacity:1;background:#fff}.desktopDockHeader{background:#0c1016;border-bottom:1px solid #1e242d;flex:0 0 40px;justify-content:space-between;align-items:center;gap:8px;height:40px;padding:5px 7px 5px 10px;display:flex}.desktopDockTitle{align-items:baseline;gap:7px;min-width:0;display:flex}.desktopDockTitle strong{white-space:nowrap;font-size:11px}.desktopDockTitle span{color:#707987;white-space:nowrap;text-overflow:ellipsis;font-size:8px;overflow:hidden}.desktopDockActions{flex:none;align-items:center;gap:3px;display:flex}.desktopDockActions button{color:#8993a1;background:#121720;border:1px solid #2a313b;border-radius:7px;place-items:center;width:28px;height:28px;padding:0;font-size:13px;display:grid}.desktopDockActions button:hover{color:#fff;border-color:#596474}.desktopDockActions button.active{color:#090b0e;background:#f3f4f5;border-color:#fff}.desktopDockPanelBody{flex:1;min-width:0;min-height:0;overflow:hidden}.workspaceToolDock{scrollbar-width:thin;flex:none;align-items:stretch;min-height:58px;overflow:auto hidden;background:#090c11!important;border:1px solid #202630!important;border-radius:0!important;gap:4px!important;padding:5px 7px!important;display:flex!important}.workspaceToolDock .workspaceToolBtn{grid-template-columns:24px minmax(0,1fr);place-items:center start;gap:4px;font-weight:700;color:#b9c1cb!important;background:#11161e!important;border-color:#252d38!important;border-radius:8px!important;flex:0 0 72px!important;min-width:72px!important;min-height:46px!important;padding:4px 7px!important;font-size:10px!important;display:grid!important}.workspaceToolDock .workspaceToolBtn:hover{color:#fff!important;background:#171d26!important;border-color:#46515e!important}.workspaceToolDock .workspaceToolBtn.active{color:#080a0c!important;background:#f2f3f4!important;border-color:#fff!important}.workspaceToolDock .workspaceToolBtn:disabled{opacity:.32;cursor:not-allowed}.workspaceToolDock .workspaceToolBtn.compactUtility{flex-basis:68px!important;min-width:68px!important}.workspaceToolGlyph{place-items:center;width:24px;height:28px;font-size:18px;font-weight:500;line-height:1;display:grid}.workspaceToolDivider{background:#29313c;flex:0 0 1px;width:1px;margin:5px 2px}.workspaceToolDock .deviceImageTool{cursor:pointer}.workspaceToolDock .deviceImageTool span{pointer-events:none}@media (min-width:821px){.editorPage .editorWrap{overflow:hidden;flex-direction:column!important;display:flex!important}.editorPage .editorWrap>.animationDockWorkspace{flex:auto;min-height:0}.animationDockWorkspace .desktopDockMain{background:#05070a}.animationDockWorkspace .canvasStage{flex:none;width:100%;height:100%;min-height:0!important}.animationDockPanelContent{background:#090c11;flex-direction:column;height:100%;min-height:0;display:flex}.animationDockPanelContent .animationPlaybackRow{border-top:0;flex:0 0 44px;min-height:44px}.animationDockPanelContent .animationTimelineArea{border-top:0;flex:auto;min-height:0;overflow:hidden}.animationDockPanelContent .animationTimelineArea>.timelineEditor{height:100%;max-height:none}.animationDockWorkspace.dock-left .animationPlaybackRow,.animationDockWorkspace.dock-right .animationPlaybackRow{flex-wrap:wrap;align-items:flex-start;height:auto;min-height:52px;padding:5px 7px}.animationDockWorkspace.dock-left .animationPlaybackMeta,.animationDockWorkspace.dock-right .animationPlaybackMeta{text-overflow:ellipsis;width:100%;max-width:100%;margin-left:0;overflow:hidden}.animationDockWorkspace.dock-left .timelineTracks,.animationDockWorkspace.dock-right .timelineTracks{grid-template-columns:68px minmax(520px,1fr)}.desktopAnimationToolbar{flex:0 0 58px;margin:0;border-bottom:0!important;border-left:0!important;border-right:0!important}.materialStudioGrid.materialStudioGridV2{flex-direction:column;gap:7px;height:calc(100dvh - 230px);min-height:calc(100dvh - 230px);display:flex;overflow:hidden}.materialDockWorkspace{flex:auto;min-height:0}.materialWorkspaceMain{grid-template-columns:minmax(0,1fr) minmax(260px,320px);gap:9px;min-width:0;height:100%;min-height:0;padding:0;display:grid}.materialWorkspaceMain .materialCanvasColumn{align-self:stretch;height:100%;min-height:0}.materialWorkspaceMain .materialCanvasViewport{flex:auto;height:auto!important;min-height:0!important}.materialWorkspaceMain .materialRightColumn{height:100%;min-height:0;padding-right:2px;overflow:auto}.materialDockWorkspace .dockedMaterialControl{background:#090c11;border:0;border-radius:0;align-self:stretch;height:100%;padding:10px;overflow:auto;max-height:none!important}.materialDockWorkspace.dock-bottom .dockedMaterialControl{grid-template-columns:repeat(3,minmax(210px,1fr));align-content:start;gap:10px;display:grid}.materialDockWorkspace.dock-bottom .dockedMaterialControl>.separator{grid-column:1/-1;width:100%}.materialFixedToolDock{flex:0 0 58px;margin:0}.materialStudioGridV2 .materialCanvasViewport{border-radius:12px}}@media (max-width:820px){.animationDockWorkspace,.animationDockWorkspace>.desktopDockMain,.animationDockWorkspace>.desktopDockPanel,.animationDockWorkspace .desktopDockPanelBody,.animationDockWorkspace .animationDockPanelContent{display:contents!important}.animationDockWorkspace>.desktopDockSplitter,.animationDockWorkspace .desktopDockHeader{display:none!important}.materialDockWorkspace,.materialDockWorkspace>.desktopDockMain,.materialDockWorkspace>.desktopDockPanel,.materialDockWorkspace .desktopDockPanelBody,.materialWorkspaceMain{display:contents!important}.materialDockWorkspace>.desktopDockSplitter,.materialDockWorkspace .desktopDockHeader,.materialDockWorkspace .dockedMaterialControl{display:none!important}.materialStudioGrid.materialStudioGridV2{height:auto;min-height:0;display:block}}@media (min-width:821px){.animationDockWorkspace.dock-left .animationTimelineArea>.timelineEditor.fixedCenterTimeline,.animationDockWorkspace.dock-right .animationTimelineArea>.timelineEditor.fixedCenterTimeline{grid-template-rows:auto auto minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.animationDockWorkspace.dock-left .timelineTrackGrid,.animationDockWorkspace.dock-right .timelineTrackGrid{overscroll-behavior-y:contain;align-items:start;height:100%;min-height:0;overflow:hidden auto}.animationDockWorkspace.dock-left .timelineFixedLabels,.animationDockWorkspace.dock-right .timelineFixedLabels{align-self:start;min-height:max-content}.animationDockWorkspace.dock-left .timelineScrollShell,.animationDockWorkspace.dock-right .timelineScrollShell{align-self:start;height:auto;min-height:100%;overflow:visible}.animationDockWorkspace.dock-left .timelineScrollViewport,.animationDockWorkspace.dock-right .timelineScrollViewport{height:auto;min-height:100%;overflow:auto clip}.animationDockWorkspace.dock-left .timelineScrollContent,.animationDockWorkspace.dock-right .timelineScrollContent{min-height:100%}}.onionSkinBar{background:#080a0d;border-bottom:1px solid #1d2229;align-items:center;gap:8px;min-height:42px;padding:6px 10px;display:flex}.onionSkinToggle,.onionSkinSettingsButton{color:#d8dde5;background:#11151a;border:1px solid #2b3139;border-radius:10px;align-items:center;gap:6px;min-height:32px;padding:6px 10px;font-size:12px;font-weight:750;display:inline-flex}.onionSkinToggle.active{color:#101318;background:#eef3f8;border-color:#eef3f8}.onionSkinToggle span{font-size:14px;line-height:1}.onionSkinSummary{color:#8f98a3;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:11px;overflow:hidden}.onionSkinSettingsButton{margin-left:auto}.onionSkinSettingsButton.active{color:#fff;background:#171c23;border-color:#586273}.onionSkinSettingsPanel{background:#0b0d11;border-bottom:1px solid #20252c;grid-template-columns:minmax(110px,.8fr) minmax(110px,.8fr) minmax(180px,1.5fr) minmax(145px,1fr);align-items:end;gap:10px;padding:10px;display:grid}.onionSkinField{color:#aeb6c0;flex-direction:column;gap:5px;font-size:11px;display:flex}.onionSkinField span{justify-content:space-between;gap:8px;display:flex}.onionSkinField select{color:#fff;background:#12161b;border:1px solid #2a3038;border-radius:9px;width:100%;min-height:34px;padding:5px 8px}.onionSkinField input[type=range]{accent-color:#d7dde5;width:100%}.onionSkinCheck{color:#d3d9df;background:#12161b;border:1px solid #2a3038;border-radius:9px;align-items:center;gap:8px;min-height:34px;padding:0 8px;font-size:11px;display:flex}.onionSkinCheck input{accent-color:#f0f3f6;width:16px;height:16px}.onionSkinHint{color:#747f8c;grid-column:1/-1;font-size:10px;line-height:1.45}@media (max-width:759px){.onionSkinBar{gap:6px;min-height:38px;padding:5px 8px}.onionSkinToggle,.onionSkinSettingsButton{border-radius:9px;min-height:30px;padding:5px 9px;font-size:11px}.onionSkinSummary{font-size:10px}.onionSkinSettingsPanel{grid-template-columns:1fr 1fr;gap:8px;padding:8px}.onionSkinOpacityField{grid-column:1/-1}.onionSkinCheck{min-height:36px}.onionSkinHint{font-size:9px}}@media (max-width:820px){.editorWrap.frameMode .animationTimelineArea{position:relative}.editorWrap.frameMode .mobilePlaybackMeta{text-overflow:ellipsis;max-width:76px;overflow:hidden}.mobileOnionQuick{flex:none;align-items:center;gap:4px;display:flex!important}.mobileOnionToggle,.mobileOnionSettingsButton{color:#aeb6c0;background:#12171e;border:1px solid #2a3038;border-radius:9px;justify-content:center;align-items:center;gap:4px;height:30px;padding:0 8px;font-size:10px;font-weight:800;display:inline-flex}.mobileOnionToggle{min-width:62px}.mobileOnionToggle.active{color:#090c10;background:#f1f3f5;border-color:#fff}.mobileOnionToggle span{font-size:12px;line-height:1}.mobileOnionSettingsButton{width:30px;padding:0;font-size:13px}.mobileOnionSettingsButton.active{color:#fff;background:#202730;border-color:#596473}.mobileOnionSettingsPopover{left:8px;right:8px;bottom:calc(198px + env(safe-area-inset-bottom));z-index:86;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overscroll-behavior:contain;background:#0c1015fb;border:1px solid #303844;border-radius:16px;max-height:min(230px,45dvh);padding:10px;position:fixed;overflow:auto;box-shadow:0 18px 52px #0000009e;display:block!important}.mobileOnionSettingsHead{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.mobileOnionSettingsHead>div{align-items:baseline;gap:8px;min-width:0;display:flex}.mobileOnionSettingsHead strong{font-size:12px}.mobileOnionSettingsHead span{color:#7f8995;font-size:9px}.mobileOnionSettingsHead button{color:#fff;background:#171d25;border:1px solid #2d3540;border-radius:9px;flex:0 0 30px;width:30px;height:30px;padding:0;font-size:18px}.mobileOnionSettingsGrid{grid-template-columns:1fr 1fr;align-items:end;gap:8px;display:grid}.mobileOnionSettingsGrid .mobileOnionOpacity{grid-column:1/-1}.mobileOnionSettingsGrid .onionSkinCheck{min-height:34px}.mobileOnionSettingsHint{color:#727d89;margin-top:7px;font-size:9px;line-height:1.35}.editorWrap.frameMode .animationTimelineArea .frameStrip{padding-top:6px!important;padding-bottom:18px!important}.editorWrap.frameMode .animationTimelineArea .frameAdd{align-self:center}}@media (max-width:390px){.mobilePlaybackRow{gap:5px;padding-left:7px;padding-right:7px}.editorWrap.frameMode .mobilePlaybackMeta{max-width:48px;font-size:9px}.mobileOnionToggle{width:32px;min-width:32px;padding:0}.mobileOnionToggle b{display:none}.mobileOnionSettingsPopover{left:6px;right:6px}}
.layerRow,.materialLayerRow{position:relative;padding-left:44px!important}.editorLayerGrip{color:#aaa;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;z-index:2;background:#0c0c0cd1;border:1px solid #ffffff2e;border-radius:9px;place-items:center;width:26px;height:30px;padding:0;font-size:18px;line-height:1;display:grid;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.editorLayerGrip:active{cursor:grabbing}.editorLayerGrip:focus-visible{outline-offset:2px;outline:2px solid #ffffffb8}.editorLayerDropTarget:before{content:"";pointer-events:none;z-index:3;background:#fff;border-radius:2px;height:2px;position:absolute;top:-1px;left:4px;right:4px}@media (max-width:820px){.layerPanel .layerRow,.materialMobileSheet .materialLayerRow{padding-left:44px!important}.materialMobileSheet .materialLayerRow{min-height:52px}.editorLayerGrip{width:28px;height:32px;left:7px}}