*{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}}
.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}}
@media (max-width:560px){.dataLibraryHeading{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:2px;margin-top:22px;display:flex}.dataLibraryHeading .sectionTitle{letter-spacing:-.02em;white-space:nowrap;font-size:20px;line-height:1.2}.dataLibraryHeading>.tiny{line-height:1.35;display:block}.characterFolderMeta strong,.characterFolderMeta .tiny{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.dataSectionHead{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;display:grid}.dataSectionHead>div{min-width:0}.dataSectionHead .pill{white-space:nowrap;flex:none}}@media (max-width:780px){.turntableV08Head{grid-template-columns:minmax(0,1fr) minmax(118px,44vw);align-items:center;gap:8px;display:grid}.turntableV08Head>div:first-child{min-width:0}.turntableV08Head>.row{justify-content:flex-end;width:100%;min-width:0}.turntableV08Head .select{white-space:nowrap;text-overflow:ellipsis;min-width:0;max-width:100%;padding-left:10px;padding-right:28px;overflow:hidden;width:100%!important}.angleSafetyNotice{display:block}.angleSafetyNotice strong{margin-bottom:3px;display:block}.angleLibrarySection>.rowBetween{align-items:flex-start}.angleLibrarySection>.rowBetween>div{min-width:0}.angleLibrarySection>.rowBetween .pill{white-space:nowrap;flex:none}}@media (max-width:390px){.turntableV08Head{grid-template-columns:minmax(0,1fr) minmax(108px,46vw)}.turntableV08Head .select{padding-top:10px;padding-bottom:10px;font-size:12px}}
:root{--cms-nav-clearance:96px;--cms-page-bottom-clearance:132px}.bottomNav{bottom:calc(10px + env(safe-area-inset-bottom))}.bottomNav .navItem span{white-space:nowrap;text-overflow:ellipsis;max-width:100%;line-height:1.1;display:block;overflow:hidden}.app:not(.publicRoute):not(.adminRoute):not(.editorRoute)>.page{padding-bottom:calc(var(--cms-page-bottom-clearance) + env(safe-area-inset-bottom))}.aiFab{bottom:calc(var(--cms-nav-clearance) + env(safe-area-inset-bottom))}.aiSheet{bottom:calc(var(--cms-nav-clearance) + env(safe-area-inset-bottom));max-height:calc(100dvh - 132px - env(safe-area-inset-bottom));overscroll-behavior:contain;overflow:auto}.aiSheet>.rowBetween>div,.appDialogHead>div,.dataDestinationSheet>.rowBetween>div,.assetPickerSheet>.rowBetween>div,.angleEditorHead>div{min-width:0}.appDialogHead strong,.appDialogHead .sectionText,.dataDestinationSheet>.rowBetween strong,.assetPickerSheet>.rowBetween strong,.assetPickerSheet>.rowBetween .tiny,.angleEditorHead strong,.angleEditorHead .tiny{overflow-wrap:anywhere}.appDialogActions{flex-wrap:wrap}.appDialogActions .btn{white-space:normal;text-align:center;min-width:0}.dataMultiBar{bottom:calc(var(--cms-nav-clearance) + env(safe-area-inset-bottom))}.dataActionPopover{max-height:calc(100dvh - 24px - env(safe-area-inset-bottom));overscroll-behavior:contain;overflow:auto}.dataActionRow>span:last-child{overflow-wrap:anywhere;min-width:0;line-height:1.35}.dataDestinationChoice>span:nth-child(2){min-width:0}.dataDestinationChoice strong,.dataDestinationChoice small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}.libraryGroupText,.pickerItemText{min-width:0}.libraryGroupText strong,.pickerItemText strong{white-space:nowrap;text-overflow:ellipsis;max-width:100%;display:block;overflow:hidden}.pickerItemRow .btn{white-space:nowrap}@media (max-width:759px){body:has(.app:not(.publicRoute):not(.adminRoute):not(.editorRoute)) .modalBackdrop{overscroll-behavior:contain;padding:12px 10px calc(var(--cms-nav-clearance) + 10px + env(safe-area-inset-bottom));align-items:flex-end;overflow:auto}body:has(.app:not(.publicRoute):not(.adminRoute):not(.editorRoute)) .modalBackdrop>.sheet{width:min(640px,100%);max-height:calc(100dvh - var(--cms-nav-clearance) - 44px - env(safe-area-inset-bottom));padding-bottom:calc(18px + env(safe-area-inset-bottom));border-radius:24px}body:has(.app:not(.publicRoute):not(.adminRoute):not(.editorRoute)) .angleEditorSheet{width:100%;max-width:100%;height:auto}.appDialogActions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.appDialogActions .btn{width:100%}.appDialogActions .btn:only-child{grid-column:1/-1}.aiSheet{max-height:calc(100dvh - var(--cms-nav-clearance) - 74px - env(safe-area-inset-bottom));left:10px;right:10px}.dataMultiBar{width:min(620px,100% - 18px)}.assetPickerSheet .pickerItemRow{grid-template-columns:46px minmax(0,1fr) auto}.assetPickerSheet .pickerItemRow .btn{padding-left:10px;padding-right:10px}}@media (max-width:380px){.assetPickerSheet .pickerItemRow{grid-template-columns:42px minmax(0,1fr) auto;gap:7px}.assetPickerSheet .pickerItemRow .btn{padding:9px 8px;font-size:11px}.dataMultiBar{grid-template-columns:auto repeat(4,minmax(0,1fr));gap:4px}}@media (min-width:760px){.modalBackdrop{overscroll-behavior:contain;padding:22px 22px 104px;overflow:auto}.modalBackdrop>.sheet{max-height:min(82dvh,100dvh - 132px)}.aiSheet{max-height:calc(100dvh - 154px);bottom:94px}.aiFab,.dataMultiBar{bottom:96px}}@media (max-width:820px){.app.editorRoute .mobileEditorSheet,.app.editorRoute .materialMobileSheet,.app.editorRoute .animationDrawPanel,.app.editorRoute .layerPanel{max-height:calc(100dvh - 132px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overscroll-behavior:contain}.app.editorRoute .mobileSheetScroll{padding-bottom:calc(12px + env(safe-area-inset-bottom))}}
.publicRoute .topbar{border-bottom-color:#202020}.publicRoute .topbar .pill{white-space:nowrap}.publicHero{max-width:980px;padding:clamp(38px,7vw,82px) 0 26px}.publicHero.compactHero{padding-bottom:12px}.publicHero h1{letter-spacing:-.05em;max-width:900px;margin:14px 0 16px;font-size:clamp(38px,7.2vw,72px);line-height:1.02}.publicHero p{color:#a5a5a5;max-width:760px;margin:0 0 18px;font-size:clamp(15px,2.1vw,19px);line-height:1.7}.publicHeroActions{gap:8px}.publicHeroProof{flex-wrap:wrap;gap:7px;margin-top:18px;display:flex}.publicHeroProof span{color:#c8c8c8;background:#0f0f0f;border:1px solid #292929;border-radius:999px;align-items:center;min-height:32px;padding:6px 10px;font-size:11px;display:inline-flex}.publicSection{margin-top:44px}.publicSectionHead{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:15px;display:flex}.publicSectionHead>div{min-width:0}.publicSectionHead>div>span,.publicEyebrow{color:#777;letter-spacing:.14em;font-size:10px;font-weight:800;display:block}.publicSectionHead h2,.publicInfoCard h2,.publicFinalCta h2{letter-spacing:-.035em;margin:5px 0 0;font-size:clamp(24px,4vw,36px);line-height:1.12}.publicSectionHead>p{color:#8f8f8f;max-width:470px;margin:0;font-size:13px;line-height:1.55}.publicPlanGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.publicPlanCard{background:#0d0d0d;border:1px solid #262626;border-radius:24px;flex-direction:column;gap:13px;min-width:0;padding:18px;display:flex;position:relative}.publicPlanCard.recommended{background:linear-gradient(#151515 0,#0c0c0c 100%);border-color:#707070;box-shadow:0 18px 60px #00000057}.publicPlanCard.current{box-shadow:inset 0 0 0 1px #fff}.publicPlanTop{justify-content:space-between;align-items:flex-start;gap:8px;min-height:50px;display:flex}.publicPlanName{margin-bottom:3px;font-size:18px;font-weight:850}.publicPlanBadge{color:#000;background:#fff;border-radius:999px;flex:none;padding:5px 8px;font-size:9px;font-weight:900}.publicPlanBadge.currentBadge{color:#b8ffb8;background:#182718}.publicPlanPrice{align-items:baseline;gap:4px;display:flex}.publicPlanPrice strong{letter-spacing:-.045em;font-size:34px;line-height:1}.publicPlanPrice span{color:#8d8d8d;font-size:12px}.publicPlanPriceNote{color:#777;margin-top:-7px;font-size:9px}.publicPlanMetrics{grid-template-columns:1fr 1fr;gap:6px;display:grid}.publicPlanMetrics>div{background:#141414;border:1px solid #222;border-radius:14px;gap:3px;min-width:0;padding:10px;display:grid}.publicPlanMetrics b{font-size:13px}.publicPlanMetrics span{color:#777;font-size:9px}.publicPlanFeatures{color:#b7b7b7;gap:7px;margin:0;padding:0;font-size:11px;line-height:1.45;list-style:none;display:grid}.publicPlanCard .btn{text-align:center;margin-top:auto}.publicPlanGrid.compact .publicPlanFeatures{display:none}.publicPlanGrid.compact .publicPlanCard{padding:15px}.publicPlanGrid.compact .publicPlanPrice strong{font-size:29px}.pricingNotice{color:#cfc7a5;background:#151309;border:1px solid #302d1f;border-radius:14px;align-items:flex-start;gap:10px;margin-top:20px;padding:11px 13px;font-size:11px;line-height:1.5;display:flex}.pricingNotice strong{color:#fff;flex:none}.publicSplitSection{grid-template-columns:1fr 1fr;gap:10px;margin-top:44px;display:grid}.publicInfoCard{background:#0d0d0d;border:1px solid #252525;border-radius:24px;padding:18px}.creditCostList{margin-top:14px;display:grid}.creditCostList>div{border-top:1px solid #202020;justify-content:space-between;gap:12px;padding:10px 0;display:flex}.creditCostList span{gap:2px;font-size:12px;display:grid}.creditCostList small{color:#777;font-size:9px}.creditCostList b{white-space:nowrap;font-size:12px}.noCreditGrid{grid-template-columns:1fr 1fr;gap:7px;margin-top:14px;display:grid}.noCreditGrid span{color:#bdbdbd;background:#141414;border-radius:12px;padding:9px 10px;font-size:11px}.slotExplainGrid{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.slotExplainGrid>div{background:#0d0d0d;border:1px solid #252525;border-radius:18px;grid-template-columns:34px 1fr;gap:2px 9px;padding:14px;display:grid}.slotExplainGrid b{color:#000;background:#fff;border-radius:50%;grid-row:1/3;place-items:center;width:34px;height:34px;display:grid}.slotExplainGrid strong{font-size:12px}.slotExplainGrid span{color:#7f7f7f;font-size:10px;line-height:1.45}.faqGrid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.faqGrid details{background:#0d0d0d;border:1px solid #252525;border-radius:16px;padding:13px 14px}.faqGrid summary{cursor:pointer;font-size:12px;font-weight:800}.faqGrid p{color:#8f8f8f;margin:9px 0 0;font-size:11px;line-height:1.6}.publicFinalCta{background:linear-gradient(135deg,#151515,#090909);border:1px solid #2c2c2c;border-radius:26px;justify-content:space-between;align-items:center;gap:20px;margin-top:44px;padding:20px;display:flex}.publicFinalCta>div:first-child{max-width:650px}.publicFinalCta p{color:#8b8b8b;margin:7px 0 0;font-size:12px;line-height:1.55}.publicFooter{border-top:1px solid #222;gap:9px;margin-top:30px;padding:18px 0;display:grid}.landingWorkflow{grid-template-columns:repeat(5,1fr);gap:7px;display:grid}.landingWorkflow>div{background:#0d0d0d;border:1px solid #242424;border-radius:17px;min-width:0;padding:13px;position:relative}.landingWorkflow b{color:#666;margin-bottom:7px;font-size:10px;display:block}.landingWorkflow strong{font-size:12px;display:block}.landingWorkflow span{color:#777;margin-top:4px;font-size:9px;line-height:1.4;display:block}.landingWorkflow>div:not(:last-child):after{content:"→";z-index:2;color:#777;background:#000;border-radius:50%;place-items:center;width:16px;height:16px;font-size:9px;display:grid;position:absolute;top:50%;right:-8px;transform:translateY(-50%)}.landingFeatureGrid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.landingFeature{background:#0d0d0d;border:1px solid #252525;border-radius:22px;padding:18px}.landingFeature .publicEyebrow{margin-bottom:6px}.landingFeature h3{margin:0 0 7px;font-size:18px}.landingFeature p{color:#8b8b8b;margin:0;font-size:12px;line-height:1.58}.landingFeature .landingFeatureLine{flex-wrap:wrap;gap:6px;margin-top:11px;display:flex}.landingFeature .landingFeatureLine span{color:#aaa;background:#171717;border-radius:999px;padding:5px 7px;font-size:9px}.accountLaunchPage{max-width:1040px!important}.accountHeroRow{justify-content:space-between;align-items:flex-start;gap:16px;margin:8px 0 14px;display:flex}.accountHeroRow h1{margin:0;font-size:26px}.accountHeroRow p{color:#888;margin:5px 0 0;font-size:12px}.accountStatusGrid{grid-template-columns:1.4fr .8fr .8fr;gap:8px;display:grid}.accountStatusCard{background:#0d0d0d;border:1px solid #252525;border-radius:18px;min-width:0;padding:14px}.accountStatusCard span{color:#777;margin-bottom:6px;font-size:9px;display:block}.accountStatusCard strong{text-overflow:ellipsis;white-space:nowrap;font-size:18px;display:block;overflow:hidden}.accountStatusCard small{color:#777;margin-top:4px;font-size:9px;line-height:1.45;display:block}.accountSection{margin-top:17px}.accountSectionHead{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:8px;display:flex}.accountSectionHead h2{margin:0;font-size:17px}.accountSectionHead p{color:#777;margin:3px 0 0;font-size:10px}.accountCreditPanel{grid-template-columns:220px 1fr;gap:9px;display:grid}.creditBalanceCard{background:#111;border:1px solid #2c2c2c;border-radius:20px;align-content:center;padding:17px;display:grid}.creditBalanceCard span{color:#777;font-size:10px}.creditBalanceCard strong{margin-top:5px;font-size:34px;line-height:1}.creditBalanceCard small{color:#777;margin-top:7px;font-size:9px}.accountCostGrid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.accountCostGrid>div{background:#0d0d0d;border:1px solid #242424;border-radius:14px;align-content:start;gap:4px;padding:10px;display:grid}.accountCostGrid span{color:#777;font-size:9px}.accountCostGrid b{font-size:12px}.accountBackupActions{flex-wrap:wrap;gap:7px;display:flex}.accountBackupList{gap:6px;margin-top:10px;display:grid}.accountBackupRow{background:#0d0d0d;border:1px solid #242424;border-radius:13px;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:10px;display:grid}.accountBackupRow strong{font-size:11px}.accountBackupRow span{color:#777;margin-top:3px;font-size:9px;display:block}.accountLoginCard{max-width:620px;margin:20px auto 0}.accountLoginCard h1{margin:0 0 7px;font-size:28px}.accountLoginCard>p{color:#888;line-height:1.6}.accountLegalLinks{color:#777;flex-wrap:wrap;gap:10px;margin-top:12px;font-size:10px;display:flex}@media (max-width:820px){.publicSection{margin-top:32px}.publicSectionHead{display:block}.publicSectionHead>p{margin-top:7px}.publicPlanGrid{grid-template-columns:1fr}.publicPlanCard{padding:15px}.publicPlanPrice strong{font-size:31px}.publicSplitSection{grid-template-columns:1fr;margin-top:32px}.slotExplainGrid,.faqGrid{grid-template-columns:1fr}.publicFinalCta{display:block}.publicFinalCta .row{margin-top:14px}.landingWorkflow{grid-template-columns:1fr 1fr}.landingWorkflow>div:not(:last-child):after{display:none}.landingFeatureGrid{grid-template-columns:1fr}.accountStatusGrid{grid-template-columns:1fr 1fr}.accountStatusCard:first-child{grid-column:1/-1}.accountCreditPanel{grid-template-columns:1fr}.accountCostGrid{grid-template-columns:1fr 1fr}}@media (max-width:520px){.publicHero{padding-top:28px}.publicHero h1{font-size:38px}.publicHero p{font-size:14px}.pricingNotice{gap:3px;display:grid}.publicPlanMetrics{grid-template-columns:1fr 1fr}.noCreditGrid,.landingWorkflow{grid-template-columns:1fr}.accountHeroRow{display:block}.accountHeroRow .row{margin-top:10px}.accountStatusGrid{grid-template-columns:1fr}.accountStatusCard:first-child{grid-column:auto}.accountCostGrid,.accountBackupRow{grid-template-columns:1fr}.publicRoute .topbar .row{gap:4px!important}.publicRoute .topbar .pill{padding:6px 8px;font-size:10px}}
.topbar .brand>img{content:url(/charamo-brand-v2.png);object-fit:contain}
:root{--cms-topbar-height:57px}.topbar{min-height:var(--cms-topbar-height)}@media (min-width:821px){.animationProjectBar{top:var(--cms-topbar-height)}}:is(.app:has(.dataMultiBar)>.aiFab,.app:has(.dataMultiBar)>.aiSheet){display:none!important}.itemQuickMenu,.materialItemQuickMenu{flex-wrap:wrap;justify-content:center;max-width:calc(100vw - 16px)}@media (max-width:820px){.itemQuickMenu,.materialItemQuickMenu{width:max-content;left:50vw!important;transform:translate(-50%,-100%)!important}}@media (min-width:821px) and (max-height:720px){.editorPage .editorWrap{height:calc(100dvh - 198px)!important;min-height:0!important}.animationDrawPanel{max-height:calc(100dvh - 170px)}}@media (max-width:360px){.publicRoute .topbar{padding-left:8px;padding-right:8px}.publicRoute .topbar .row .pill:first-child,.publicRoute .topbar .row .pill:nth-child(2){display:none}}.clientErrorToast{right:max(12px,env(safe-area-inset-right))!important;bottom:calc(var(--cms-nav-clearance,96px) + env(safe-area-inset-bottom))!important;max-width:min(360px,100vw - 24px)!important}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-offset:3px;outline:2px solid #bce7ff}.btn:disabled,.toolBtn:disabled{opacity:.45;cursor:not-allowed}.appDialogActions .btn{min-height:44px}.appDialogSheet .iconBtn{width:44px;height:44px}@media (prefers-reduced-motion:reduce){.angleMaterialCard,.angleProgress{scroll-behavior:auto;transition:none}}
.desktopEditorCompanion{display:none}.app.editorRoute>.bottomNav{display:none!important}@media (min-width:821px){body.cmsDesktopPanning,body.cmsDesktopPanning *{cursor:grabbing!important}.app.editorRoute{--cms-nav-clearance:18px}.app.editorRoute>.page.editorPage,.app.editorRoute>.page.materialStudioPage{width:100%;max-width:none;margin:0;padding-bottom:18px}.editorExitLink{white-space:nowrap;min-height:36px;padding:8px 11px;font-weight:750}.app.editorRoute .modalBackdrop{padding-bottom:22px}.desktopEditorCompanion{z-index:67;pointer-events:none;flex-direction:column;align-items:flex-end;gap:7px;display:flex;position:fixed;top:68px;right:16px}.desktopEditorHelpToggle,.desktopEditorHelpPanel,.desktopEditorQuickHint{pointer-events:auto}.desktopEditorHelpToggle{color:#eef2f6;background:#0e1116f0;border:1px solid #343a43;border-radius:999px;padding:8px 10px 8px 12px;font-size:11px;font-weight:800;box-shadow:0 12px 34px #0000005c}.desktopEditorHelpToggle span{color:#000;background:#fff;border-radius:50%;place-items:center;width:18px;height:18px;margin-left:4px;display:inline-grid}.desktopEditorQuickHint{color:#929ba7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080a0ec7;border:1px solid #373e48b8;border-radius:9px;padding:5px 8px;font-size:9px}.desktopEditorHelpPanel{overscroll-behavior:contain;background:#0b0e12fa;border:1px solid #303640;border-radius:18px;width:min(330px,100vw - 32px);max-height:calc(100dvh - 130px);padding:12px;overflow:auto;box-shadow:0 22px 72px #00000094}.desktopEditorHelpHead{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.desktopEditorHelpHead>div{flex-direction:column;gap:2px;display:flex}.desktopEditorHelpHead strong{font-size:13px}.desktopEditorHelpHead small{color:#7f8996;font-size:9px}.desktopEditorHelpHead button{color:#fff;background:#171b22;border:1px solid #2c323a;border-radius:50%;width:30px;height:30px}.desktopEditorHelpGroup{border-top:1px solid #232831;gap:5px;padding:9px 0;display:grid}.desktopEditorHelpGroup>b{color:#c6ccd4;margin-bottom:2px;font-size:10px}.desktopEditorHelpGroup>div{grid-template-columns:125px minmax(0,1fr);align-items:center;gap:8px;display:grid}.desktopEditorHelpGroup kbd{color:#eef2f6;white-space:nowrap;background:#171b21;border:1px solid #343b45;border-bottom-width:2px;border-radius:7px;justify-self:start;padding:4px 6px;font:700 9px/1.1 ui-monospace,SFMono-Regular,Menlo,monospace}.desktopEditorHelpGroup span{color:#929ba7;font-size:10px}.desktopEditorHelpNote{background:#11161c;border:1px solid #252c35;border-radius:11px;gap:4px;margin-top:4px;padding:9px;display:grid}.desktopEditorHelpNote strong{font-size:10px}.desktopEditorHelpNote span{color:#949eaa;font-size:9px;line-height:1.5}.desktopEditorViewButtons{grid-template-columns:repeat(5,1fr);gap:5px;margin-top:9px;display:grid}.desktopEditorViewButtons button{color:#fff;background:#171c23;border:1px solid #303741;border-radius:9px;min-width:0;padding:7px 3px;font-size:9px;font-weight:750}.desktopAnimationToolbar,.materialToolDock{position:relative}.desktopAnimationToolbar:after,.materialToolDock:after{content:"PC: ホイールで拡大縮小 / Space+ドラッグで表示移動 / ? で操作説明";color:#727c88;white-space:nowrap;flex:none;align-self:center;padding:0 5px;font-size:9px}.turnDesktopControls{border-top:1px solid #242a31;justify-content:space-between;align-items:center;gap:10px;margin-top:9px;padding-top:9px}.turnDesktopControls .row{gap:5px}.turnDesktopControls .btn{min-width:42px;padding:6px 10px;font-size:10px}}@media (min-width:821px) and (max-width:1180px){.app.editorRoute .materialStudioGrid{grid-template-columns:205px minmax(0,1fr);align-items:start}.app.editorRoute .materialRightColumn{grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:10px;display:grid}.app.editorRoute .materialRightColumn>#material-layer-panel{min-width:0}.app.editorRoute .materialCanvasViewport{height:calc(100dvh - 292px);min-height:410px}.app.editorRoute .materialLayerList{max-height:300px}.app.editorRoute .materialChatLog{max-height:260px}}@media (min-width:821px) and (max-width:960px){.app.editorRoute .materialStudioGrid{grid-template-columns:185px minmax(0,1fr)}.app.editorRoute .materialControlPanel{padding:10px}.app.editorRoute .materialRightColumn{grid-template-columns:1fr}.desktopEditorQuickHint{display:none}}
.cmsAnimationWorkspaceControls,.cmsPlaybackWorkspaceControls,.cmsMaterialWorkspaceControls{display:none}@media (min-width:821px){.cmsBrowserWorkspace{--cms-workspace-control:#151a21;--cms-workspace-border:#2c333c}.cmsBrowserWorkspace.editorPage .animationHistoryControls{display:none!important}.cmsBrowserWorkspace.editorPage .animationEditorHead{background:#080a0d;min-height:46px;padding:5px 10px}.cmsBrowserWorkspace.editorPage .animationProjectIdentity>strong{font-size:12px}.cmsBrowserWorkspace.editorPage .animationProjectIdentity .tiny{display:none}.cmsBrowserWorkspace.editorPage .animationHeadControls{gap:7px;margin-left:auto}.cmsBrowserWorkspace.editorPage .animationModeSwitch{border-radius:12px;gap:4px;width:286px;padding:3px}.cmsBrowserWorkspace.editorPage .animationModeButton{border-radius:9px;grid-template-columns:21px minmax(0,1fr);gap:6px;height:34px;padding:4px 8px}.cmsBrowserWorkspace.editorPage .animationModeGlyph{border-radius:6px;width:21px;height:21px;font-size:10px}.cmsBrowserWorkspace.editorPage .animationModeButton b{font-size:10px}.cmsBrowserWorkspace.editorPage .animationModeButton small{display:none}.cmsAnimationWorkspaceControls{order:3;align-items:center;gap:5px;display:flex}.cmsAnimationWorkspaceControls button,.cmsMaterialWorkspaceControls button{border:1px solid var(--cms-workspace-border);background:var(--cms-workspace-control);color:#d9dee5;white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-height:32px;padding:0 9px;font-size:9px;font-weight:800;display:inline-flex}.cmsAnimationWorkspaceControls button.active,.cmsMaterialWorkspaceControls button.active{color:#07090c;background:#f3f5f7;border-color:#fff}.cmsBrowserWorkspace.editorPage:not(.cmsAnimationSettingsOpen)>.animationEditorHead+.desktopOnly,.cmsBrowserWorkspace.editorPage.cmsWorkspaceFocus>.animationEditorHead+.desktopOnly,.cmsBrowserWorkspace.editorPage.cmsWorkspaceFocus>.animationEditorHead{display:none!important}.cmsBrowserWorkspace.editorPage .editorWrap{height:calc(100dvh - 122px);min-height:590px}.cmsBrowserWorkspace.editorPage.cmsAnimationSettingsOpen .editorWrap{height:calc(100dvh - 205px)}.cmsBrowserWorkspace.editorPage.cmsWorkspaceFocus .editorWrap{height:calc(100dvh - 62px);min-height:650px}.cmsBrowserWorkspace.editorPage .canvasStage{min-height:340px}.cmsBrowserWorkspace.editorPage .animationPlaybackRow{justify-content:flex-start;min-height:42px;padding:4px 9px}.cmsBrowserWorkspace.editorPage .animationPlaybackRow>.playbackControls{order:1}.cmsBrowserWorkspace.editorPage .animationPlaybackMeta{order:4;max-width:300px;margin-left:auto}.cmsPlaybackWorkspaceControls{order:2;align-items:center;gap:4px;min-width:0;display:flex}.cmsPlaybackWorkspaceControls button{color:#e5e9ee;white-space:nowrap;background:#141920;border:1px solid #2a3038;border-radius:9px;justify-content:center;align-items:center;gap:5px;min-width:31px;height:31px;padding:0 7px;font-size:9px;font-weight:800;display:inline-flex}.cmsPlaybackWorkspaceControls button:disabled{opacity:.3;cursor:not-allowed}.cmsPlaybackWorkspaceControls button.active{color:#080a0d;background:#f3f5f7;border-color:#fff}.cmsPlaybackWorkspaceControls button:nth-child(-n+2){width:31px;padding:0}.cmsExpandGlyph{font-size:13px;font-weight:900;line-height:1}.cmsBrowserWorkspace.editorPage .editorWrap.frameMode .animationTimelineArea{flex:0 0 112px;min-height:112px;overflow:hidden}.cmsBrowserWorkspace.editorPage .editorWrap.frameMode .animationTimelineArea .frameStrip{align-items:center;padding:10px 0 27px!important}.cmsBrowserWorkspace.editorPage .editorWrap.frameMode .animationTimelineArea .frameUnit{min-height:74px}.cmsBrowserWorkspace.editorPage .editorWrap.frameMode .animationTimelineArea .frameThumbWrap{width:88px;min-width:88px}.cmsBrowserWorkspace.editorPage .editorWrap.frameMode .animationTimelineArea .frameThumb{gap:2px;border-radius:8px!important;flex-basis:88px!important;width:88px!important;min-width:88px!important;height:70px!important;padding:25px 7px 7px!important}.cmsBrowserWorkspace.editorPage .editorWrap.frameMode .animationTimelineArea .frameThumb .frameIndex{font-size:14px;line-height:1}.cmsBrowserWorkspace.editorPage .editorWrap.frameMode .animationTimelineArea .frameThumb small{font-size:9px;line-height:1.1}.cmsBrowserWorkspace.editorPage .editorWrap.frameMode .animationTimelineArea .frameThumbWrap>.frameMore{border-radius:7px!important;place-items:center!important;width:30px!important;height:22px!important;padding:0!important;font-size:11px!important;line-height:1!important;display:grid!important;top:4px!important;right:4px!important}.cmsBrowserWorkspace.editorPage .editorWrap.frameMode .animationTimelineArea .frameThumbWrap>button[aria-label*=並び替え]{touch-action:none!important;border-radius:7px!important;width:30px!important;height:22px!important;line-height:20px!important;top:4px!important;left:4px!important;right:auto!important;transform:none!important}.cmsBrowserWorkspace.editorPage .editorWrap.frameMode .animationTimelineArea .frameThumbWrap>span{white-space:nowrap;top:5px!important;left:50%!important;right:auto!important;transform:translate(-50%)!important}.cmsBrowserWorkspace.editorPage .editorWrap.frameMode .animationTimelineArea .frameAdd{width:40px;min-width:40px;height:40px}.cmsBrowserWorkspace.editorPage .editorWrap.frameMode .animationTimelineArea .frameContextMenu{z-index:96!important}.cmsBrowserWorkspace.editorPage .editorWrap.timelineMode .animationTimelineArea{flex:0 0 clamp(170px,22dvh,245px);min-height:160px;overflow:hidden}.cmsBrowserWorkspace.editorPage .animationTimelineArea .timelineEditor{height:100%;max-height:none;overflow:hidden}.cmsBrowserWorkspace.editorPage .desktopAnimationToolbar{z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#080b0ffa;flex:none;min-height:52px;position:sticky;bottom:0}.cmsBrowserWorkspace.editorPage .desktopAnimationToolbar:after{font-size:8px}.cmsBrowserWorkspace.materialStudioPage{padding-top:5px}.cmsBrowserWorkspace.materialStudioPage .materialPageHead{align-items:center;min-height:42px;padding:0 2px 3px}.cmsBrowserWorkspace.materialStudioPage .materialPageHead .sectionTitle{margin:3px 0;font-size:17px}.cmsBrowserWorkspace.materialStudioPage .materialPageHead .sectionText{display:none}.cmsBrowserWorkspace.materialStudioPage .materialTopTabs{min-width:190px}.cmsBrowserWorkspace.materialStudioPage .materialTopTabs .tab{padding:7px 9px;font-size:10px}.cmsBrowserWorkspace.materialStudioPage .materialCommandBar{gap:6px;min-height:44px;padding:4px 0 6px;overflow-x:auto}.cmsBrowserWorkspace.materialStudioPage .materialCommandBar>.btn{padding:8px 11px;font-size:10px}.cmsBrowserWorkspace.materialStudioPage .materialCommandBar .materialDraftSelect{min-width:155px;height:34px;padding:6px 9px;font-size:10px}.cmsMaterialWorkspaceControls{flex:none;align-items:center;gap:5px;margin-left:auto;display:flex}.cmsBrowserWorkspace.materialStudioPage .materialStudioGrid{grid-template-columns:230px minmax(0,1fr) 300px;gap:8px;height:calc(100dvh - 154px);min-height:570px}.cmsBrowserWorkspace.materialStudioPage:not(.cmsMaterialSideOpen) .materialRightColumn{display:none!important}.cmsBrowserWorkspace.materialStudioPage:not(.cmsMaterialSideOpen):not(.cmsMaterialSettingsClosed) .materialStudioGrid{grid-template-columns:230px minmax(0,1fr)}.cmsBrowserWorkspace.materialStudioPage.cmsMaterialSettingsClosed.cmsMaterialSideOpen .materialStudioGrid{grid-template-columns:minmax(0,1fr) 300px}.cmsBrowserWorkspace.materialStudioPage.cmsMaterialSettingsClosed:not(.cmsMaterialSideOpen) .materialStudioGrid{grid-template-columns:minmax(0,1fr)}.cmsBrowserWorkspace.materialStudioPage.cmsMaterialSettingsClosed .materialControlPanel,.cmsBrowserWorkspace.materialStudioPage.cmsWorkspaceFocus .materialPageHead,.cmsBrowserWorkspace.materialStudioPage.cmsWorkspaceFocus .materialControlPanel,.cmsBrowserWorkspace.materialStudioPage.cmsWorkspaceFocus .materialRightColumn{display:none!important}.cmsBrowserWorkspace.materialStudioPage.cmsWorkspaceFocus .materialStudioGrid{height:calc(100dvh - 104px);min-height:650px;grid-template-columns:minmax(0,1fr)!important}.cmsBrowserWorkspace.materialStudioPage .materialControlPanel{max-height:calc(100dvh - 168px);padding:10px}.cmsBrowserWorkspace.materialStudioPage .materialCanvasColumn{align-self:stretch;height:100%;min-height:0}.cmsBrowserWorkspace.materialStudioPage .materialCanvasViewport{border-radius:17px;flex:1;height:auto;min-height:520px;padding:7px}.cmsBrowserWorkspace.materialStudioPage .materialToolDock{z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#080b0ffa;flex:none;min-height:50px;position:sticky;bottom:0}.cmsBrowserWorkspace.materialStudioPage .materialGestureHint{display:none}.cmsBrowserWorkspace.materialStudioPage .materialRightColumn{overscroll-behavior:contain;height:100%;overflow:auto}.cmsBrowserWorkspace.materialStudioPage .materialLayerList{max-height:280px}}@media (min-width:821px) and (max-width:1100px){.cmsBrowserWorkspace.materialStudioPage .materialStudioGrid{grid-template-columns:210px minmax(0,1fr) 275px}.cmsBrowserWorkspace.materialStudioPage:not(.cmsMaterialSideOpen):not(.cmsMaterialSettingsClosed) .materialStudioGrid{grid-template-columns:210px minmax(0,1fr)}.cmsBrowserWorkspace.materialStudioPage.cmsMaterialSettingsClosed.cmsMaterialSideOpen .materialStudioGrid{grid-template-columns:minmax(0,1fr) 275px}.cmsBrowserWorkspace.editorPage .animationModeSwitch{width:250px}}
.cmsFineTunePanel{z-index:210;color:#e9edf2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f1319fa;border:1px solid #323b46;border-radius:16px;width:min(340px,100vw - 28px);max-height:calc(100dvh - 128px);padding:11px;font-size:11px;position:fixed;top:108px;right:14px;overflow:auto;box-shadow:0 20px 48px #0000007a}.cmsFineTuneHead{justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px;display:flex}.cmsFineTuneHead>div{align-items:baseline;gap:8px;min-width:0;display:flex}.cmsFineTuneHead strong{font-size:15px}.cmsFineTuneHead span{color:#89939f;font-size:9px}.cmsFineTuneHead>button{color:#dbe1e8;background:#181e26;border:1px solid #303945;border-radius:9px;width:30px;height:30px;font-size:18px;line-height:1}.cmsFineTuneTabs,.cmsFineTuneActions,.cmsFineTuneDensity{align-items:center;gap:6px;display:flex}.cmsFineTuneTabs{margin-bottom:9px}.cmsFineTuneTabs button{flex:1}.cmsDeformTabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;display:grid}.cmsDeformTabs button{min-width:0;padding:0 4px;font-size:9px}.cmsFineTunePanel button,.cmsFineTunePanel select{color:#dbe1e8;background:#181e26;border:1px solid #303945;border-radius:9px;min-height:32px;padding:0 9px;font-size:10px;font-weight:800}.cmsFineTunePanel button.active{color:#070a0e;background:#eef3f7;border-color:#fff}.cmsFineTunePanel button:disabled{opacity:.35}.cmsFineTunePanel button.danger{color:#ff9a9a;border-color:#5b3238}.cmsFineTuneLayer{background:#11161c;border:1px solid #282f38;border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;margin-bottom:7px;padding:8px;display:grid}.cmsFineTuneLayer span,.cmsFineTuneLayer em{color:#808a96;font-size:9px;font-style:normal}.cmsFineTuneLayer b{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.cmsDeformLegend{color:#8f99a5;align-items:center;gap:7px;min-height:26px;padding:0 2px 6px;font-size:9px;display:flex}.cmsDeformLegend span{color:#b9c2cc;background:#121820;border:1px solid #2b343e;border-radius:999px;padding:3px 6px}.cmsDeformLegend em{color:#74808d;white-space:nowrap;margin-left:auto;font-style:normal}.cmsDeformPrimaryHint{border:1px solid #64dbff38;color:#b8dce7!important;background:#64dbff12!important}.cmsFineTuneEmpty,.cmsFineTuneHint{color:#9aa4af;background:#11161c;border-radius:10px;padding:9px;line-height:1.55}.cmsFineTuneHint{margin-top:7px;font-size:9px}.cmsFineTuneMeta{color:#85909c;margin:8px 1px;font-size:9px}.cmsFineTuneActions{margin-top:8px}.cmsFineTuneActions button{flex:1}.cmsFineTunePinControls{background:#10151b;border:1px solid #2a333d;border-radius:12px;margin-top:9px;padding:9px}.cmsFineTuneControlTitle{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:7px;display:flex}.cmsFineTuneControlTitle span{color:#89939f;font-size:9px}.cmsFineTunePinControls>label{color:#aab3bd;grid-template-columns:auto auto;align-items:center;gap:4px 8px;font-size:9px;display:grid}.cmsFineTunePinControls>label output{text-align:right;color:#eef3f7}.cmsFineTunePinControls input[type=range]{accent-color:#64dbff;width:100%}.cmsFineTunePinControls>label input[type=range]{grid-column:1/-1}.cmsFineController{background:#0c1218;border:1px solid #25313b;border-radius:10px;gap:7px;margin-top:9px;padding:8px;display:grid}.cmsFineControllerTitle{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.cmsFineControllerTitle b{font-size:10px}.cmsFineControllerTitle span{color:#75818e;font-size:8px}.cmsFineAxis{color:#aab3bd;grid-template-columns:34px 34px minmax(0,1fr);align-items:center;gap:6px;font-size:9px;display:grid}.cmsFineAxis output{text-align:right;color:#64dbff;font-variant-numeric:tabular-nums}.cmsFineAxis input{min-width:0}.cmsFineController>button{justify-self:stretch;min-height:29px!important}.cmsFineTuneStrokeRow{justify-content:space-between;align-items:center;gap:8px;margin-top:8px;display:flex}.cmsFineTuneStrokeRow label{align-items:center;gap:6px;display:flex}.cmsFineTuneStrokeRow select{max-width:110px}.cmsFineTuneDensity button{min-width:44px;padding:0 7px}.cmsStrokeScope{background:#10161c;border:1px solid #28333d;border-radius:10px;gap:3px;margin:2px 0 8px;padding:8px 9px;display:grid}.cmsStrokeScope b{color:#e5ebf1;font-size:10px}.cmsStrokeScope span{color:#8995a1;font-size:8.5px;line-height:1.5}.cmsStrokeScope.timeline{background:#ffc45c12;border-color:#ffc45c61}.cmsStrokeScope.timeline b{color:#ffd17c}.cmsStrokeActions{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;margin-top:9px;display:grid}.cmsStrokeActions span{color:#75808c;text-align:right;max-width:128px;font-size:8px;line-height:1.35}.cmsFineInfluenceRing{z-index:204;pointer-events:none;box-sizing:border-box;background:#64dbff09;border:1.5px dashed #64dbffd9;border-radius:50%;position:fixed;transform:translate(-50%,-50%)}.cmsFinePin,.cmsFineStrokePoint{z-index:208;touch-action:none;-webkit-user-select:none;user-select:none;place-items:center;display:grid;position:fixed;transform:translate(-50%,-50%);box-shadow:0 2px 8px #00000075;padding:0!important}.cmsFinePin{background:#f8fbff;border:2px solid #071017;border-radius:50%;width:21px;height:21px}.cmsFinePin span{background:#202832;border-radius:50%;width:7px;height:7px}.cmsFinePin.selected{outline-offset:1px;outline:3px solid #64dbff85}.cmsFinePin.puppet{background:#f8fbff}.cmsFinePin.fine{background:#9feaff;border-color:#0a2630}.cmsFinePin.fine span{background:#0b4050}.cmsFinePin.anchor{background:#ffd36a;border-color:#2d2411;border-radius:5px;transform:translate(-50%,-50%)rotate(45deg)}.cmsFinePin.anchor span{background:#2d2411;border-radius:1px;width:6px;height:6px}.cmsFinePin.anchor.selected{outline-color:#ffd36a8c}.cmsFineStrokeOverlay{z-index:203;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0;overflow:visible}.cmsFineStrokeOverlay polyline{fill:none;stroke:#64dbff;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:5 4;vector-effect:non-scaling-stroke}.cmsFineStrokePoint{background:#64dbff;border:2px solid #071017;border-radius:50%;width:18px;height:18px}.cmsFineStrokePoint span{background:#fff;border-radius:50%;width:6px;height:6px}.cmsFineStrokePoint:hover{transform:translate(-50%,-50%)scale(1.12)}[data-cms-fine-tune-host]{display:contents}@media (max-width:820px){.cmsFineTunePanel{top:auto;left:8px;right:8px;bottom:calc(78px + env(safe-area-inset-bottom));z-index:260;border-radius:15px;width:auto;max-height:48dvh;padding:9px}.cmsFineInfluenceRing,.cmsFineStrokeOverlay{z-index:252}.cmsFinePin,.cmsFineStrokePoint{z-index:256;width:23px;height:23px}.cmsFineTunePanel button,.cmsFineTunePanel select{min-height:35px}.cmsFineTuneActions{gap:5px}.cmsDeformTabs{gap:4px}.cmsDeformLegend em{display:none}.cmsFineController{padding:7px}.cmsFineTuneStrokeRow{align-items:flex-start}.cmsFineTuneDensity{flex-wrap:wrap;justify-content:flex-end}.cmsStrokeActions{grid-template-columns:1fr}.cmsStrokeActions span{text-align:left;max-width:none}}@media (min-width:821px){.cmsFineTunePanel{z-index:190}.cmsFineInfluenceRing,.cmsFineStrokeOverlay{z-index:184}.cmsFinePin,.cmsFineStrokePoint{z-index:188}}