:root{
  --bg:#0b0c0f;--panel:rgba(20,21,25,.86);--panelSolid:#15161a;--line:rgba(255,255,255,.075);
  --text:#f5f5f3;--muted:rgba(255,255,255,.48);--faint:rgba(255,255,255,.28);
  --ease:cubic-bezier(.22,1,.36,1);--spring:cubic-bezier(.16,1,.3,1);
}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","PingFang SC",sans-serif;color:var(--text)}body{background:radial-gradient(95% 56% at 50% 38%,#1b1d22 0%,#111216 50%,#0a0b0d 100%)}button{font:inherit}#app{position:fixed;inset:0;touch-action:none;user-select:none;-webkit-user-select:none;overflow:hidden}#app:after{content:"";position:absolute;left:50%;bottom:13.5%;width:min(58vw,300px);height:44px;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(0,0,0,.34),transparent 68%);filter:blur(11px);opacity:.58;pointer-events:none;z-index:1}#focusExit{position:fixed;top:max(16px,env(safe-area-inset-top));left:16px;width:42px;height:42px;border:1px solid rgba(255,255,255,.10);border-radius:999px;background:rgba(15,16,19,.62);color:#fff;display:none;place-items:center;z-index:40;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 12px 36px rgba(0,0,0,.28)}#focusExit svg{width:19px;height:19px}.focusMode #topbar,.focusMode #bottomNav,.focusMode #viewControls{opacity:0;pointer-events:none;transform:translateY(12px)}.focusMode #topbar{transform:translateY(-10px)}.focusMode #app:after{opacity:.82;transform:translateX(-50%) scale(1.12)}#gl{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab;z-index:2}#gl:active{cursor:grabbing}#fallbackCard{position:absolute;left:50%;top:47%;width:min(78vw,350px);aspect-ratio:3/4;transform:translate(-50%,-50%) rotateX(2deg) rotateY(-3deg);transform-style:preserve-3d;border-radius:22px;overflow:hidden;box-shadow:0 34px 86px rgba(0,0,0,.34),0 1px 0 rgba(255,255,255,.06) inset;background:#747474;z-index:1;transition:opacity .28s ease}#fallbackCard img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.rendererReady #fallbackCard{opacity:0;pointer-events:none}#topbar{transition:opacity .28s ease,transform .38s var(--spring);position:fixed;left:0;right:0;top:0;min-height:calc(58px + env(safe-area-inset-top));padding:max(12px,env(safe-area-inset-top)) 18px 8px;display:grid;grid-template-columns:42px 1fr 42px;align-items:center;z-index:8;pointer-events:none;background:linear-gradient(to bottom,rgba(9,10,12,.54),rgba(9,10,12,0))}.topIcon{width:38px;height:38px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:rgba(20,21,25,.42);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:rgba(255,255,255,.82);display:grid;place-items:center;padding:0;pointer-events:auto}.topIcon svg{width:18px;height:18px}.topIcon:active{transform:scale(.96)}#projectTitle{text-align:center;line-height:1.08;pointer-events:none}.projectEyebrow{font-size:9px;letter-spacing:.16em;color:rgba(255,255,255,.28);font-weight:650}.projectName{font-size:14px;font-weight:670;letter-spacing:.01em;margin-top:4px}#mode{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;padding:4px;border:1px solid rgba(255,255,255,.085);background:rgba(20,21,25,.66);border-radius:999px;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 14px 38px rgba(0,0,0,.18);z-index:8;transition:opacity .2s,transform .32s var(--spring)}.sheetOpen #mode{opacity:0;transform:translate(-50%,12px);pointer-events:none}#mode button{border:0;background:transparent;color:rgba(255,255,255,.42);font:620 12px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;padding:9px 15px;border-radius:999px;transition:.26s var(--ease);min-width:64px}#mode button.active{background:rgba(255,255,255,.115);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.035)}#motion{position:fixed;right:16px;bottom:calc(98px + env(safe-area-inset-bottom));display:none;border:1px solid rgba(255,255,255,.08);background:rgba(20,21,25,.62);color:rgba(255,255,255,.58);border-radius:999px;padding:9px 12px;font-size:11px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:9}#bottomNav{transition:opacity .28s ease,transform .38s var(--spring);position:fixed;left:12px;right:12px;bottom:max(10px,env(safe-area-inset-bottom));height:70px;border:1px solid rgba(255,255,255,.065);background:rgba(18,19,22,.78);backdrop-filter:blur(28px) saturate(1.25);-webkit-backdrop-filter:blur(28px) saturate(1.25);border-radius:24px;display:grid;grid-template-columns:repeat(2,1fr);align-items:center;padding:6px;z-index:25;box-shadow:0 14px 44px rgba(0,0,0,.25)}.navBtn{border:0;background:transparent;color:rgba(255,255,255,.36);height:58px;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:10px;font-weight:620;letter-spacing:.01em;transition:.25s var(--ease)}.navBtn svg{width:20px;height:20px;stroke-width:1.65}.navBtn.active{color:#f5f5f3;background:rgba(255,255,255,.065)}#sheetBackdrop{position:fixed;inset:0;background:rgba(0,0,0,.28);opacity:0;pointer-events:none;transition:.26s ease;z-index:18}.sheetOpen #sheetBackdrop{opacity:1;pointer-events:auto}#sheet{position:fixed;left:8px;right:8px;bottom:calc(88px + env(safe-area-inset-bottom));max-height:min(60vh,650px);background:linear-gradient(180deg,rgba(24,25,29,.96),rgba(18,19,22,.975));border:1px solid rgba(255,255,255,.08);border-radius:28px;box-shadow:0 30px 80px rgba(0,0,0,.44);backdrop-filter:blur(32px) saturate(1.18);-webkit-backdrop-filter:blur(32px) saturate(1.18);z-index:22;transform:translateY(calc(100% + 120px));opacity:.35;transition:transform .48s var(--spring),opacity .3s ease;display:flex;flex-direction:column;overflow:hidden}.sheetOpen #sheet{transform:translateY(0);opacity:1}.sheetHandle{width:36px;height:4px;border-radius:999px;background:rgba(255,255,255,.13);margin:10px auto 2px;flex:0 0 auto}#sheetHeader{height:56px;padding:4px 16px 8px 20px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex:0 0 auto}.sheetTitleWrap{min-width:0}.sheetTitle{font-size:18px;font-weight:690;letter-spacing:-.015em}.sheetSubtitle{font-size:10px;color:rgba(255,255,255,.32);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sheetClose{width:34px;height:34px;border:0;border-radius:12px;background:rgba(255,255,255,.055);color:rgba(255,255,255,.6);display:grid;place-items:center;font-size:18px}#panel{min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;padding:0 14px 20px;scrollbar-width:none}#panel::-webkit-scrollbar{display:none}.sectionLabel{font-size:10px;text-transform:none;letter-spacing:.02em;color:rgba(255,255,255,.30);margin:16px 5px 9px;font-weight:600}.materialGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.materialCard{position:relative;border:1px solid rgba(255,255,255,.065);background:rgba(255,255,255,.035);border-radius:18px;padding:8px;text-align:left;color:#fff;min-width:0;transition:.23s var(--ease)}.materialCard.active{border-color:rgba(255,255,255,.30);background:rgba(255,255,255,.075);box-shadow:0 0 0 1px rgba(255,255,255,.035) inset}.materialCard:active{transform:scale(.985)}.matSample{height:72px;border-radius:13px;overflow:hidden;position:relative;background:#555;box-shadow:inset 0 0 0 1px rgba(255,255,255,.10)}.matSample:after{content:"";position:absolute;inset:-30%;background:linear-gradient(108deg,transparent 35%,rgba(255,255,255,.38) 50%,transparent 64%);transform:translateX(-42%) rotate(4deg);opacity:.38}.materialCard.active .matSample:after{opacity:.68}.mat-paper{background:linear-gradient(135deg,#666,#4f4f4f)}.mat-matte{background:linear-gradient(130deg,#797979,#5d5d5d 48%,#737373)}.mat-stripe{background:repeating-linear-gradient(104deg,rgba(255,255,255,.13) 0 3px,rgba(255,255,255,0) 3px 11px),linear-gradient(120deg,#4b5058 0 22%,#607881 34%,#d5d2bd 47%,#a97898 57%,#4e5964 73%,#41464d 100%)}.mat-cloud{background:radial-gradient(ellipse at 25% 18%,rgba(84,207,255,.58),transparent 27%),radial-gradient(ellipse at 68% 54%,rgba(191,92,235,.46),transparent 34%),radial-gradient(ellipse at 92% 82%,rgba(103,255,219,.32),transparent 28%),linear-gradient(135deg,#454b55,#64606d)}.mat-flow{background:linear-gradient(118deg,#666 10%,#a5a7a8 28%,#5e6870 47%,#a58ea0 64%,#61666b 83%)}.mat-prism{background:conic-gradient(from 210deg,#637b8c,#a48ea7,#90aa9a,#cfb78f,#7e91a5,#637b8c)}.mat-silver{background:linear-gradient(105deg,#383b3e 0%,#d0d1d0 38%,#6d7073 55%,#e6e6e3 72%,#55585b 100%)}.mat-native{background:linear-gradient(120deg,#686f78,#bdd4d0 26%,#a08faf 48%,#d1c89f 67%,#737a82)}.mat-native-prism{background:conic-gradient(from 70deg,#c2c2bf,#7da7b8,#b390b6,#d1c17e,#7aa99b,#d0d1cf)}.mat-porcelain{background:linear-gradient(117deg,#f2f1eb,#d9e6e7 36%,#faf9f2 54%,#e9dfe3 68%,#f1f0e9)}.mat-gold{background:linear-gradient(108deg,#2f1804 0%,#b96b0a 18%,#ffd56a 36%,#7b3904 52%,#ffb91f 68%,#fff0a0 78%,#613006 100%)}.mat-cosmos{background:radial-gradient(circle at 26% 32%,rgba(255,255,255,.78) 0 2px,transparent 3px),radial-gradient(circle at 68% 62%,rgba(171,210,255,.75) 0 5px,transparent 7px),radial-gradient(circle at 52% 20%,rgba(255,197,238,.75) 0 3px,transparent 5px),linear-gradient(135deg,#464b55,#6e6478)}.mat-radiant{background:repeating-linear-gradient(45deg,rgba(255,255,255,.28) 0 2px,transparent 2px 13px),repeating-linear-gradient(-45deg,rgba(173,216,255,.22) 0 2px,transparent 2px 15px),linear-gradient(135deg,#565c66,#77717d)}.mat-water{background:radial-gradient(ellipse at 20% 42%,transparent 0 16%,rgba(185,222,255,.35) 17% 20%,transparent 21% 34%),radial-gradient(ellipse at 72% 58%,transparent 0 18%,rgba(255,196,229,.28) 19% 23%,transparent 24% 37%),linear-gradient(135deg,#58636c,#6c6977)}.mat-stripe{background-image:url("./assets/art-d3b0e6317538c4b8.webp");background-size:cover;background-position:center}.mat-flow{background-image:url("./assets/art-b2c14de8c763e476.webp");background-size:cover;background-position:center}.mat-stripe:after,.mat-flow:after{display:none}.matName{font-size:12px;font-weight:650;margin:8px 4px 1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.matKind{font-size:9px;color:rgba(255,255,255,.31);margin:0 4px 3px}.layerHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:3px 2px 10px}.layerCount{font-size:11px;color:rgba(255,255,255,.33)}.addLayerBtn{border:0;background:#f1f1ef;color:#111;padding:9px 12px;border-radius:13px;font-size:11px;font-weight:700}.addLayerBtn:active{transform:scale(.98)}#layerList{display:flex;flex-direction:column;gap:8px}.layerRow{display:grid;grid-template-columns:50px minmax(0,1fr) auto;align-items:center;gap:11px;padding:8px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.028);border-radius:17px;transition:.22s var(--ease)}.layerRow.active{border-color:rgba(255,255,255,.20);background:rgba(255,255,255,.065)}.thumb{width:50px;height:50px;border-radius:13px;background:#24252a;object-fit:contain;box-shadow:inset 0 0 0 1px rgba(255,255,255,.045)}.layerName{font-size:13px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layerMeta{font-size:10px;color:rgba(255,255,255,.32);margin-top:4px}.baseTag{display:inline-flex;margin-left:6px;font-size:8px;color:rgba(255,255,255,.34);border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:2px 5px;vertical-align:1px}.rowBtns{display:flex;gap:4px}.iconBtn{width:29px;height:29px;border:0;border-radius:10px;background:rgba(255,255,255,.045);color:rgba(255,255,255,.46);font-size:13px}.iconBtn:disabled{opacity:.16}.layerEditor{margin-top:12px;padding:14px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.028);border-radius:20px}.layerEditorTop{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.editingLabel{font-size:9px;color:rgba(255,255,255,.28);letter-spacing:.04em}.editingName{font-size:15px;font-weight:680;margin-top:3px}.textActions{display:flex;gap:5px}.textBtn{border:0;background:rgba(255,255,255,.05);color:rgba(255,255,255,.62);padding:8px 10px;border-radius:11px;font-size:10px;font-weight:620}.textBtn.danger{color:#ff9e9e;background:rgba(255,78,78,.055)}.finishGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.finishCard{border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.028);color:rgba(255,255,255,.56);padding:7px;border-radius:14px;text-align:left;min-width:0}.finishCard.active{background:rgba(255,255,255,.095);border-color:rgba(255,255,255,.20);color:#fff}.finishSample{height:34px;border-radius:10px;margin-bottom:6px;background:#4b4c50;position:relative;overflow:hidden}.finish-normal{background:#55575b}.finish-gold{background:linear-gradient(118deg,#3a1d05,#f0a819 26%,#fff0a3 42%,#9a4e08 58%,#ffd562 76%,#6b3205)}.finish-silver{background:linear-gradient(120deg,#3e4145,#d3d5d5 40%,#6b7075 58%,#f1f1ef)}.finish-uv{background:linear-gradient(130deg,#3e4044,#3e4044);box-shadow:inset 0 0 14px rgba(255,255,255,.12)}.finish-uv:after{content:"";position:absolute;inset:-20%;background:linear-gradient(110deg,transparent 38%,rgba(255,255,255,.65) 49%,transparent 60%);transform:translateX(18%)}.finish-holo{background:linear-gradient(120deg,#50545b,#719fb2 28%,#aa8faf 48%,#c5b477 69%,#53666e)}.finishLabel{font-size:10px;font-weight:640;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compositionSeg{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;background:rgba(255,255,255,.035);padding:4px;border-radius:15px}.compositionBtn{border:0;background:transparent;color:rgba(255,255,255,.42);height:38px;border-radius:11px;font-size:11px;font-weight:650}.compositionBtn.active{background:rgba(255,255,255,.105);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.045)}.compositionHint{font-size:9px;color:rgba(255,255,255,.28);line-height:1.5;margin:7px 4px 0}.reliefSeg{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;background:rgba(255,255,255,.035);padding:4px;border-radius:15px}.reliefBtn{border:0;background:transparent;color:rgba(255,255,255,.42);height:36px;border-radius:11px;font-size:11px;font-weight:650}.reliefBtn.active{background:rgba(255,255,255,.105);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.045)}#addMenu{position:fixed;left:14px;right:14px;bottom:calc(96px + env(safe-area-inset-bottom));background:#1b1c20;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:9px;z-index:35;box-shadow:0 30px 80px rgba(0,0,0,.48);transform:translateY(calc(100% + 130px));transition:.36s var(--spring);pointer-events:none}.addMenuOpen #addMenu{transform:translateY(0);pointer-events:auto}.addOption{width:100%;border:0;background:rgba(255,255,255,.04);color:#f4f4f2;height:58px;border-radius:16px;display:flex;align-items:center;gap:12px;padding:0 16px;text-align:left;margin-bottom:6px}.addOption:last-child{margin-bottom:0}.addIcon{width:31px;height:31px;border-radius:10px;background:rgba(255,255,255,.07);display:grid;place-items:center;font-size:15px}.addText b{font-size:12px}.addText small{display:block;color:rgba(255,255,255,.32);font-size:9px;margin-top:3px}#uploadInput,#replaceInput{display:none}#toast{position:fixed;left:50%;bottom:calc(98px + env(safe-area-inset-bottom));transform:translateX(-50%) translateY(10px);opacity:0;background:rgba(28,29,33,.94);color:#fff;padding:9px 12px;border-radius:11px;font-size:11px;transition:.25s;pointer-events:none;white-space:nowrap;z-index:50;box-shadow:0 16px 40px rgba(0,0,0,.24)}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.sheetOpen #toast{bottom:calc(96px + env(safe-area-inset-bottom))}#error{position:fixed;inset:max(72px,env(safe-area-inset-top)) 16px auto;padding:12px;border-radius:14px;background:rgba(42,10,12,.94);color:#ffc0c0;font:11px/1.55 ui-monospace,monospace;display:none;z-index:60}
@media(min-width:760px){#bottomNav{left:50%;right:auto;width:390px;transform:translateX(-50%)}#sheet{left:50%;right:auto;width:480px;transform:translate(-50%,calc(100% + 120px))}.sheetOpen #sheet{transform:translate(-50%,0)}#addMenu{left:50%;right:auto;width:460px;transform:translate(-50%,calc(100% + 130px))}.addMenuOpen #addMenu{transform:translate(-50%,0)}#fallbackCard{width:min(34vw,340px)}.materialGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.matSample{height:68px}}
@media(max-height:720px){#fallbackCard{width:min(62vw,265px);top:46%}#sheet{max-height:62vh}}#projectHome{position:fixed;inset:0;z-index:80;background:radial-gradient(90% 62% at 50% 18%,#1a1c21 0,#101115 52%,#090a0d 100%);padding:max(18px,env(safe-area-inset-top)) 18px max(22px,env(safe-area-inset-bottom));transform:translateX(-102%);opacity:.85;transition:transform .48s var(--spring),opacity .3s ease;overflow:auto;-webkit-overflow-scrolling:touch}.homeOpen #projectHome{transform:translateX(0);opacity:1}.homeTop{max-width:920px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px}.homeBrand small{display:block;font-size:9px;letter-spacing:.17em;color:rgba(255,255,255,.30);font-weight:700}.homeBrand h1{font-size:24px;letter-spacing:-.035em;margin:5px 0 0;font-weight:720}.newProjectBtn{border:0;background:#f2f2ef;color:#111;border-radius:15px;padding:11px 14px;font-weight:740;font-size:12px;box-shadow:0 12px 30px rgba(0,0,0,.20)}.homeLead{max-width:920px;margin:34px auto 14px;font-size:11px;color:rgba(255,255,255,.34)}.projectCard{border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.035);border-radius:22px;padding:10px;color:#fff;text-align:left;transition:.25s var(--ease)}.projectCard:active{transform:scale(.986)}.projectThumb{aspect-ratio:3/4;border-radius:16px;background:#24252a center/cover no-repeat;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.045)}.projectCardTitle{font-size:13px;font-weight:680;margin:10px 4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.projectMeta{font-size:9px;color:rgba(255,255,255,.30);margin:4px 4px 2px}.homeEmpty{grid-column:1/-1;border:1px dashed rgba(255,255,255,.11);border-radius:22px;padding:44px 20px;text-align:center;color:rgba(255,255,255,.35);font-size:12px}#projectMenuBackdrop,#renameBackdrop{position:fixed;inset:0;z-index:88;background:rgba(0,0,0,.34);opacity:0;pointer-events:none;transition:.2s ease}.projectMenuOpen #projectMenuBackdrop,.renameOpen #renameBackdrop{opacity:1;pointer-events:auto}#projectMenu{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:90;background:rgba(24,25,29,.97);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:7px;transform:translateY(calc(100% + 40px));transition:.38s var(--spring);box-shadow:0 28px 70px rgba(0,0,0,.46)}.projectMenuOpen #projectMenu{transform:translateY(0)}.projectMenuItem{width:100%;border:0;background:transparent;color:#f4f4f2;text-align:left;padding:14px 14px;border-radius:16px;font-size:13px}.projectMenuItem:active{background:rgba(255,255,255,.06)}.projectMenuItem.danger{color:#ff9c9c}.projectMenuDivider{height:1px;background:rgba(255,255,255,.06);margin:3px 8px}#renameBox{position:fixed;left:50%;top:50%;z-index:92;width:min(88vw,360px);transform:translate(-50%,-46%) scale(.97);opacity:0;pointer-events:none;background:#1a1b20;border:1px solid rgba(255,255,255,.09);border-radius:24px;padding:18px;box-shadow:0 30px 90px rgba(0,0,0,.55);transition:.25s var(--spring)}.renameOpen #renameBox{transform:translate(-50%,-50%) scale(1);opacity:1;pointer-events:auto}.renameTitle{font-size:16px;font-weight:690}.renameInput{width:100%;margin:14px 0 12px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.05);color:#fff;border-radius:14px;padding:12px 13px;font-size:14px;outline:none}.renameInput:focus{border-color:rgba(255,255,255,.25)}.renameActions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.renameBtn{border:0;border-radius:13px;padding:11px;background:rgba(255,255,255,.065);color:#fff;font-weight:650}.renameBtn.primary{background:#f2f2ef;color:#111}.saveDot{display:inline-block;width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.22);margin-left:5px;vertical-align:1px;transition:.2s}.saving .saveDot{background:#d9b66f;box-shadow:0 0 0 4px rgba(217,182,111,.08)}
@media(min-width:760px){#projectMenu{left:50%;right:auto;width:360px;transform:translate(-50%,calc(100% + 40px))}.projectMenuOpen #projectMenu{transform:translate(-50%,0)}}#editContext{position:fixed;left:22px;bottom:calc(82px + env(safe-area-inset-bottom));z-index:24;font-size:9px;font-weight:700;letter-spacing:.10em;color:rgba(255,255,255,.24);pointer-events:none;text-transform:uppercase}#error{max-width:min(92vw,620px)!important;left:50%!important;right:auto!important;transform:translateX(-50%);top:calc(68px + env(safe-area-inset-top))!important;font-size:11px!important;line-height:1.45!important;border-radius:16px!important;padding:11px 14px!important}
@media(min-width:760px){#bottomNav{left:50%;right:auto;transform:translateX(-50%);width:360px}#editContext{left:calc(50% - 168px)}}body{background:radial-gradient(80% 58% at 50% 34%,#1b1d22 0%,#101115 55%,#090a0d 100%)}#app:after{bottom:15%;width:min(54vw,280px);opacity:.44}#topbar{padding:max(10px,env(safe-area-inset-top)) 14px 8px;grid-template-columns:44px 1fr 44px;background:linear-gradient(to bottom,rgba(8,9,11,.68),rgba(8,9,11,0))}.topIcon{width:40px;height:40px;border:0;border-radius:999px;background:rgba(24,25,29,.72);box-shadow:inset 0 0 0 1px rgba(255,255,255,.065),0 8px 24px rgba(0,0,0,.16)}.projectEyebrow{font-size:8px;letter-spacing:.13em;color:rgba(255,255,255,.25)}.projectName{font-size:15px;font-weight:650;margin-top:3px}#viewControls{transition:opacity .28s ease,transform .38s var(--spring);position:fixed;left:50%;bottom:calc(92px + env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;gap:8px;align-items:center;z-index:10;transition:opacity .2s,transform .3s var(--spring)}.sheetOpen #viewControls{opacity:0;transform:translate(-50%,10px);pointer-events:none}#mode{position:static;transform:none;display:flex;padding:4px;border:0;background:rgba(24,25,29,.72);border-radius:999px;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.065),0 10px 34px rgba(0,0,0,.18);transition:none}.sheetOpen #mode{opacity:1;transform:none}#mode button{padding:9px 14px;min-width:58px;font-size:11px}#mode button.active{background:rgba(255,255,255,.12);box-shadow:none}#motion{position:static;display:flex;align-items:center;gap:6px;height:42px;border:0;background:rgba(24,25,29,.72);color:rgba(255,255,255,.52);border-radius:999px;padding:0 12px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.065),0 10px 34px rgba(0,0,0,.18);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);font-size:10px;font-weight:650}#motion svg{width:16px;height:16px;stroke-width:1.7}#motion.active{color:#e9fbff;background:rgba(87,166,188,.18);box-shadow:inset 0 0 0 1px rgba(137,218,236,.24),0 10px 34px rgba(0,0,0,.18)}#motion.denied{color:#ffb2b2;background:rgba(142,52,52,.15)}#bottomNav{left:50%;right:auto;bottom:max(12px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(calc(100vw - 28px),360px);height:64px;border:0;background:rgba(20,21,25,.88);border-radius:22px;padding:5px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.065),0 16px 46px rgba(0,0,0,.32);grid-template-columns:repeat(3,1fr)}.navBtn{height:54px;border-radius:17px;flex-direction:row;gap:8px;font-size:11px;color:rgba(255,255,255,.48)}.navBtn svg{width:19px;height:19px}.navBtn.active{background:rgba(255,255,255,.075);color:#fff}#sheet{left:max(8px,calc(50% - 280px));right:max(8px,calc(50% - 280px));bottom:calc(84px + env(safe-area-inset-bottom));max-height:min(55vh,620px);border-radius:30px;background:rgba(20,21,25,.965);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07),0 34px 90px rgba(0,0,0,.48);border:0}#sheetHeader{height:58px}.sheetTitle{font-size:17px}.sheetSubtitle{font-size:9px}.sheetClose{border-radius:999px}.materialGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.materialCard{border:0;background:rgba(255,255,255,.035);box-shadow:inset 0 0 0 1px rgba(255,255,255,.055)}.materialCard.active{box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.26);background:rgba(255,255,255,.07)}.layerRow{border:0;background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}.layerRow.active{box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.19);background:rgba(255,255,255,.065)}#projectHome{background:radial-gradient(80% 58% at 50% 12%,#1c1e23 0,#101115 52%,#090a0d 100%);padding:max(22px,env(safe-area-inset-top)) 16px max(28px,env(safe-area-inset-bottom))}.homeBrand small{font-size:8px}.homeBrand h1{font-size:27px}.homeLead{margin-top:30px;color:rgba(255,255,255,.3)}.projectCard{position:relative;border:0;background:transparent;border-radius:22px;padding:0;text-align:left;overflow:visible}.projectOpen{display:block;width:100%;border:0;background:rgba(255,255,255,.035);padding:8px;border-radius:22px;color:#fff;text-align:left;box-shadow:inset 0 0 0 1px rgba(255,255,255,.055);transition:.2s var(--ease)}.projectOpen:active{transform:scale(.985)}.projectThumb{border-radius:16px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}.projectCardTitle{margin:10px 3px 0}.projectMeta{margin-left:3px}.projectDeleteMini{position:absolute;right:14px;top:14px;width:34px;height:34px;border:0;border-radius:999px;background:rgba(13,14,17,.68);color:rgba(255,255,255,.7);display:grid;place-items:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.075);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:3}.projectDeleteMini svg{width:16px;height:16px}#projectDeleteBackdrop{position:fixed;inset:0;background:rgba(0,0,0,.42);opacity:0;pointer-events:none;transition:.2s;z-index:95}.projectDeleteOpen #projectDeleteBackdrop{opacity:1;pointer-events:auto}#projectDeleteBox{position:fixed;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));width:min(calc(100vw - 28px),390px);transform:translate(-50%,calc(100% + 80px));opacity:.5;background:#1b1c20;border-radius:26px;padding:20px;z-index:96;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07),0 26px 70px rgba(0,0,0,.45);transition:.32s var(--spring)}.projectDeleteOpen #projectDeleteBox{transform:translate(-50%,0);opacity:1}.deleteTitle{font-size:18px;font-weight:700}.deleteSub{font-size:11px;line-height:1.5;color:rgba(255,255,255,.38);margin-top:6px}.deleteActions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.deleteBtn{height:44px;border:0;border-radius:14px;background:rgba(255,255,255,.07);color:#fff;font-weight:650}.deleteBtn.danger{background:#c94444;color:#fff}
@media(max-width:480px){#fallbackCard{width:min(80vw,345px);top:45%}.projectCardTitle{font-size:12px}.projectMeta{font-size:8px}}
@media(pointer:fine){#motion{display:none}}.materialTuning{margin:4px 2px 16px;padding:14px 15px;border-radius:18px;background:rgba(255,255,255,.045);box-shadow:inset 0 0 0 1px rgba(255,255,255,.075)}.tuningHeading{display:flex;justify-content:space-between;align-items:center;color:#f2f2f3;font-size:12px;font-weight:650}.tuningValue{display:flex;align-items:center;gap:7px;font-size:11px;color:rgba(255,255,255,.66)}.tuningDot{height:18px;width:18px;border-radius:50%;background:hsl(var(--flow-hue,190) 80% 65%);box-shadow:0 0 14px hsl(var(--flow-hue,190) 85% 60% / .35)}.hueBar{display:block;width:100%;height:24px;margin:15px 0 8px;appearance:none;-webkit-appearance:none;border:0;border-radius:999px;background:linear-gradient(90deg,#ff6773,#ffbe62,#ffe96a,#61dba1,#66daef,#6f83ee,#d77be9,#ff6773);touch-action:auto;cursor:pointer}.hueBar::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:25px;height:25px;border:3px solid #fff;border-radius:50%;background:hsl(var(--flow-hue,190) 80% 65%);box-shadow:0 2px 9px rgba(0,0,0,.42)}.hueBar::-moz-range-thumb{width:19px;height:19px;border:3px solid #fff;border-radius:50%;background:hsl(var(--flow-hue,190) 80% 65%);box-shadow:0 2px 9px rgba(0,0,0,.42)}.tuningHint{font-size:10px;color:rgba(255,255,255,.42);line-height:1.55}.maskActions{display:flex;gap:8px;margin:12px 0 8px}.maskAction{border:0;border-radius:10px;padding:9px 11px;background:rgba(255,255,255,.10);color:#f0f0f0;font-size:11px;font-weight:600}.maskAction.secondary{background:transparent;color:rgba(255,255,255,.56);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}.mat-flow{filter:hue-rotate(var(--flow-thumb-shift,0deg))}.mat-stripe{background-image:url("./assets/art-aef684c34c729bb5.webp");background-size:cover;background-position:center}.mat-cloud{background-image:url("./assets/art-cdd676069505b30a.webp");background-size:cover;background-position:center}.mat-flow{background-image:url("./assets/art-f831f05d876c6d8e.webp");background-size:cover;background-position:center}.mat-prism{background-image:url("./assets/art-886ca4005b292c0c.webp");background-size:cover;background-position:center}.mat-cosmos{background-image:url("./assets/art-76c2ad51c0c740f2.webp");background-size:cover;background-position:center}.mat-water{background-image:url("./assets/art-e8a177e6efd33f61.webp");background-size:cover;background-position:center}.mat-porcelain{background-image:url("./assets/art-74f69937e8c3b110.webp");background-size:cover;background-position:center}.mat-cloud:after,.mat-prism:after,.mat-cosmos:after,.mat-water:after,.mat-porcelain:after{display:none}:root{--gold:#d6b987;--gold-soft:rgba(214,185,135,.52);--ink:#0a0d12}body{background:radial-gradient(ellipse 90% 56% at 50% 47%,#20242b 0%,#11151b 54%,#080a0e 100%)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 0 47%,rgba(255,255,255,.015) 50%,transparent 53%),radial-gradient(circle at 50% 40%,transparent 25%,rgba(0,0,0,.25) 100%);z-index:0}button{cursor:pointer}button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}#projectHome{z-index:80;background:radial-gradient(ellipse 92% 47% at 48% 15%,#252b32 0%,#11161c 58%,#090c10 100%);padding:max(25px,env(safe-area-inset-top)) clamp(18px,4vw,42px) max(40px,env(safe-area-inset-bottom));transform:translateX(-102%)}.homeOpen #projectHome{transform:translateX(0)}.homeTop,.atlasHero,.collectionHead,.atlasFoot{max-width:1040px;margin-left:auto;margin-right:auto}.homeTop{align-items:flex-start}.homeBrand small{color:var(--gold);letter-spacing:.27em;font-size:10px}.homeBrand h1{font-size:clamp(28px,6vw,45px);letter-spacing:.025em;font-weight:550;margin-top:11px}.newProjectBtn{background:var(--gold);border-radius:999px;padding:12px 16px;letter-spacing:.03em;box-shadow:0 14px 36px rgba(0,0,0,.28)}.atlasHero{position:relative;margin-top:32px;min-height:330px;border:1px solid rgba(214,185,135,.22);border-radius:30px;overflow:hidden;background:radial-gradient(circle at 67% 41%,rgba(138,160,167,.17),transparent 38%),linear-gradient(145deg,#20272c,#10151a 62%,#121417);display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,44%);align-items:center}.atlasHero:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(214,185,135,.04) 1px,transparent 1px),linear-gradient(rgba(214,185,135,.04) 1px,transparent 1px);background-size:35px 35px;mask-image:linear-gradient(90deg,transparent,#000)}.heroCopy{position:relative;z-index:2;padding:32px clamp(20px,4vw,48px)}.atlasKicker{font:600 10px/1.4 ui-monospace,SFMono-Regular,monospace;letter-spacing:.24em;color:var(--gold)}.heroCopy h2{font-size:clamp(28px,5vw,54px);font-weight:500;line-height:1.13;letter-spacing:.025em;margin:18px 0 14px;max-width:10em}.heroCopy p{color:#9fa6aa;font-size:12px;line-height:1.9;max-width:27em;margin:0 0 24px}.heroActions{display:flex;gap:10px;flex-wrap:wrap}.heroAction{border:1px solid rgba(214,185,135,.45);background:rgba(214,185,135,.12);color:#f0d8ac;padding:11px 17px;border-radius:999px;font-size:12px;font-weight:650}.heroAction.secondary{background:transparent;border-color:rgba(255,255,255,.15);color:#d8dde0}.heroArt{position:relative;z-index:1;height:100%;min-height:330px;display:grid;place-items:center;overflow:hidden}.heroArt:before{content:"";width:220px;height:220px;position:absolute;border-radius:50%;border:1px solid rgba(214,185,135,.18);box-shadow:0 0 0 58px rgba(214,185,135,.035),0 0 0 118px rgba(214,185,135,.02)}.heroCard{height:270px;aspect-ratio:3/4;object-fit:cover;border-radius:15px;transform:rotate(-8deg) translateY(14px);box-shadow:0 28px 58px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.18);background:#252932}.heroNumber{position:absolute;right:22px;bottom:20px;color:rgba(214,185,135,.6);font:11px ui-monospace,SFMono-Regular,monospace;letter-spacing:.22em}.collectionHead{display:flex;justify-content:space-between;align-items:end;margin-top:36px;margin-bottom:17px}.collectionHead h2{margin:7px 0 0;font-size:20px;font-weight:550;letter-spacing:.06em}.collectionHead .atlasCount{font:11px ui-monospace,SFMono-Regular,monospace;color:#aeb6b9}.projectOpen{background:rgba(255,255,255,.025);padding:7px 7px 12px;border-radius:19px;box-shadow:inset 0 0 0 1px rgba(214,185,135,.13);transition:transform .25s,box-shadow .25s}.projectOpen:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px rgba(214,185,135,.42),0 18px 35px rgba(0,0,0,.22)}.projectThumb{border-radius:13px;background-color:#252a2e}.projectCardTitle{font-size:12px;font-weight:580;letter-spacing:.025em}.projectMeta{font-size:9px;color:#888f94;line-height:1.5}.projectBadge{font:9px ui-monospace,SFMono-Regular,monospace;color:var(--gold);letter-spacing:.15em;margin:10px 3px 0}.projectDeleteMini{width:30px;height:30px;right:12px;top:12px;opacity:.64}.projectDeleteMini:hover{opacity:1}.atlasFoot{font:10px ui-monospace,SFMono-Regular,monospace;color:#687078;letter-spacing:.16em;margin-top:32px;padding-top:17px;border-top:1px solid rgba(214,185,135,.12)}#detailUI{position:fixed;inset:0;pointer-events:none;z-index:7;opacity:0;transition:opacity .3s ease}.detailMode #detailUI{opacity:1}.detailMode #topbar,.detailMode #bottomNav,.detailMode #viewControls{opacity:0;pointer-events:none}.editMode #detailUI{opacity:0}.editMode #topbar,.editMode #bottomNav,.editMode #viewControls{opacity:1;pointer-events:auto}.detailTop{position:absolute;top:max(18px,env(safe-area-inset-top));left:clamp(16px,4vw,40px);right:clamp(16px,4vw,40px);display:flex;justify-content:space-between;align-items:start}.detailBack,.detailIcon{pointer-events:auto;border:1px solid rgba(214,185,135,.23);background:rgba(15,19,24,.72);backdrop-filter:blur(18px);color:#f3eee4;border-radius:999px;height:42px;padding:0 15px;font-size:12px;letter-spacing:.06em}.detailIcon{width:42px;padding:0;font-size:18px}.detailOverline{text-align:center;color:var(--gold);font:10px ui-monospace,SFMono-Regular,monospace;letter-spacing:.2em}.detailOverline small{display:block;color:#89939a;letter-spacing:.1em;margin-top:5px}.detailBottom{position:absolute;left:50%;bottom:max(22px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(calc(100% - 36px),480px);pointer-events:auto;background:linear-gradient(150deg,rgba(31,37,42,.94),rgba(14,18,23,.96));border:1px solid rgba(214,185,135,.25);border-radius:24px;padding:17px 18px 18px;box-shadow:0 26px 60px rgba(0,0,0,.38);backdrop-filter:blur(22px)}.detailId{color:var(--gold);font:10px ui-monospace,SFMono-Regular,monospace;letter-spacing:.2em}.detailBottom h2{font-size:19px;letter-spacing:.035em;font-weight:560;margin:8px 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detailMeta{font-size:10px;color:#9ea9ab;line-height:1.6}.detailActions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:17px}.detailAction{border:1px solid rgba(255,255,255,.13);border-radius:12px;color:#e9e9e5;background:rgba(255,255,255,.045);height:42px;font-size:11px;font-weight:650}.detailAction.primary{border-color:var(--gold);background:var(--gold);color:#172024}.detailHint{margin:10px 0 0;text-align:center;color:#737e83;font-size:9px;letter-spacing:.02em}.navBtn.finish{color:#e7c898}.navBtn.finish svg{stroke:currentColor}.focusMode #topbar,.focusMode #bottomNav,.focusMode #viewControls{opacity:0;pointer-events:none}#exportSheet{position:fixed;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));z-index:100;width:min(calc(100vw - 28px),390px);transform:translate(-50%,calc(100% + 45px));opacity:0;pointer-events:none;background:#1b2025;border:1px solid rgba(214,185,135,.25);border-radius:24px;padding:19px;box-shadow:0 28px 70px #0009;transition:transform .3s var(--spring),opacity .3s}.exportOpen #exportSheet{transform:translate(-50%,0);opacity:1;pointer-events:auto}.exportOpen #exportBackdrop{opacity:1;pointer-events:auto}#exportBackdrop{position:fixed;inset:0;z-index:99;background:#0008;opacity:0;pointer-events:none;transition:opacity .25s}.exportTitle{color:#f1e8d8;font-size:17px;letter-spacing:.05em;margin-bottom:6px}.exportCaption{font-size:11px;color:#9ea9ad;line-height:1.6;margin-bottom:14px}.exportOption{display:block;width:100%;padding:13px 14px;text-align:left;border:1px solid rgba(214,185,135,.17);border-radius:14px;background:rgba(255,255,255,.035);color:#eee;margin-top:8px;font-size:13px}.exportOption small{display:block;color:#879096;font-size:10px;margin-top:4px}.exportOption:disabled{opacity:.45}.exportClose{width:100%;padding:11px;border:0;background:transparent;color:#9ea5a9;margin-top:8px}#recordBadge{position:fixed;top:calc(65px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);z-index:51;display:none;border:1px solid #da8279;border-radius:999px;background:#291f22;color:#ffe3dd;padding:10px 15px;font-size:11px;box-shadow:0 12px 30px #0008}.recording #recordBadge{display:block}.focusMode #detailUI{opacity:0;pointer-events:none}.focusMode #detailUI *{pointer-events:none}.recording #detailUI{opacity:0;pointer-events:none}
@media(max-width:600px){.atlasHero{grid-template-columns:1fr;min-height:440px}.heroCopy{padding:27px 24px 0}.heroCopy h2{font-size:31px;margin:10px 0 5px}.heroCopy p{margin-bottom:14px}.heroArt{min-height:215px;height:215px}.heroCard{height:205px;transform:rotate(-7deg) translate(36px,-4px)}.heroArt:before{width:160px;height:160px;transform:translateX(30px)}.heroNumber{bottom:16px}.collectionHead{margin-top:28px}.detailOverline{padding-top:4px;font-size:9px}.detailBottom{bottom:max(15px,env(safe-area-inset-bottom))}}
@media(min-width:760px){.detailBottom{bottom:26px}.detailMode #gl{cursor:grab}}:root{--accent:#bad6db;--accent-rgb:186,214,219;--surface:#131820;--line2:rgba(225,236,242,.13)}body{background:radial-gradient(ellipse 66% 52% at 50% 43%,#232b35 0,#11161e 59%,#080b10 100%)}body:before{background:radial-gradient(circle at 50% 47%,transparent 28%,rgba(0,0,0,.24) 100%)}#projectHome{left:50%;right:auto;width:min(100vw,460px);padding:max(18px,env(safe-area-inset-top)) 17px calc(108px + env(safe-area-inset-bottom));transform:translateX(calc(-50% - 100vw));opacity:1;background:linear-gradient(165deg,#171d26 0,#0d1118 47%,#090d13 100%);box-shadow:0 0 0 1px rgba(255,255,255,.06),0 0 90px #0007;transition:transform .42s var(--spring);scrollbar-width:none}#projectHome::-webkit-scrollbar{display:none}.homeOpen #projectHome{transform:translateX(-50%)}.homeTop{height:57px;align-items:center}.homeBrand small{font:700 9px/1 ui-monospace,SFMono-Regular,monospace;color:#87939c;letter-spacing:.16em}.brandDot{color:var(--accent);font-size:12px;padding-left:3px}.homeBrand h1{margin:5px 0 0;font-size:23px;line-height:1;font-weight:650;letter-spacing:.025em}.homeTopRight{display:flex;gap:12px;align-items:center}.homeTopRight #atlasCount{font:11px ui-monospace,SFMono-Regular,monospace;color:#86929a;letter-spacing:.14em}.newProjectBtn{width:38px;height:38px;padding:0;border-radius:12px;background:#242d36;color:#e9f0f1;border:1px solid #56636e;box-shadow:inset 0 1px #ffffff22;font-size:25px;font-weight:350;line-height:1}.homeSectionLabel{display:flex;justify-content:space-between;align-items:center;padding:19px 2px 10px;color:#a8b5bd;font-size:11px;font-weight:550;letter-spacing:.06em}.homeSectionLabel span:last-child{font:10px ui-monospace,SFMono-Regular,monospace;color:#65747f}.atlasHero{display:block;min-height:0;height:clamp(300px,40vh,390px);margin:0;border:1px solid rgba(var(--accent-rgb),.22);border-radius:19px;background:radial-gradient(ellipse 50% 40% at 50% 50%,#34414e 0%,#1c252e 50%,#141b23 100%);overflow:hidden}.atlasHero:before{inset:0;background:linear-gradient(90deg,transparent 49.8%,rgba(205,226,230,.13) 50%,transparent 50.2%),linear-gradient(transparent 49.8%,rgba(205,226,230,.13) 50%,transparent 50.2%);background-size:100% 100%;mask-image:none}.atlasHero:after{content:"";position:absolute;inset:10px;border:1px solid rgba(210,233,238,.09);border-radius:11px;pointer-events:none}.heroFrame{height:100%;position:relative;display:grid;place-items:center}.heroFrame:before{content:"";position:absolute;width:min(68vw,286px);height:min(68vw,286px);border-radius:50%;border:1px solid rgba(var(--accent-rgb),.12);box-shadow:0 0 0 36px rgba(var(--accent-rgb),.025),0 0 0 78px rgba(var(--accent-rgb),.014)}.frameCorner{position:absolute;width:15px;height:15px;border:solid rgba(var(--accent-rgb),.46);z-index:2}.frameCorner.tl{top:17px;left:17px;border-width:1px 0 0 1px}.frameCorner.tr{top:17px;right:17px;border-width:1px 1px 0 0}.frameCorner.bl{bottom:17px;left:17px;border-width:0 0 1px 1px}.frameCorner.br{bottom:17px;right:17px;border-width:0 1px 1px 0}.heroCard{position:relative;height:min(77%,310px);width:auto;aspect-ratio:3/4;object-fit:cover;border-radius:13px;transform:rotate(-4deg);box-shadow:0 24px 54px #0009,0 0 0 1px #ffffff32;transition:transform .45s var(--spring),filter .45s}.atlasHero:active .heroCard{transform:rotate(0) scale(.98)}.heroNumber{right:22px;bottom:21px;font:10px ui-monospace,SFMono-Regular,monospace;color:#97acb7;letter-spacing:.17em}.heroCopy{position:static;padding:15px 1px 0}.heroName{display:flex;align-items:center;justify-content:space-between;gap:12px}.heroCopy h2{font-size:17px;line-height:1.25;margin:0;font-weight:620;letter-spacing:.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.heroMaterial{font:10px ui-monospace,SFMono-Regular,monospace;color:#9eb2b9;white-space:nowrap}.heroActions{display:grid;grid-template-columns:1fr 90px;gap:8px;margin-top:12px}.heroAction{width:100%;height:43px;border-radius:12px;border:1px solid rgba(var(--accent-rgb),.38);background:linear-gradient(145deg,#c5dce0,#9db8bd);color:#17232c;padding:0 14px;text-align:left;font-size:12px;font-weight:720;box-shadow:inset 0 1px #ffffff6b}.heroAction span{float:right;font-size:17px;line-height:1}.heroAction.secondary{border:1px solid var(--line2);background:#252d37;color:#dce5e7;text-align:center;box-shadow:none}.collectionHead{margin:27px 0 11px;align-items:center}.collectionLabel{font-size:16px;font-weight:620;letter-spacing:.04em}.collectionLabel b{font:10px ui-monospace,SFMono-Regular,monospace;color:#80919a;margin-left:5px}.collectionFilters{display:flex;padding:3px;border-radius:10px;background:#1d252e}.collectionFilter{border:0;background:none;color:#83919b;font-size:11px;min-width:42px;height:27px;border-radius:7px}.collectionFilter.active{background:#35414c;color:#e7f0f2}.collectionSearch{height:38px;border:1px solid #ffffff16;background:#161d25;border-radius:11px;display:flex;align-items:center;padding:0 11px;margin-bottom:12px;color:#7e8e99}.collectionSearch svg{width:16px;height:16px;stroke-width:1.7}.collectionSearch input{min-width:0;flex:1;border:0;outline:0;background:none;color:#e9eff0;font:12px -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;padding:0 9px}.collectionSearch input::placeholder{color:#667681}.projectCard{min-width:0}.projectOpen{padding:6px 6px 10px;border-radius:14px;background:#1b232c;box-shadow:inset 0 0 0 1px #ffffff12}.projectOpen:hover{box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.45);transform:translateY(-2px)}.projectThumb{border-radius:9px;aspect-ratio:3/4}.projectBadge{font:9px ui-monospace,SFMono-Regular,monospace;letter-spacing:.08em;color:#8da5b0;margin:10px 3px 0}.projectBadge .star{float:right;color:#c6d8db;font-size:13px}.projectCardTitle{font-size:11px;font-weight:630;margin:5px 3px 0;line-height:1.25}.projectMeta{font-size:9px;margin:4px 3px 0;color:#788892}.projectDeleteMini{width:30px;height:30px;right:11px;top:11px;opacity:.8}#homeDock{position:fixed;bottom:max(12px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(calc(100% - 26px),410px);height:65px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;background:rgba(26,33,42,.94);border:1px solid #ffffff20;border-radius:20px;box-shadow:0 14px 45px #000b;backdrop-filter:blur(22px);z-index:10}.dockItem{border:0;background:none;color:#80919b;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;height:55px}.dockItem span{font-size:19px}.dockItem small{font-size:10px}.dockItem.active{color:#e2ecee}.dockCreate{justify-self:center;width:49px;height:49px;border:1px solid rgba(var(--accent-rgb),.55);border-radius:15px;background:#a7c5cb;color:#14212b;font-size:29px;font-weight:350;line-height:1;box-shadow:0 5px 16px #0006,inset 0 1px #ffffff91}.detailTop{top:max(16px,env(safe-area-inset-top));left:50%;right:auto;transform:translateX(-50%);width:min(calc(100vw - 28px),430px);align-items:center}.detailBack,.detailIcon{height:42px;min-width:42px;padding:0;border:1px solid #ffffff27;background:#1b222bc9;border-radius:12px;color:#e9f0f1;font-size:21px}.detailTopActions{display:flex;gap:7px}.detailIcon{font-size:20px}.detailIcon.isFavorite{color:#d8e9ec;border-color:#9cb8be}.detailOverline{font:10px ui-monospace,SFMono-Regular,monospace;letter-spacing:.12em;color:#a6b8c0}.detailBottom{bottom:max(14px,env(safe-area-inset-bottom));width:min(calc(100% - 28px),430px);padding:15px 16px 16px;border-radius:19px;background:linear-gradient(145deg,rgba(35,44,54,.96),rgba(16,22,30,.97));border:1px solid #ffffff24;box-shadow:0 20px 50px #0009}.detailId{font:10px ui-monospace,SFMono-Regular,monospace;color:#9db6be;letter-spacing:.1em}.detailTitleRow{display:flex;align-items:center;gap:8px}.detailBottom h2{font-size:18px;letter-spacing:.01em;font-weight:650;margin:6px 0 4px;flex:1}.detailMark{font-size:17px;color:#7897a2}.detailMeta{font-size:10px;color:#96a6ae}.detailActions{display:grid;grid-template-columns:1fr 1fr;margin-top:13px;gap:8px}.detailAction{height:43px;border-radius:11px;background:#2a3440;border-color:#ffffff22;font-size:12px}.detailAction.primary{background:#b9d2d7;border-color:#c6dce0;color:#14212a}#topbar{max-width:460px;left:50%;right:auto;width:100%;transform:translateX(-50%);background:linear-gradient(#0d121acc,transparent)}.projectEyebrow{letter-spacing:.17em;color:#82939c}.projectName{font-weight:620}.topIcon{background:#26313bc9;border:1px solid #ffffff20;border-radius:12px}#bottomNav{background:#1a222bdc;border:1px solid #ffffff1a;width:min(calc(100vw - 26px),410px);height:67px}.navBtn{font-size:10px;color:#9aadb6}.navBtn.active{background:#34424d}.navBtn.finish{color:#d4e3e7}#mode{background:#232e38}#mode button.active{background:#536875}#sheet{max-height:min(57vh,660px);background:linear-gradient(180deg,#26313b,#151d26);border:1px solid #ffffff1a}#sheetHeader{height:55px}.sheetTitle{font-size:16px}#exportSheet{background:#1e2832;border-color:#ffffff2c}.exportTitle{font-size:15px;color:#e7eef0}.exportOption{border-color:#ffffff25;background:#2a3540}.exportOption small{color:#92a4ae}#recordBadge{background:#292d34}.sheetSubtitle,.matKind,.tuningHint,.compositionHint{display:none}
@media(max-width:600px){.atlasHero{height:clamp(288px,39vh,370px);min-height:0;display:block}.heroCopy{padding:15px 1px 0}.heroCopy h2{font-size:17px;margin:0}.heroCard{height:min(77%,310px);transform:rotate(-4deg)}.heroNumber{bottom:21px}.collectionHead{margin-top:27px}.detailOverline{padding:0}.detailBottom{bottom:max(14px,env(safe-area-inset-bottom))}}
@media(max-height:700px){.atlasHero{height:285px}.detailBottom{padding:11px 14px}.detailActions{margin-top:9px}.detailBottom h2{font-size:16px}}
@media(prefers-reduced-motion:reduce){#projectHome,.heroCard,.projectOpen,.detailBottom,#sheet{transition-duration:.01ms!important}}:root{--accent:#dce6e8;--accent-rgb:220,230,232;--surface:#14171b;--line2:rgba(255,255,255,.11)}body{background:#0b0d10;color:#f2f3f3}body:before{background:radial-gradient(ellipse 72% 62% at 50% 44%,rgba(77,88,99,.24),transparent 68%)}#app:after{bottom:14%;width:min(58vw,290px);height:36px;opacity:.72;filter:blur(15px)}#topbar{top:0;height:calc(78px + env(safe-area-inset-top));padding:max(16px,env(safe-area-inset-top)) 16px 14px;max-width:460px;background:linear-gradient(180deg,rgba(9,11,14,.78),transparent);align-items:flex-start}.topIcon{width:42px;height:42px;border-radius:14px;background:rgba(24,28,33,.74);border:1px solid rgba(255,255,255,.12);box-shadow:none;backdrop-filter:blur(18px)}#projectTitle{padding-top:3px;cursor:pointer}.projectEyebrow{font-size:8px;color:#727d85;letter-spacing:.19em}.projectName{font-size:12px;max-width:210px;letter-spacing:.025em;font-weight:620;margin-top:4px}#viewControls{top:auto;bottom:calc(88px + env(safe-area-inset-bottom));gap:7px}#mode{height:35px;padding:3px;background:rgba(21,25,30,.78);border:1px solid rgba(255,255,255,.1);box-shadow:none;backdrop-filter:blur(16px)}#mode button{height:27px;min-width:48px;font-size:10px;color:#818b92}#mode button.active{background:#e0e7e8;color:#151a1f;box-shadow:none}#motion{width:35px;height:35px;background:rgba(21,25,30,.78);border:1px solid rgba(255,255,255,.1);box-shadow:none}#motion span{display:none}#motion svg{width:17px}#bottomNav{bottom:max(13px,env(safe-area-inset-bottom));height:64px;width:min(calc(100vw - 28px),404px);border-radius:20px;background:rgba(19,23,28,.91);border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 48px rgba(0,0,0,.52);backdrop-filter:blur(24px);padding:5px;gap:4px}.navBtn{height:52px;border-radius:15px;color:#8d989f;font-size:9px;gap:3px;letter-spacing:.02em}.navBtn svg{width:19px;height:19px}.navBtn.active{background:rgba(255,255,255,.09);color:#f0f3f3}.navBtn.finish{color:#f0f3f3;background:rgba(220,230,232,.08)}#sheet{width:min(100vw,460px);left:50%;right:auto;transform:translate(-50%,calc(100% + 38px));max-height:min(62vh,680px);border-radius:24px 24px 0 0;background:rgba(27,32,38,.98);border:1px solid rgba(255,255,255,.13);box-shadow:0 -20px 60px rgba(0,0,0,.48)}.sheetOpen #sheet{transform:translate(-50%,0)}.sheetHandle{background:#67727a}.sheetTitle{font-size:15px;letter-spacing:.01em}.sheetClose{background:rgba(255,255,255,.07);font-size:20px}.materialCard,.finishCard,.layerRow{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.08)}.materialCard.active,.finishCard.active,.layerRow.active{background:rgba(255,255,255,.09);border-color:rgba(225,235,237,.36)}#projectHome{inset:0 auto 0 50%;width:min(100vw,460px);height:100%;padding:max(20px,env(safe-area-inset-top)) 16px calc(28px + env(safe-area-inset-bottom));transform:translate(-50%,100%);background:#0e1115;box-shadow:0 -20px 70px #000b;transition:transform .38s var(--spring);z-index:80}.homeOpen #projectHome{transform:translate(-50%,0)}.newProjectBtn{width:66px;height:40px;border-radius:13px;border:1px solid rgba(255,255,255,.16);background:#e1e7e8;color:#151a1e;font-size:11px;font-weight:720}.projectCard{position:relative}.projectOpen{display:grid;grid-template-columns:68px 1fr;grid-template-rows:auto auto auto;column-gap:13px;width:100%;min-height:86px;padding:9px 48px 9px 9px;border-radius:16px;background:#171b20;border:1px solid rgba(255,255,255,.075);box-shadow:none;text-align:left}.projectOpen:hover{transform:none;box-shadow:none;border-color:rgba(255,255,255,.18)}.projectOpen:active{transform:scale(.988);background:#1c2127}.projectThumb{grid-column:1;grid-row:1/4;width:68px;height:68px;aspect-ratio:1;border-radius:11px;background-size:cover;background-position:center}.projectBadge{grid-column:2;grid-row:1;margin:4px 0 0;color:#68747c;font-size:8px;letter-spacing:.12em}.projectCardTitle{grid-column:2;grid-row:2;margin:2px 0 0;font-size:12px;font-weight:640;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.projectMeta{grid-column:2;grid-row:3;margin:2px 0 4px;color:#738088;font-size:9px}.projectDeleteMini{right:13px;top:28px;width:31px;height:31px;border-radius:10px;background:transparent;opacity:.58}.homeEmpty{padding:70px 0;text-align:center;color:#646e75;font-size:11px}#detailUI,.atlasHero,.heroCopy,.collectionHead,.collectionSearch,#homeDock{display:none!important}.detailMode #topbar,.detailMode #bottomNav,.detailMode #viewControls{opacity:1;pointer-events:auto}.editMode #topbar,.editMode #bottomNav,.editMode #viewControls{opacity:1;pointer-events:auto}.focusMode #topbar,.focusMode #bottomNav,.focusMode #viewControls{opacity:0;pointer-events:none}.focusMode #app:after{opacity:.42}
@media(max-height:700px){#viewControls{top:auto;bottom:calc(78px + env(safe-area-inset-bottom))}#bottomNav{height:58px}.navBtn{height:46px}#sheet{max-height:66vh}}
@media(prefers-reduced-motion:reduce){#projectHome,#sheet,.projectOpen{transition-duration:.01ms!important}}:root{--ui-ink:#eef3f4;--ui-muted:#849198;--ui-line:rgba(219,232,235,.13);--ui-panel:rgba(18,23,29,.92);--ui-accent:#bcd8dc}#topbar{padding-left:18px;padding-right:18px}.topIcon{width:40px;height:40px;border-radius:12px;background:rgba(17,21,26,.68);border-color:var(--ui-line);box-shadow:inset 0 1px rgba(255,255,255,.025)}.topIcon svg{width:18px;height:18px}#projectTitle{padding-top:2px}.projectEyebrow{font-size:7px;letter-spacing:.22em;color:#657179}.projectName{font-size:11px;letter-spacing:.045em;color:#e8edef}#viewControls{bottom:calc(82px + env(safe-area-inset-bottom))}#mode{height:32px;padding:3px;border-color:var(--ui-line);background:rgba(14,18,23,.82)}#mode button{height:24px;min-width:46px;font-size:9px;letter-spacing:.05em}#mode button.active{background:var(--ui-accent);color:#10171b}#motion{width:32px;height:32px;background:rgba(14,18,23,.82);border-color:var(--ui-line)}#bottomNav{width:min(calc(100vw - 42px),330px);height:58px;border-radius:18px;padding:4px;background:rgba(15,19,24,.92);border-color:var(--ui-line);box-shadow:0 22px 58px rgba(0,0,0,.58),inset 0 1px rgba(255,255,255,.025)}.navBtn{height:48px;border-radius:14px;font-size:8px;letter-spacing:.04em;color:#77838b}.navBtn svg{width:18px;height:18px}.navBtn.active{background:rgba(188,216,220,.10);color:#eaf2f3;box-shadow:inset 0 0 0 1px rgba(188,216,220,.13)}.navBtn.finish{background:transparent;color:#a9b8bd}#sheet{background:linear-gradient(180deg,rgba(29,36,43,.985),rgba(15,20,26,.99));border-color:rgba(229,239,241,.14);border-radius:28px 28px 0 0;box-shadow:0 -28px 80px rgba(0,0,0,.58)}.sheetHandle{width:34px;height:3px;background:#56636b}#sheetHeader{padding-left:22px;padding-right:17px}.sheetTitle{font-size:15px;font-weight:640;letter-spacing:.025em}.sheetClose{width:34px;height:34px;border-radius:11px;color:#aeb8bc}#panel{padding-left:15px;padding-right:15px}.sectionLabel{margin:18px 4px 9px;font-size:8px;letter-spacing:.15em;color:#66737b;text-transform:uppercase}.materialGrid{gap:8px}.materialCard{padding:7px;border-radius:15px;background:rgba(255,255,255,.025);border-color:rgba(255,255,255,.065)}.materialCard.active{background:rgba(188,216,220,.065);border-color:rgba(188,216,220,.36);box-shadow:inset 0 0 0 1px rgba(188,216,220,.055)}.materialCard.active:before{content:"";position:absolute;right:10px;top:10px;width:5px;height:5px;border-radius:50%;background:#cce4e7;box-shadow:0 0 10px rgba(188,216,220,.5)}.matSample{height:64px;border-radius:10px}.matName{font-size:10px;margin:7px 2px 2px;color:#dbe2e4}.materialTuning{border-radius:16px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);padding:13px}.tuningHeading{font-size:10px;letter-spacing:.025em}.hueBar{height:24px;margin-top:10px}.layerRow{border-radius:15px;padding:8px;background:rgba(255,255,255,.025)}.layerRow.active{border-color:rgba(188,216,220,.3);background:rgba(188,216,220,.06)}.thumb{border-radius:9px}.layerName{font-size:11px}.layerMeta{font-size:8px;color:#6f7d84}.finishCard{border-radius:13px}.compositionSeg{background:#11161b;border-color:rgba(255,255,255,.07)}.compositionBtn.active{background:#c2dadd;color:#11191d}.dotSizeBar{background:linear-gradient(90deg,#526168,#93aeb3)}.dotScaleLabels{display:flex;justify-content:space-between;margin-top:-2px;color:#64727a;font-size:8px;letter-spacing:.12em}.projectOpen{background:#14191f;border-color:rgba(255,255,255,.065)}.projectOpen:active{background:#1a2027}.newProjectBtn{background:#d6e2e4}.exportOption{border-radius:13px;background:rgba(255,255,255,.045)}
@media(max-height:700px){#viewControls{bottom:calc(74px + env(safe-area-inset-bottom))}#bottomNav{height:54px}.navBtn{height:44px}}#sheetBackdrop{background:linear-gradient(180deg,rgba(0,0,0,0) 0 32%,rgba(3,5,7,.12) 43%,rgba(3,5,7,.52) 100%)}#fallbackCard{transition:opacity .28s ease,top .48s var(--spring),width .48s var(--spring),transform .48s var(--spring)}.sheetOpen #fallbackCard{top:23%;width:min(49vw,220px);transform:translate(-50%,-50%) rotateX(2deg) rotateY(-3deg)}.newProjectBtn{font-size:10px}
@media(max-height:700px){.sheetOpen #fallbackCard{top:21%;width:min(42vw,184px)}}#topbar{display:flex;justify-content:space-between;grid-template-columns:none}#projectTitle{position:absolute;left:50%;top:max(17px,env(safe-area-inset-top));width:min(62vw,244px);padding-top:2px;transform:translateX(-50%);text-align:center;pointer-events:auto}#projectTitle .projectName{margin-left:auto;margin-right:auto}#moreBtn{margin-left:auto}#sheetBackdrop{background:linear-gradient(180deg,transparent 0 28%,rgba(3,5,7,.08) 38%,rgba(3,5,7,.44) 100%);pointer-events:none!important}.sheetOpen #sheetBackdrop{opacity:1;pointer-events:none!important}#sheet{
  left:50%;right:auto;bottom:0!important;width:min(100vw,460px);max-height:min(60dvh,680px);
  padding-bottom:max(12px,env(safe-area-inset-bottom));
  transform:translate(-50%,calc(100% + 96px))!important;opacity:0;visibility:hidden;pointer-events:none;
  border-radius:28px 28px 0 0;border-bottom:0;
  transition:transform .46s var(--spring),opacity .24s ease,visibility 0s linear .46s;
  z-index:32
}.sheetOpen #sheet{transform:translate(-50%,0)!important;opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.sheetOpen #bottomNav{opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,calc(100% + 28px));transition:opacity .18s ease,transform .34s var(--spring),visibility 0s linear .34s}.sheetOpen #viewControls{opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,12px)}#panel{padding-bottom:18px}.sheetOpen #fallbackCard{top:23%;width:min(49vw,220px)}
@media(max-height:700px){#sheet{max-height:60dvh}.sheetOpen #fallbackCard{top:21%;width:min(42vw,184px)}
}.libraryHead{display:flex;align-items:flex-end;justify-content:space-between;margin:29px 1px 11px}.libraryHead b{font-size:12px;font-weight:660;color:#e4eaec}.libraryHead span{font:8px ui-monospace,SFMono-Regular,monospace;color:#64727a;letter-spacing:.12em}#favoriteGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.favoriteCard{position:relative;min-width:0}.favoriteOpen{display:block;width:100%;border:0;padding:0;background:transparent;color:#fff;text-align:left}.favoriteThumb{width:100%;aspect-ratio:3/4;border-radius:15px;background:#182029 center/cover no-repeat;box-shadow:inset 0 0 0 1px rgba(255,255,255,.09),0 14px 28px rgba(0,0,0,.25)}.favoriteTitle{font-size:10px;font-weight:630;color:#dce4e6;margin:8px 2px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.favoriteMeta{font-size:8px;color:#65737b;margin:4px 2px 0}.favoriteToggle,.projectFavoriteMini{display:grid;place-items:center;border:0;color:#d9e5e6}.favoriteToggle{position:absolute;right:8px;top:8px;width:31px;height:31px;border-radius:10px;background:rgba(8,11,15,.68);backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.10)}.favoriteToggle svg,.projectFavoriteMini svg{width:15px;height:15px;fill:currentColor}.projectFavoriteMini{position:absolute;right:48px;top:28px;width:31px;height:31px;border-radius:10px;background:transparent;opacity:.62}.projectFavoriteMini.active{color:#d9e5e6;opacity:1}.libraryEmpty{grid-column:1/-1;border:1px dashed rgba(255,255,255,.085);border-radius:16px;padding:28px 18px;text-align:center;color:#59656c;font-size:10px;line-height:1.7}.textureGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.textureCard{border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.03);border-radius:18px;padding:8px;color:#fff;text-align:left}.textureCard.active{border-color:rgba(198,220,223,.36);background:rgba(198,220,223,.075);box-shadow:inset 0 0 0 1px rgba(198,220,223,.035)}.textureSample{height:70px;border-radius:13px;background-color:#313940;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);overflow:hidden}.textureName{font-size:10px;font-weight:640;margin:8px 3px 0}.textureDesc{font-size:8px;color:#69757c;margin:4px 3px 1px}.tex-none{background:linear-gradient(145deg,#39434a,#20272d)}.tex-sand{background-image:radial-gradient(circle at 20% 30%,#d9e4e533 0 1px,transparent 1.5px),radial-gradient(circle at 72% 64%,#edf4f522 0 1px,transparent 1.6px),linear-gradient(145deg,#455159,#242c32);background-size:7px 7px,11px 11px,auto}.tex-fiber{background-image:repeating-linear-gradient(8deg,transparent 0 5px,#e4ecec1c 5.5px 6.5px,transparent 7px 12px),linear-gradient(145deg,#465058,#252c31)}.tex-brush{background-image:repeating-linear-gradient(96deg,#e6eeee18 0 1px,transparent 1px 6px),linear-gradient(145deg,#465159,#242b31)}.tex-frost{background-image:linear-gradient(33deg,transparent 46%,#eef6f630 48% 50%,transparent 52%),linear-gradient(-26deg,transparent 43%,#bed3d52b 45% 47%,transparent 49%),linear-gradient(145deg,#4a565e,#242b31);background-size:29px 24px,37px 31px,auto}.projectListActions{display:flex!important;align-items:center;justify-content:flex-end!important;gap:7px}.collectionEntryBtn{height:40px;min-width:58px;padding:0 10px;border:1px solid rgba(255,255,255,.10);border-radius:13px;background:#171d23;color:#aebbc0;font-size:10px;font-weight:660}.collectionEntryBtn span{display:inline-block;margin-left:4px;color:#65747b;font:7px ui-monospace,SFMono-Regular,monospace}.newProjectBtn{width:58px}.libraryHead,#favoriteGrid{display:none!important}#collectionView{position:fixed;inset:0 auto 0 50%;z-index:105;width:min(100vw,460px);height:100%;padding:max(18px,env(safe-area-inset-top)) 16px calc(18px + env(safe-area-inset-bottom));display:grid;grid-template-rows:52px minmax(0,1fr) auto auto;overflow:hidden;background:radial-gradient(80% 46% at 50% 31%,rgba(87,112,122,.18),transparent 68%),linear-gradient(160deg,#111820 0,#0b0f15 56%,#080b10 100%);box-shadow:0 0 80px #000c;transform:translate(-50%,102%);opacity:.9;visibility:hidden;transition:transform .44s var(--spring),opacity .28s ease,visibility 0s linear .44s}.collectionOpen #collectionView{transform:translate(-50%,0);opacity:1;visibility:visible;transition:transform .44s var(--spring),opacity .28s ease}.collectionTop{display:grid;grid-template-columns:42px 1fr 42px;align-items:center}.collectionBack,.collectionQuietBtn{width:40px;height:40px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(255,255,255,.035);color:#bdc8cb}.collectionBack{font-size:22px;font-weight:300}.collectionQuietBtn{display:grid;place-items:center}.collectionQuietBtn svg{width:16px;height:16px;fill:currentColor}.collectionTopTitle{text-align:center}.collectionTopTitle small{display:block;color:#65727a;font:700 7px/1 ui-monospace,SFMono-Regular,monospace;letter-spacing:.21em}.collectionTopTitle b{display:block;margin-top:7px;color:#edf2f2;font-size:16px;font-weight:650;letter-spacing:.05em}.collectionStage{position:relative;display:grid;place-items:center;min-height:0;padding:10px 22px 2px;perspective:1200px}.collectionAura{position:absolute;width:72%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(161,203,207,.14),rgba(96,121,137,.06) 41%,transparent 70%);filter:blur(14px);transform:translateY(2%);pointer-events:none}.collectionMainCard{position:relative;width:min(63vw,278px);max-height:58vh;aspect-ratio:3/4;border-radius:22px;background:#151a20 center/cover no-repeat;transform-style:preserve-3d;box-shadow:0 35px 70px rgba(0,0,0,.56),0 0 0 1px rgba(255,255,255,.12),inset 0 0 0 1px rgba(255,255,255,.055);transition:transform .22s cubic-bezier(.5,.05,.72,.2),opacity .17s ease,filter .17s ease}.collectionMainCard.turning{transform:rotateY(82deg) scale(.94);opacity:.44;filter:blur(1.7px) saturate(.7)}.collectionMainCard.settling{animation:collectionSettle .52s var(--spring)}.collectionMainCard:after{content:"";position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(112deg,transparent 25%,rgba(214,243,244,.26) 43%,rgba(255,222,177,.12) 49%,transparent 66%);transform:translateX(-90%);mix-blend-mode:screen;pointer-events:none}.collectionMainCard.settling:after{animation:collectionGlint .72s ease-out}.collectionEmpty{display:none;max-width:250px;text-align:center;color:#6f7b82;font-size:11px;line-height:1.75}.collectionStage.empty .collectionMainCard,.collectionStage.empty .collectionAura{display:none}.collectionStage.empty .collectionEmpty{display:block}.collectionInfo{text-align:center;padding:4px 20px 9px}.collectionIndex{color:#66747c;font:7px ui-monospace,SFMono-Regular,monospace;letter-spacing:.20em}.collectionName{margin-top:7px;color:#eef2f2;font-size:14px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collectionMaterial{margin-top:5px;color:#718087;font-size:8px;letter-spacing:.04em}.collectionRailWrap{position:relative;margin:0 -16px}.collectionRailWrap:before,.collectionRailWrap:after{content:"";position:absolute;z-index:2;top:0;bottom:0;width:34px;pointer-events:none}.collectionRailWrap:before{left:0;background:linear-gradient(90deg,#090d12,transparent)}.collectionRailWrap:after{right:0;background:linear-gradient(-90deg,#090d12,transparent)}#collectionRail{display:flex;gap:11px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:calc(50% - 31px);padding:5px calc(50% - 31px) 12px;scrollbar-width:none;-webkit-overflow-scrolling:touch}#collectionRail::-webkit-scrollbar{display:none}.collectionThumb{flex:0 0 62px;padding:0;border:0;background:transparent;scroll-snap-align:center}.collectionThumbVisual{display:block;width:62px;aspect-ratio:3/4;border-radius:10px;background:#1a2027 center/cover no-repeat;opacity:.48;transform:scale(.88);box-shadow:0 8px 18px rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,255,255,.10);transition:.28s var(--spring)}.collectionThumb.active .collectionThumbVisual{opacity:1;transform:translateY(-3px) scale(1);box-shadow:0 13px 25px rgba(0,0,0,.42),0 0 0 1px rgba(201,226,228,.34)}.collectionActions{display:grid;grid-template-columns:1fr 46px;gap:9px;padding:4px 0 0}.collectionEditBtn{height:45px;border:0;border-radius:14px;background:#dce6e7;color:#151a1e;font-size:11px;font-weight:720}.collectionRemoveBtn{height:45px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(255,255,255,.035);color:#7d898f}.collectionRemoveBtn svg{width:16px;height:16px;fill:currentColor}.collectionActions.empty{display:none}.textureStrengthBar{--texture-level:36%;display:block;width:100%;height:26px;margin:10px 0 7px;appearance:none;-webkit-appearance:none;border:0;background:transparent;cursor:pointer}.textureStrengthBar::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:linear-gradient(90deg,#c8d3d5 0 var(--texture-level),#303940 var(--texture-level) 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.035)}.textureStrengthBar::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:22px;height:22px;margin-top:-9px;border:5px solid #dfe6e7;border-radius:50%;background:#182027;box-shadow:0 3px 10px rgba(0,0,0,.48)}.textureStrengthBar::-moz-range-track{height:4px;border-radius:999px;background:#303940}.textureStrengthBar::-moz-range-progress{height:4px;border-radius:999px;background:#c8d3d5}.textureStrengthBar::-moz-range-thumb{width:12px;height:12px;border:5px solid #dfe6e7;border-radius:50%;background:#182027;box-shadow:0 3px 10px rgba(0,0,0,.48)}
@keyframes collectionSettle{0%{transform:rotateY(-24deg) scale(.96);opacity:.62;filter:blur(1px)}65%{transform:rotateY(3deg) scale(1.012);opacity:1;filter:none}100%{transform:none}}@keyframes collectionGlint{0%{transform:translateX(-90%)}100%{transform:translateX(92%)}}
@media(prefers-reduced-motion:reduce){#collectionView,.collectionMainCard,.collectionThumbVisual{transition-duration:.01ms!important}.collectionMainCard.settling,.collectionMainCard.settling:after{animation:none!important}}.collectionMainCard{backface-visibility:visible;will-change:transform,opacity,filter;transition:transform .42s cubic-bezier(.22,.78,.24,1),opacity .28s ease,filter .28s ease}.collectionMainCard:before{content:"";position:absolute;z-index:2;inset:0;border-radius:inherit;box-shadow:inset 1px 0 rgba(255,255,255,.16),inset -3px 0 rgba(0,0,0,.22),inset 0 0 0 1px rgba(255,255,255,.06);pointer-events:none}.collectionMainCard.turning{transform:none;opacity:1;filter:none}.collectionMainCard.depart-next{transform:translate3d(-24px,2px,-12px) rotateY(-7deg) scale(.968);opacity:.18;filter:blur(.8px) saturate(.82)}.collectionMainCard.depart-prev{transform:translate3d(24px,2px,-12px) rotateY(7deg) scale(.968);opacity:.18;filter:blur(.8px) saturate(.82)}.collectionMainCard.arrive-next{transform:translate3d(30px,1px,-8px) rotateY(8deg) scale(.972);opacity:.28;filter:blur(.6px) saturate(.88)}.collectionMainCard.arrive-prev{transform:translate3d(-30px,1px,-8px) rotateY(-8deg) scale(.972);opacity:.28;filter:blur(.6px) saturate(.88)}.collectionMainCard.settling{transform:translate3d(0,0,0) rotateY(0) scale(1);opacity:1;filter:none;animation:none}.collectionMainCard.settling:after{animation:collectionGlint .62s ease-out}#collectionRail{scroll-snap-type:x mandatory;scroll-snap-stop:always;touch-action:pan-x;overscroll-behavior-x:contain;cursor:grab}#collectionRail:active{cursor:grabbing}.collectionThumb{scroll-snap-stop:always}.collectionThumbVisual{opacity:var(--rail-opacity,.48);transform:translate3d(0,var(--rail-y,0),0) scale(var(--rail-scale,.88));will-change:transform,opacity;transition:box-shadow .22s ease,outline-color .22s ease}.collectionThumb.active .collectionThumbVisual{opacity:var(--rail-opacity,1);transform:translate3d(0,var(--rail-y,-3px),0) scale(var(--rail-scale,1))}
@media(prefers-reduced-motion:reduce){.collectionMainCard.depart-next,.collectionMainCard.depart-prev,.collectionMainCard.arrive-next,.collectionMainCard.arrive-prev{transform:none!important;filter:none!important}}#collectionView{grid-template-rows:52px minmax(0,1fr) auto}.collectionMainCard{overflow:hidden}.collectionActions{display:none!important}.compositionHint{display:block;color:#829096;font-size:9px;line-height:1.45;margin:6px 3px 0}.materialCoreGrid{margin-bottom:12px}.materialReset{grid-column:1/-1;display:grid;grid-template-columns:82px 1fr;column-gap:10px;align-items:center}.materialReset .matSample{grid-row:1/3;width:82px;height:58px}.materialReset .matName,.materialReset .matKind{margin-left:0}.mat-original{background:linear-gradient(135deg,#343940,#555b64)}.mat-grating{background:repeating-linear-gradient(102deg,rgba(255,255,255,.18) 0 1px,transparent 1px 7px),linear-gradient(112deg,#27313b 5%,#2d6e88 30%,#d9cb8d 49%,#915f9d 66%,#26323c 90%)}.mat-crystal{background:linear-gradient(132deg,transparent 0 28%,rgba(118,211,231,.7) 29% 42%,transparent 43%),linear-gradient(38deg,transparent 0 40%,rgba(213,116,222,.58) 41% 58%,transparent 59%),linear-gradient(155deg,#262c35,#59636f 47%,#2a2d36)}.mat-liquid{background:radial-gradient(ellipse at 24% 18%,transparent 0 22%,rgba(230,250,255,.70) 24% 29%,transparent 34%),radial-gradient(ellipse at 74% 78%,transparent 0 28%,rgba(182,231,238,.62) 31% 36%,transparent 41%),linear-gradient(135deg,#0e3441,#20778b 47%,#0b2936)}.mat-mirror-gold{background:linear-gradient(108deg,#251403 0%,#9c590b 23%,#ffe5a2 43%,#8a4708 57%,#f8ba39 72%,#3a2108 100%)}.mat-moon-silver{background:linear-gradient(108deg,#171a21 0%,#576879 24%,#edf5fa 43%,#667080 57%,#abbad1 73%,#171b23 100%)}.materialControlPanel{margin-top:12px}.tuningEyebrow{font-size:9px;letter-spacing:.14em;color:rgba(255,255,255,.34);font-weight:720;margin-bottom:10px;text-transform:uppercase}.materialControlRow{display:grid;grid-template-columns:1fr auto;gap:7px 12px;align-items:center;font-size:11px;color:rgba(255,255,255,.66)}.materialControlRow+ .materialControlRow{margin-top:13px}.materialControlRow output{font-variant-numeric:tabular-nums;color:rgba(255,255,255,.42);font-size:10px}.materialControlInput{grid-column:1/-1;width:100%;appearance:none;height:3px;border-radius:999px;background:linear-gradient(90deg,rgba(255,255,255,.24),rgba(255,255,255,.08));outline:none}.materialControlInput::-webkit-slider-thumb{appearance:none;width:17px;height:17px;border-radius:50%;background:#ececea;border:4px solid #303238;box-shadow:0 2px 9px rgba(0,0,0,.36)}:root{
  --glass-fill:rgba(255,255,255,.072);
  --glass-fill-strong:rgba(25,29,38,.70);
  --glass-fill-raised:rgba(255,255,255,.105);
  --glass-line:rgba(255,255,255,.155);
  --glass-line-soft:rgba(255,255,255,.085);
  --glass-highlight:rgba(255,255,255,.30);
  --glass-ink:#f7f8fb;
  --glass-muted:rgba(242,246,252,.56);
  --glass-faint:rgba(235,241,250,.34);
  --glass-accent:#c7d5ff;
  --glass-accent-ink:#111522;
  --glass-danger:#ff9e9e;
  --glass-blur:blur(32px) saturate(1.42) contrast(1.03);
  --glass-shadow:0 20px 60px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.20),inset 0 -1px 0 rgba(255,255,255,.035);
  --glass-shadow-soft:0 12px 34px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.14);
  --glass-radius:26px;
}html,body{background:#080a10;color:var(--glass-ink)}body{background:radial-gradient(75% 56% at 12% 11%,rgba(70,92,146,.16),transparent 68%),radial-gradient(70% 50% at 91% 35%,rgba(118,70,135,.12),transparent 68%),linear-gradient(155deg,#0d111a 0%,#080a0f 54%,#05070b 100%)}#app{background:radial-gradient(62% 42% at 24% 22%,rgba(100,139,206,.10),transparent 70%),radial-gradient(58% 42% at 85% 54%,rgba(169,103,172,.075),transparent 74%)}#app:after{background:radial-gradient(ellipse,rgba(0,0,0,.46),transparent 70%);filter:blur(13px)}#topbar{height:calc(76px + env(safe-area-inset-top));padding:max(15px,env(safe-area-inset-top)) 16px 12px;background:linear-gradient(180deg,rgba(5,7,12,.56),transparent 92%)}.topIcon,#focusExit,.collectionBack,.collectionQuietBtn{
  border:1px solid var(--glass-line);background:linear-gradient(145deg,rgba(255,255,255,.115),rgba(255,255,255,.035));
  color:rgba(255,255,255,.90);box-shadow:var(--glass-shadow-soft);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)
}.topIcon{width:42px;height:42px;border-radius:15px;position:relative;overflow:hidden}.topIcon:after{content:"";position:absolute;left:7px;right:7px;top:2px;height:1px;background:linear-gradient(90deg,transparent,var(--glass-highlight),transparent);pointer-events:none}.topIcon:active,.collectionBack:active,.collectionQuietBtn:active{transform:scale(.94);background:rgba(255,255,255,.14)}#projectTitle{top:max(15px,env(safe-area-inset-top));width:auto;max-width:min(58vw,238px);min-width:118px;padding:7px 16px 8px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:linear-gradient(150deg,rgba(255,255,255,.075),rgba(255,255,255,.022));box-shadow:inset 0 1px rgba(255,255,255,.10);backdrop-filter:blur(18px) saturate(1.25);-webkit-backdrop-filter:blur(18px) saturate(1.25)}.projectEyebrow{font-size:7px;letter-spacing:.20em;color:var(--glass-faint)}.projectName{font-size:11px;font-weight:640;letter-spacing:.025em;color:#f7f8fb;margin-top:4px}#viewControls{bottom:calc(84px + env(safe-area-inset-bottom));gap:8px}#mode,#motion{
  border:1px solid var(--glass-line);background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.035));
  box-shadow:var(--glass-shadow-soft);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)
}#mode{height:36px;padding:3px}#mode button{height:28px;min-width:49px;padding:0 12px;color:var(--glass-muted);font-size:10px;border-radius:999px}#mode button.active{background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(222,229,244,.74));color:#171b24;box-shadow:0 3px 13px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.88)}#motion{width:36px;height:36px;border-radius:999px;color:var(--glass-muted)}#bottomNav{
  width:min(calc(100vw - 28px),404px);height:68px;bottom:max(12px,env(safe-area-inset-bottom));padding:5px;gap:4px;
  border:1px solid var(--glass-line);border-radius:25px;background:linear-gradient(155deg,rgba(255,255,255,.115),rgba(255,255,255,.045) 44%,rgba(17,21,30,.52));
  box-shadow:0 22px 70px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.24),inset 0 -1px 0 rgba(255,255,255,.04);
  backdrop-filter:blur(38px) saturate(1.55);-webkit-backdrop-filter:blur(38px) saturate(1.55);overflow:hidden
}#bottomNav:before{content:"";position:absolute;left:8%;right:8%;top:1px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.47),transparent);pointer-events:none}.navBtn{height:56px;border-radius:20px;color:rgba(238,243,251,.53);font-size:9px;letter-spacing:.025em;gap:5px;transition:transform .2s var(--spring),background .25s,color .25s,box-shadow .25s}.navBtn svg{width:19px;height:19px;stroke-width:1.65}.navBtn.active{color:#fff;background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.075));box-shadow:inset 0 1px rgba(255,255,255,.20),0 6px 19px rgba(0,0,0,.16)}.navBtn:active{transform:scale(.96)}.navBtn.finish{color:rgba(245,248,255,.68)}#sheetBackdrop{background:linear-gradient(180deg,transparent 0 34%,rgba(4,6,10,.08) 48%,rgba(4,6,10,.42) 100%);backdrop-filter:blur(1.5px);-webkit-backdrop-filter:blur(1.5px)}#sheet{
  max-height:min(62dvh,690px);border:1px solid var(--glass-line);border-bottom:0;border-radius:34px 34px 0 0;
  background:linear-gradient(170deg,rgba(255,255,255,.13),rgba(255,255,255,.055) 20%,rgba(18,22,31,.78) 62%,rgba(12,16,23,.86));
  box-shadow:0 -28px 86px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.27),inset 0 -1px rgba(255,255,255,.035);
  backdrop-filter:blur(42px) saturate(1.52) contrast(1.04);-webkit-backdrop-filter:blur(42px) saturate(1.52) contrast(1.04)
}.sheetHandle{width:38px;height:4px;margin-top:9px;background:rgba(255,255,255,.30);box-shadow:0 1px rgba(0,0,0,.28)}#sheetHeader{height:58px;padding:5px 17px 8px 22px}.sheetTitle{font-size:16px;font-weight:660;letter-spacing:-.012em}.sheetSubtitle{color:var(--glass-faint)}.sheetClose{width:34px;height:34px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(255,255,255,.07);color:rgba(255,255,255,.62);box-shadow:inset 0 1px rgba(255,255,255,.10)}#panel{padding:0 15px 22px}.sectionLabel{margin:18px 4px 10px;color:var(--glass-faint);font-size:9px;letter-spacing:.04em}.sheetOpen #fallbackCard{top:22%;width:min(47vw,212px)}.materialCard,.textureCard,.finishCard,.layerRow,.layerEditor,.materialTuning,.materialControlPanel{
  border:1px solid var(--glass-line-soft);background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.024));
  box-shadow:inset 0 1px rgba(255,255,255,.085),0 8px 24px rgba(0,0,0,.10);backdrop-filter:blur(18px) saturate(1.22);-webkit-backdrop-filter:blur(18px) saturate(1.22)
}.materialCard,.textureCard{border-radius:19px;padding:8px}.materialCard.active,.textureCard.active,.finishCard.active,.layerRow.active{
  border-color:rgba(205,219,255,.42);background:linear-gradient(145deg,rgba(207,221,255,.15),rgba(255,255,255,.05));
  box-shadow:0 0 0 1px rgba(196,214,255,.06),0 10px 28px rgba(5,8,18,.18),inset 0 1px rgba(255,255,255,.22)
}.materialCard.active:before{background:#eef3ff;box-shadow:0 0 12px rgba(190,211,255,.68)}.matSample,.textureSample{border-radius:13px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 7px 17px rgba(0,0,0,.14)}.matName,.textureName{color:#f0f3f8}.matKind,.textureDesc,.layerMeta{color:var(--glass-faint)}.materialControlPanel,.materialTuning{border-radius:20px;padding:14px}.materialControlRow{color:var(--glass-muted)}.materialControlRow output{color:var(--glass-faint)}.materialControlInput,.textureStrengthBar{accent-color:#e5ebfb}.materialControlInput{height:4px;background:linear-gradient(90deg,rgba(229,235,251,.66),rgba(255,255,255,.10));box-shadow:inset 0 1px 2px rgba(0,0,0,.24)}.materialControlInput::-webkit-slider-thumb{width:19px;height:19px;border:1px solid rgba(255,255,255,.72);background:linear-gradient(145deg,#fff,#cfd7e9);box-shadow:0 4px 13px rgba(0,0,0,.38),inset 0 1px #fff}.textureStrengthBar::-webkit-slider-runnable-track{background:linear-gradient(90deg,rgba(229,235,251,.78) 0 var(--texture-level),rgba(255,255,255,.11) var(--texture-level) 100%)}.textureStrengthBar::-webkit-slider-thumb{border-color:#e8edf8;background:#313746;box-shadow:0 4px 14px rgba(0,0,0,.42)}.compositionSeg,.reliefSeg{padding:4px;border:1px solid rgba(255,255,255,.075);border-radius:16px;background:rgba(7,10,16,.27);box-shadow:inset 0 1px 4px rgba(0,0,0,.16)}.compositionBtn,.reliefBtn{color:var(--glass-muted);border-radius:12px}.compositionBtn.active,.reliefBtn.active{background:linear-gradient(145deg,rgba(255,255,255,.90),rgba(215,224,241,.75));color:#171b24;box-shadow:0 4px 14px rgba(0,0,0,.24),inset 0 1px #fff}.compositionHint{color:var(--glass-faint)}.layerRow{border-radius:17px}.thumb{border-radius:12px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.11)}.iconBtn,.textBtn{background:rgba(255,255,255,.075);color:var(--glass-muted);box-shadow:inset 0 1px rgba(255,255,255,.08)}.addLayerBtn,.newProjectBtn,.renameBtn.primary,.collectionEditBtn{background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(214,223,239,.83));color:var(--glass-accent-ink);box-shadow:0 10px 28px rgba(0,0,0,.24),inset 0 1px #fff}#addMenu,#projectMenu,#renameBox,#projectDeleteBox,#exportSheet{
  border:1px solid var(--glass-line);background:linear-gradient(155deg,rgba(255,255,255,.14),rgba(255,255,255,.055) 30%,rgba(18,22,31,.82));
  box-shadow:0 30px 90px rgba(0,0,0,.50),inset 0 1px rgba(255,255,255,.24);backdrop-filter:blur(40px) saturate(1.45);-webkit-backdrop-filter:blur(40px) saturate(1.45)
}#addMenu{border-radius:27px}.addOption,.exportOption{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.075)}.addOption{border-radius:18px}.addIcon{background:rgba(255,255,255,.10);box-shadow:inset 0 1px rgba(255,255,255,.12)}.addText small,.exportOption small,.exportCaption{color:var(--glass-faint)}#projectMenu,#exportSheet,#renameBox,#projectDeleteBox{border-radius:28px}.projectMenuItem:active{background:rgba(255,255,255,.10)}.projectMenuItem.danger,.textBtn.danger{color:var(--glass-danger)}.renameInput{border-color:var(--glass-line-soft);background:rgba(3,6,12,.26);box-shadow:inset 0 1px 5px rgba(0,0,0,.22)}.renameInput:focus{border-color:rgba(203,217,255,.52);box-shadow:0 0 0 3px rgba(164,190,255,.10)}#toast{border:1px solid var(--glass-line);background:rgba(27,31,41,.76);box-shadow:var(--glass-shadow-soft);backdrop-filter:blur(26px) saturate(1.4);-webkit-backdrop-filter:blur(26px) saturate(1.4)}#projectHome{
  background:radial-gradient(75% 50% at 12% 8%,rgba(82,111,172,.18),transparent 69%),radial-gradient(68% 48% at 96% 44%,rgba(145,86,159,.12),transparent 72%),linear-gradient(160deg,#101520 0%,#090c13 57%,#06080d 100%);
  box-shadow:0 0 0 1px rgba(255,255,255,.07),0 0 100px rgba(0,0,0,.64)
}.collectionEntryBtn{border:1px solid var(--glass-line);background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.035));box-shadow:var(--glass-shadow-soft);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.projectOpen{background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));border:1px solid var(--glass-line-soft);box-shadow:inset 0 1px rgba(255,255,255,.08),0 10px 30px rgba(0,0,0,.14)}.projectOpen:active{background:rgba(255,255,255,.10)}.projectDeleteMini,.projectFavoriteMini{background:rgba(20,24,33,.46);border:1px solid rgba(255,255,255,.10);box-shadow:inset 0 1px rgba(255,255,255,.10);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}#collectionView{background:radial-gradient(76% 46% at 18% 17%,rgba(86,119,184,.18),transparent 70%),radial-gradient(62% 43% at 92% 55%,rgba(151,89,166,.11),transparent 73%),linear-gradient(160deg,#101520,#090c13 58%,#06080d);box-shadow:0 0 90px rgba(0,0,0,.70)}.collectionBack,.collectionQuietBtn{width:41px;height:41px;border-radius:15px}.collectionTopTitle small{color:var(--glass-faint)}.collectionTopTitle b{color:#f5f7fb;font-weight:650}.collectionAura{background:radial-gradient(circle,rgba(156,191,255,.17),rgba(175,119,194,.06) 44%,transparent 72%);filter:blur(18px)}.collectionMainCard{box-shadow:0 38px 84px rgba(0,0,0,.58),0 0 0 1px rgba(255,255,255,.17),inset 0 0 0 1px rgba(255,255,255,.06)}.collectionRailWrap:before{background:linear-gradient(90deg,#080b11,transparent)}.collectionRailWrap:after{background:linear-gradient(-90deg,#080b11,transparent)}.collectionThumbVisual{box-shadow:0 10px 24px rgba(0,0,0,.34),inset 0 0 0 1px rgba(255,255,255,.13)}.collectionThumb.active .collectionThumbVisual{box-shadow:0 15px 31px rgba(0,0,0,.46),0 0 0 1px rgba(211,222,255,.48),0 0 22px rgba(158,184,255,.12)}

@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.topIcon,#focusExit,#mode,#motion,#bottomNav,#sheet,#addMenu,#projectMenu,#renameBox,#projectDeleteBox,#exportSheet,.collectionBack,.collectionQuietBtn{background:#1c212b}
}
@media(max-height:700px){#bottomNav{height:58px}.navBtn{height:48px}.sheetOpen #fallbackCard{top:20%;width:min(41vw,180px)}#sheet{max-height:64dvh}}
@media(prefers-reduced-transparency:reduce){#bottomNav,#sheet,#addMenu,#projectMenu,#renameBox,#projectDeleteBox,#exportSheet,.topIcon,#mode,#motion{background:rgba(22,26,35,.97);backdrop-filter:none;-webkit-backdrop-filter:none}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.topIcon,.navBtn,.materialCard,.textureCard{transition-duration:.01ms!important}}:root{
  --gallery-bg:#070706;
  --gallery-panel:rgba(15,15,14,.94);
  --gallery-line:rgba(245,238,222,.13);
  --gallery-line-soft:rgba(245,238,222,.075);
  --gallery-ink:#f4f1e9;
  --gallery-muted:rgba(235,230,217,.52);
  --gallery-faint:rgba(225,218,202,.30);
  --gallery-accent:#d8ccb3;
  --gallery-glass:blur(22px) saturate(1.18);
}html,body{background:var(--gallery-bg);color:var(--gallery-ink)}body{
  background:
    radial-gradient(70% 52% at 50% 43%,rgba(98,91,78,.16),transparent 70%),
    radial-gradient(38% 30% at 50% 82%,rgba(81,72,57,.09),transparent 74%),
    linear-gradient(180deg,#0a0a09 0%,#070706 58%,#050505 100%)
}body:before{background:radial-gradient(ellipse 66% 62% at 50% 45%,transparent 34%,rgba(0,0,0,.58) 100%)}#app{background:radial-gradient(48% 36% at 50% 45%,rgba(142,129,105,.055),transparent 76%)}#app:after{bottom:13.5%;width:min(60vw,300px);height:38px;opacity:.78;filter:blur(16px);background:radial-gradient(ellipse,rgba(0,0,0,.76),transparent 70%)}#fallbackCard{width:min(70vw,320px)}#topbar{
  height:calc(72px + env(safe-area-inset-top));padding:max(15px,env(safe-area-inset-top)) 17px 10px;
  background:linear-gradient(180deg,rgba(5,5,5,.74),rgba(5,5,5,.18) 58%,transparent);max-width:460px
}.topIcon{
  width:40px;height:40px;border-radius:999px;border:1px solid var(--gallery-line);
  background:rgba(17,17,16,.44);color:rgba(247,243,234,.78);box-shadow:inset 0 1px rgba(255,255,255,.055);
  backdrop-filter:var(--gallery-glass);-webkit-backdrop-filter:var(--gallery-glass)
}.topIcon:after{display:none}.topIcon:active{background:rgba(239,232,216,.11);transform:scale(.94)}#projectTitle{
  top:max(16px,env(safe-area-inset-top));padding:5px 12px 7px;border:0;border-radius:0;background:transparent;
  box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;max-width:min(58vw,230px)
}.projectEyebrow{font:650 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.24em;color:#8d8473}.projectName{font-size:11px;font-weight:620;letter-spacing:.055em;color:#f2eee5;margin-top:6px}#objectCaption{
  position:fixed;z-index:7;left:50%;top:calc(47% + min(48vw,200px));width:min(84vw,360px);
  transform:translateX(-50%);text-align:center;pointer-events:none;transition:opacity .28s ease,transform .42s var(--spring),bottom .42s var(--spring)
}.objectKicker{font:650 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.25em;color:#807867}.objectName{margin-top:8px;font-size:15px;font-weight:650;letter-spacing:.035em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#f6f2e9}.objectMaterial{margin-top:5px;font:500 8px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em;color:#8c8475;text-transform:uppercase}.sheetOpen #objectCaption{opacity:0;transform:translateX(-50%) translateY(8px)}.focusMode #objectCaption{top:auto;bottom:max(25px,env(safe-area-inset-bottom));opacity:1;transform:translateX(-50%)}.projectMenuOpen #objectCaption,.exportOpen #objectCaption{opacity:.25}#viewControls{bottom:calc(82px + env(safe-area-inset-bottom));gap:7px}#mode,#motion{
  border:1px solid var(--gallery-line);background:rgba(16,16,15,.58);box-shadow:0 10px 28px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.04);
  backdrop-filter:var(--gallery-glass);-webkit-backdrop-filter:var(--gallery-glass)
}#mode{height:32px;padding:3px}#mode button{height:24px;min-width:46px;font-size:9px;color:#827c71;letter-spacing:.04em}#mode button.active{background:#d9d2c3;color:#161512;box-shadow:none}#motion{width:32px;height:32px;color:#8c8579}#motion.active{color:#f3eee3;background:rgba(153,145,127,.18)}#bottomNav{
  width:min(calc(100vw - 44px),326px);height:58px;bottom:max(12px,env(safe-area-inset-bottom));padding:4px;gap:3px;
  border:1px solid var(--gallery-line);border-radius:18px;background:rgba(15,15,14,.72);
  box-shadow:0 20px 58px rgba(0,0,0,.62),inset 0 1px rgba(255,255,255,.055);
  backdrop-filter:blur(26px) saturate(1.16);-webkit-backdrop-filter:blur(26px) saturate(1.16)
}#bottomNav:before{display:none}.navBtn{height:48px;border-radius:14px;color:#756f65;font-size:8px;gap:4px;letter-spacing:.04em}.navBtn svg{width:18px;height:18px;stroke-width:1.55}.navBtn.active{color:#f2ede2;background:rgba(232,224,207,.075);box-shadow:inset 0 0 0 1px rgba(232,224,207,.08)}#sheetBackdrop{background:linear-gradient(180deg,transparent 0 37%,rgba(0,0,0,.12) 52%,rgba(0,0,0,.62) 100%);backdrop-filter:none;-webkit-backdrop-filter:none}#sheet{
  max-height:min(56dvh,620px);border-radius:22px 22px 0 0;border:1px solid var(--gallery-line);border-bottom:0;
  background:linear-gradient(180deg,rgba(25,24,22,.97),rgba(10,10,9,.99) 35%);
  box-shadow:0 -24px 76px rgba(0,0,0,.72),inset 0 1px rgba(255,255,255,.06);
  backdrop-filter:blur(25px) saturate(1.08);-webkit-backdrop-filter:blur(25px) saturate(1.08)
}.sheetHandle{width:32px;height:3px;background:#575146;margin-top:8px}#sheetHeader{height:52px;padding:4px 15px 7px 19px}.sheetTitle{font-size:14px;font-weight:640;letter-spacing:.035em;color:#eee9df}.sheetSubtitle{display:block;color:#756e62;font-size:8px;letter-spacing:.035em}.sheetClose{width:32px;height:32px;border-radius:999px;border:1px solid var(--gallery-line-soft);background:rgba(255,255,255,.035);color:#8e877c}#panel{padding:0 14px 20px}.sectionLabel{font:650 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em;color:#71695c;text-transform:uppercase;margin:16px 2px 9px}.materialGrid,.textureGrid{
  display:flex;grid-template-columns:none;gap:9px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:14px;
  margin:0 -14px;padding:0 14px 10px;scrollbar-width:none;-webkit-overflow-scrolling:touch
}.materialGrid::-webkit-scrollbar,.textureGrid::-webkit-scrollbar{display:none}.materialCard,.textureCard{flex:0 0 112px;scroll-snap-align:start;border-radius:13px;padding:6px;background:rgba(255,255,255,.025);border:1px solid var(--gallery-line-soft);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.materialCard.active,.textureCard.active{border-color:rgba(226,214,190,.39);background:rgba(226,214,190,.075);box-shadow:0 0 0 1px rgba(226,214,190,.035)}.materialCard.active:before{right:9px;top:9px;width:5px;height:5px;background:#efe4cc;box-shadow:0 0 11px rgba(239,228,204,.55)}.materialReset{display:block;grid-template-columns:none}.materialReset .matSample{width:100%;height:76px}.materialReset .matName,.materialReset .matKind{margin-left:3px}.matSample,.textureSample{height:76px;border-radius:9px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.09),0 8px 18px rgba(0,0,0,.22)}.matName,.textureName{font-size:10px;margin:7px 3px 1px;color:#dfdbd2}.matKind,.textureDesc{display:block;font-size:7px;color:#6f695f;margin:3px 3px 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.materialTuning,.materialControlPanel,.layerEditor{background:rgba(255,255,255,.025);border:1px solid var(--gallery-line-soft);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.materialControlInput::-webkit-slider-thumb{background:linear-gradient(145deg,#f0eadf,#bdb4a3);border-color:#f6f0e5}.textureStrengthBar::-webkit-slider-runnable-track{background:linear-gradient(90deg,#d5cbb8 0 var(--texture-level),#2c2a26 var(--texture-level) 100%)}#projectHome{
  background:radial-gradient(70% 42% at 50% 18%,rgba(105,96,79,.12),transparent 72%),linear-gradient(180deg,#0b0b0a,#060606 68%);
  box-shadow:0 -24px 80px rgba(0,0,0,.76)
}.collectionEntryBtn{border:1px solid var(--gallery-line);background:rgba(255,255,255,.025);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;color:#aaa295}.newProjectBtn{background:#dfd7c7;color:#171512;border-color:#eee5d3;box-shadow:0 9px 22px rgba(0,0,0,.30)}.projectOpen{background:#10100f;border-color:var(--gallery-line-soft);box-shadow:none}.projectOpen:active{background:#171613}.projectBadge{color:#6d665b}.projectCardTitle{color:#ded9d0}.projectMeta{color:#6d675e}.projectDeleteMini,.projectFavoriteMini{background:rgba(7,7,7,.56);border-color:var(--gallery-line-soft);box-shadow:none}#collectionView{
  background:radial-gradient(64% 42% at 50% 42%,rgba(111,100,80,.14),transparent 72%),linear-gradient(180deg,#0b0b0a,#050505 70%);
  box-shadow:0 0 90px rgba(0,0,0,.84)
}.collectionBack,.collectionQuietBtn{border:1px solid var(--gallery-line);border-radius:999px;background:rgba(255,255,255,.025);color:#b9b1a4;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.collectionTopTitle small{color:#756d60;letter-spacing:.24em}.collectionTopTitle b{color:#f1ece2;font-size:15px;letter-spacing:.07em}.collectionAura{width:78%;background:radial-gradient(circle,rgba(153,137,106,.10),rgba(84,76,62,.035) 45%,transparent 72%);filter:blur(20px)}.collectionMainCard{width:min(66vw,286px);border-radius:12px;box-shadow:0 42px 88px rgba(0,0,0,.72),0 0 0 1px rgba(238,227,205,.14);backface-visibility:hidden;contain:paint}.collectionMainCard:before{border-radius:inherit;box-shadow:inset 1px 0 rgba(255,255,255,.10),inset -2px 0 rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,255,255,.035)}.collectionMainCard:after,.collectionMainCard.settling:after{display:none!important;animation:none!important}.collectionMainCard.depart-next{transform:translate3d(-22px,0,-10px) scale(.975);opacity:.12;filter:blur(.7px) saturate(.86)}.collectionMainCard.depart-prev{transform:translate3d(22px,0,-10px) scale(.975);opacity:.12;filter:blur(.7px) saturate(.86)}.collectionMainCard.arrive-next{transform:translate3d(24px,0,-8px) scale(.978);opacity:.18;filter:blur(.55px) saturate(.9)}.collectionMainCard.arrive-prev{transform:translate3d(-24px,0,-8px) scale(.978);opacity:.18;filter:blur(.55px) saturate(.9)}.collectionIndex{color:#6f685c;letter-spacing:.24em}.collectionName{color:#f2ede3;font-size:15px;letter-spacing:.025em}.collectionMaterial{color:#827a6e;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.11em;text-transform:uppercase}.collectionRailWrap:before{background:linear-gradient(90deg,#060606,transparent)}.collectionRailWrap:after{background:linear-gradient(-90deg,#060606,transparent)}.collectionThumb{flex-basis:58px}.collectionThumbVisual{width:58px;border-radius:7px;box-shadow:0 10px 22px rgba(0,0,0,.42),inset 0 0 0 1px rgba(244,234,215,.10)}.collectionThumb.active .collectionThumbVisual{box-shadow:0 14px 28px rgba(0,0,0,.55),0 0 0 1px rgba(225,213,188,.48)}#addMenu,#projectMenu,#renameBox,#projectDeleteBox,#exportSheet{background:rgba(17,17,16,.96);border-color:var(--gallery-line);box-shadow:0 30px 90px rgba(0,0,0,.68),inset 0 1px rgba(255,255,255,.055);backdrop-filter:var(--gallery-glass);-webkit-backdrop-filter:var(--gallery-glass)}#toast{background:rgba(23,22,20,.88);border-color:var(--gallery-line);color:#eee9df}
@media(max-height:720px){#objectCaption{top:calc(46% + min(45vw,175px))}.focusMode #objectCaption{top:auto}.sheetOpen #fallbackCard{top:20%;width:min(42vw,184px)}#sheet{max-height:60dvh}.collectionMainCard{width:min(53vw,240px)}}
@media(prefers-reduced-transparency:reduce){#bottomNav,#sheet,.topIcon,#mode,#motion{background:#121210;backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){#objectCaption,.collectionMainCard{transition-duration:.01ms!important}}#collectionMainCard{cursor:zoom-in;touch-action:manipulation}#collectionMainCard:focus-visible{outline:2px solid #e9ddc4;outline-offset:5px}#collectionZoom{position:fixed;inset:0 auto 0 50%;width:min(100vw,460px);z-index:120;display:grid;grid-template-rows:auto minmax(0,1fr) auto;align-items:center;padding:max(16px,env(safe-area-inset-top)) 18px max(24px,env(safe-area-inset-bottom));background:#050505;opacity:0;visibility:hidden;pointer-events:none;transform:translateX(-50%) scale(1.015);transition:opacity .25s ease,transform .3s var(--spring),visibility 0s linear .3s}.collectionZoomOpen #collectionZoom{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%);transition:opacity .25s ease,transform .3s var(--spring)}.collectionZoomTop{height:48px;display:flex;align-items:center;justify-content:space-between;color:#9d9586;font:650 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em}#collectionZoomClose{width:42px;height:42px;border:1px solid var(--gallery-line);border-radius:50%;background:#171613;color:#ede8dc;font-size:25px;line-height:1}.collectionZoomStage{position:relative;display:grid;place-items:center;min-height:0;width:100%;height:100%}.loading .collectionZoomStage:after{content:"正在呈现卡片…";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);white-space:nowrap;color:#b0a795;font-size:11px;letter-spacing:.08em}#collectionZoomImage{display:block;width:auto;height:auto;max-width:min(87vw,440px);max-height:min(76dvh,calc(100dvh - 168px));aspect-ratio:3/4;object-fit:contain;border-radius:13px;background:#131211;box-shadow:0 35px 95px #000b,0 0 0 1px rgba(240,230,210,.16)}.loading #collectionZoomImage{opacity:.12}#collectionZoomName{padding:12px 0 5px;text-align:center;color:#ebe5d9;font-size:12px;font-weight:620;letter-spacing:.06em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(prefers-reduced-motion:reduce){#collectionZoom{transition-duration:.01ms!important}}.collectionTop{position:relative}.collectionTop #collectionFavoriteToggle{position:absolute;left:52px;top:6px;width:36px;height:36px}#collectionEditTop{display:none;position:fixed;top:max(24px,calc(env(safe-area-inset-top) + 6px));left:calc(50% + min(50vw,230px) - 16px);transform:translateX(-100%);z-index:111;height:36px;padding:0 13px;border:1px solid var(--gallery-line);border-radius:999px;background:#24211c;color:#eee5d3;font-size:11px;font-weight:650;letter-spacing:.05em}.collectionOpen #collectionEditTop{display:block}.collectionZoomOpen #collectionEditTop{display:none}.collectionZoomActions{display:flex;align-items:center;gap:9px}#collectionZoomEdit{height:40px;padding:0 15px;border:1px solid var(--gallery-line);border-radius:999px;background:#24211c;color:#eee5d3;font-size:11px;font-weight:650}.collectionMainCard.live{background:transparent!important}.collectionMainCard.live:before{display:none}.collectionMainCard.live:after{display:none}.collectionMainCard canvas{position:absolute;inset:0;width:100%;height:100%;border-radius:inherit;touch-action:none;cursor:grab;z-index:1}#collectionZoom .collectionZoomStage canvas{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(87vw,440px,calc((100dvh - 168px)*.75));height:auto;aspect-ratio:3/4;border-radius:13px;touch-action:none;cursor:grab;box-shadow:0 35px 95px #000b,0 0 0 1px rgba(240,230,210,.16)}#collectionZoom.liveZoom #collectionZoomImage{opacity:0}#collectionView{grid-template-columns:minmax(0,1fr)}#collectionView>*{min-width:0}.collectionStage,.collectionInfo,.collectionRailWrap{min-width:0}#collectionMainCard{justify-self:center;transform:translate3d(var(--archive-drag,0px),0,0);touch-action:pan-y;transition:transform .22s ease,opacity .18s ease,filter .18s ease}#collectionMainCard.depart-next,#collectionMainCard.depart-prev{transform:scale(.982);opacity:.18;filter:blur(.55px) saturate(.88)}#collectionMainCard.arrive-next,#collectionMainCard.arrive-prev{transform:scale(.988);opacity:.34;filter:blur(.35px) saturate(.94)}#collectionMainCard.settling{transform:translate3d(0,0,0) scale(1);opacity:1;filter:none}#collectionMainCard canvas{touch-action:pan-y}.collectionHint{text-align:center;margin-top:3px;color:#554f46;font:600 7px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em}#collectionAdjustBackdrop{position:fixed;inset:0;z-index:130;background:rgba(0,0,0,.62);opacity:0;visibility:hidden;pointer-events:none;transition:.22s ease}#collectionAdjustMenu{position:fixed;z-index:131;left:50%;bottom:max(18px,env(safe-area-inset-bottom));width:min(calc(100vw - 28px),420px);padding:10px;border:1px solid var(--gallery-line);border-radius:22px;background:rgba(18,17,15,.96);box-shadow:0 28px 90px #000c;transform:translate(-50%,24px);opacity:0;visibility:hidden;pointer-events:none;transition:.28s var(--spring)}.collectionAdjustOpen #collectionAdjustBackdrop{opacity:1;visibility:visible;pointer-events:auto}.collectionAdjustOpen #collectionAdjustMenu{transform:translate(-50%,0);opacity:1;visibility:visible;pointer-events:auto}.collectionAdjustTitle{padding:9px 10px 13px;color:#7e7669;font:650 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em}.collectionAdjustOption{display:block;width:100%;min-height:55px;padding:0 14px;border:0;border-radius:14px;background:transparent;color:#eee8dc;text-align:left;font-size:13px}.collectionAdjustOption+ .collectionAdjustOption{border-top:1px solid var(--gallery-line-soft);border-radius:0}.collectionAdjustOption b{display:block;font-size:12px}.collectionAdjustOption small{display:block;margin-top:5px;color:#766f63;font-size:9px}.collectionAdjustOption.primary{background:#e2dacb;color:#171513}.collectionAdjustOption.primary small{color:#675f53}.collectionAdjustCancel{width:100%;height:46px;margin-top:8px;border:0;border-radius:13px;background:#25231f;color:#9b9386}#projectHome{padding-bottom:calc(30px + env(safe-area-inset-bottom));overflow-y:auto}.projectListActions .collectionEntryBtn{display:none}.projectCard.current .projectOpen{border-color:rgba(225,213,188,.34);background:linear-gradient(110deg,#1d1b18,#121210)}.projectCard.current .projectBadge{color:#c9bda8}.projectCard .projectOpen{padding-right:50px}.projectMoreMini{position:absolute;right:12px;top:24px;width:37px;height:37px;border:1px solid transparent;border-radius:11px;background:transparent;color:#a79e8e;font-size:22px;line-height:1;letter-spacing:2px}.projectMoreMini:active{background:rgba(255,255,255,.08)}.projectThumb:not([style*="background-image"]){background:radial-gradient(circle at 42% 35%,#555043 0,#24231f 32%,#111210 75%);box-shadow:inset 0 0 0 1px rgba(230,214,179,.14)}#projectActionsBackdrop{position:fixed;inset:0;z-index:125;background:rgba(0,0,0,.67);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility .22s}#projectActionsSheet{position:fixed;left:50%;bottom:0;z-index:126;width:min(100vw,460px);padding:20px 18px calc(22px + env(safe-area-inset-bottom));border:1px solid var(--gallery-line);border-radius:25px 25px 0 0;background:#171613;box-shadow:0 -22px 70px #000b;transform:translate(-50%,105%);visibility:hidden;transition:transform .31s var(--spring),visibility .31s}.projectActionsOpen #projectActionsBackdrop{opacity:1;visibility:visible;pointer-events:auto}.projectActionsOpen #projectActionsSheet{transform:translate(-50%,0);visibility:visible}.projectActionTitle{color:#8f877a;font-size:10px;letter-spacing:.1em;padding:0 10px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.projectActionButton{display:block;width:100%;min-height:52px;padding:0 13px;border:0;border-radius:12px;background:transparent;color:#eee8dc;text-align:left;font-size:13px}.projectActionButton:active{background:#292720}.projectActionButton.danger{color:#d9a69d}.projectActionButton.cancel{margin-top:5px;color:#9a9285;border-top:1px solid var(--gallery-line-soft)}
@media(prefers-reduced-motion:reduce){#projectActionsBackdrop,#projectActionsSheet{transition-duration:.01ms!important}}#objectCaption{opacity:0;visibility:hidden;transform:translateX(-50%) translateY(8px)}.focusMode #objectCaption{opacity:1;visibility:visible;transform:translateX(-50%);transition-delay:.08s}.sheetOpen #objectCaption{opacity:0;visibility:hidden;transition-delay:0s}.collectionMainCard{overflow:hidden;isolation:isolate;contain:paint;backface-visibility:hidden}.collectionMainCard:after{
  inset:0;border-radius:inherit;transform:none;opacity:0;
  background:linear-gradient(111deg,transparent 0 35%,rgba(225,240,255,.045) 43%,rgba(255,255,255,.17) 49%,rgba(188,218,255,.07) 55%,transparent 65% 100%);
  background-size:260% 100%;background-position:110% 0;
  mix-blend-mode:screen;pointer-events:none
}.collectionMainCard.settling:after{animation:archiveSoftGlint .56s ease-out both}
@keyframes archiveSoftGlint{0%{opacity:0;background-position:110% 0}20%{opacity:.56}75%{opacity:.42}100%{opacity:0;background-position:-110% 0}
}
@media(prefers-reduced-motion:reduce){.collectionMainCard.settling:after{animation:none}}#projectHome{z-index:90;display:flex;flex-direction:column;overflow:hidden;padding:max(24px,env(safe-area-inset-top)) 25px max(25px,env(safe-area-inset-bottom));background:radial-gradient(ellipse 95% 46% at 51% 12%,#294875 0%,#132b51 33%,#080d18 67%,#050609 100%);color:#f4f4f2;isolation:isolate}#projectHome:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 60% 26% at 48% 54%,rgba(58,114,195,.22),transparent 75%);pointer-events:none}.homeEdition{color:rgba(222,231,248,.56);font:600 8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.2em}.homeHero{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px 0 5px}.homeHero:before{content:"";position:absolute;width:min(75vw,340px);height:min(75vw,340px);top:47%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(79,129,216,.22),transparent 69%);filter:blur(24px);pointer-events:none}.homeHeadline{margin:0;text-align:center;font-size:clamp(27px,8vw,35px);font-weight:560;line-height:1.18;letter-spacing:.065em}.homeSubtitle{margin:9px 0 0;color:#aab8cf;font-size:10px;letter-spacing:.09em}.coverStage{width:min(63vw,252px,calc((100dvh - 400px)*.72));min-width:170px;aspect-ratio:3/4;position:relative;margin:26px auto 13px;perspective:950px;touch-action:pan-y}.coverStage:before{content:"";position:absolute;inset:7% 6% -7%;background:#448afa;filter:blur(48px);opacity:.20;transform:scale(.85)}#coverCard{position:absolute;inset:0;border:1px solid rgba(219,235,255,.58);border-radius:17px;background:radial-gradient(ellipse at var(--cover-light-x,48%) var(--cover-light-y,30%),rgba(112,168,249,.37),transparent 48%),linear-gradient(157deg,#1e3459 1%,#111c32 32%,#07101d 58%,#1b3761 100%);box-shadow:inset 0 1px rgba(255,255,255,.43),inset 0 -18px 35px rgba(0,0,0,.3),0 26px 64px rgba(0,0,0,.7);transform:rotateX(var(--cover-pitch,0deg)) rotateY(var(--cover-yaw,0deg));transform-style:preserve-3d;will-change:transform;overflow:hidden}#coverCard:before{content:"";position:absolute;inset:-30%;background:radial-gradient(ellipse 34% 23% at var(--cover-light-x,48%) var(--cover-light-y,30%),rgba(255,255,255,.54),rgba(155,201,255,.18) 49%,transparent 100%);mix-blend-mode:screen;opacity:.57;pointer-events:none}#coverCard:after{content:"";position:absolute;inset:9px;border:1px solid rgba(204,222,255,.18);border-radius:11px;pointer-events:none}.coverMotion{border:0;background:transparent;color:#7e9cc7;font:650 9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;min-height:31px;padding:5px 12px}.coverMotion:active{color:#dce9ff}.homeActions{width:100%;max-width:390px;margin:0 auto;display:grid;gap:10px;padding:6px 0 5px}.homePrimary,.homeSecondary{width:100%;min-height:54px;border-radius:17px;font-size:13px;font-weight:710;letter-spacing:.045em}.homePrimary{border:1px solid #f5f6f8;background:linear-gradient(125deg,#f9fafc,#cfd9ec);color:#121d30;box-shadow:0 12px 28px rgba(0,0,0,.24)}.homeSecondary{border:1px solid rgba(205,225,255,.20);background:rgba(220,234,255,.075);color:#e6edfa}.homeSecondary span{margin-left:7px;color:#8ba4cc;font:600 9px ui-monospace,SFMono-Regular,Menlo,monospace}.homeFoot{text-align:center;color:#607ba7;font:600 7px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.17em;margin:3px 0 0}
@media(max-height:710px){.homeHero{padding-top:0}.homeHeadline{font-size:27px}.homeSubtitle{margin-top:5px}.coverStage{margin:13px auto 4px;width:min(50vw,205px,calc((100dvh - 355px)*.72))}.homeActions{gap:7px}.homePrimary,.homeSecondary{min-height:48px}}
@media(prefers-reduced-motion:reduce){#coverCard{transform:none!important}}:root{--gallery-line:rgba(204,226,255,.15);--gallery-line-soft:rgba(204,226,255,.08);--ui-accent:#b9d9ff;--ui-line:rgba(204,226,255,.15)}html,body{background:#060a12}body{background:radial-gradient(75% 53% at 50% 32%,#132039,#080d19 63%,#05070c)}#app{background:radial-gradient(54% 36% at 50% 45%,rgba(64,111,178,.10),transparent 76%)}#topbar{background:linear-gradient(180deg,rgba(5,9,17,.81),rgba(5,9,17,.16) 66%,transparent)}.topIcon{border-color:var(--gallery-line);background:rgba(24,35,53,.47);color:#d8e6fb;box-shadow:inset 0 1px rgba(255,255,255,.15)}.projectEyebrow,.objectKicker{color:#8197b9}.projectName,.objectName{color:#eef4ff}.objectMaterial{color:#8ca6cb}#mode,#motion{border-color:var(--gallery-line);background:rgba(16,26,43,.71);color:#a9c3e8;box-shadow:inset 0 1px rgba(255,255,255,.12),0 10px 28px #0007}#mode button{color:#879bb9}#mode button.active{background:linear-gradient(145deg,#f7fbff,#bcd5f4);color:#12223c;box-shadow:inset 0 1px white}#motion.active{color:#e8f4ff;background:rgba(102,160,232,.18)}#bottomNav{height:68px;width:min(calc(100vw - 36px),348px);border-radius:22px;background:linear-gradient(145deg,rgba(38,53,77,.91),rgba(11,18,30,.93));border-color:rgba(210,228,255,.20);box-shadow:inset 0 1px rgba(255,255,255,.18),0 18px 50px #000a;backdrop-filter:blur(28px) saturate(1.25);-webkit-backdrop-filter:blur(28px) saturate(1.25)}.navBtn{height:57px;border-radius:18px;color:#8a9fbd;font-size:8px;gap:2px}.navBtn svg{width:33px;height:33px;padding:7px;border-radius:50%;background:rgba(179,209,249,.08);stroke-width:1.65;box-shadow:inset 0 1px rgba(255,255,255,.09)}.navBtn.active{background:rgba(198,222,253,.08);color:#f0f7ff;box-shadow:inset 0 0 0 1px rgba(209,229,255,.11)}.navBtn.active svg{background:linear-gradient(145deg,#edf6ff,#b9d4f5);color:#182b49;box-shadow:0 3px 12px rgba(107,160,239,.2),inset 0 1px white}#viewControls{bottom:calc(94px + env(safe-area-inset-bottom))}#sheet{background:linear-gradient(160deg,rgba(33,47,69,.98),rgba(12,21,35,.99) 35%,rgba(8,14,25,.99));border-color:rgba(207,228,255,.19);box-shadow:0 -22px 75px #000c,inset 0 1px rgba(255,255,255,.15)}.sheetHandle{background:#7793b9}.sheetTitle{color:#f3f8ff}.sheetSubtitle,.sectionLabel{color:#8298ba}.sheetClose{border-color:var(--gallery-line);background:rgba(189,218,255,.08);color:#d4e6ff}.materialCard,.textureCard,.materialTuning,.materialControlPanel,.layerEditor{background:rgba(181,211,251,.04);border-color:var(--gallery-line-soft)}.materialCard.active,.textureCard.active,.finishCard.active,.layerRow.active{border-color:rgba(171,207,252,.58);background:rgba(127,174,235,.11)}.materialCard.active:before,.textureCard.active:before{background:#badbff;box-shadow:0 0 11px rgba(148,195,255,.62)}.matName,.textureName{color:#eaf2ff}.matKind,.textureDesc,.compositionHint{color:#7e91ae}.materialControlInput::-webkit-slider-thumb{background:linear-gradient(140deg,#fff,#a9c9ef);border-color:#f7fbff}.textureStrengthBar::-webkit-slider-runnable-track{background:linear-gradient(90deg,#b5d4fa 0 var(--texture-level),#29374b var(--texture-level) 100%)}#collectionView{background:radial-gradient(68% 39% at 50% 44%,rgba(81,130,200,.13),transparent 73%),linear-gradient(180deg,#111b2c,#070c16 65%,#05070d)}.collectionAura{background:radial-gradient(circle,rgba(112,161,232,.15),rgba(55,91,143,.035) 46%,transparent 72%)}.collectionBack,.collectionQuietBtn,#collectionEditTop,#collectionZoomEdit,#collectionZoomClose{border-color:var(--gallery-line);background:linear-gradient(145deg,rgba(47,67,95,.65),rgba(14,23,39,.75));color:#e4efff;box-shadow:inset 0 1px rgba(255,255,255,.14),0 8px 22px #0005;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.collectionTopTitle small,.collectionIndex{color:#8299bc}.collectionTopTitle b,.collectionName{color:#f0f6ff}.collectionMaterial{color:#91a8c9}.collectionHint{color:#637d9e}.collectionRailWrap:before{background:linear-gradient(90deg,#060b14,transparent)}.collectionRailWrap:after{background:linear-gradient(-90deg,#060b14,transparent)}.collectionThumbVisual{border-radius:9px;box-shadow:0 9px 20px #0008,inset 0 0 0 1px rgba(202,225,255,.17)}.collectionThumb.active .collectionThumbVisual{box-shadow:0 12px 27px #000a,0 0 0 1px #bad7fb,0 0 18px rgba(112,163,229,.26)}.collectionThumb.active:after{content:"";display:block;width:4px;height:4px;margin:6px auto 0;border-radius:50%;background:#b9d9ff;box-shadow:0 0 8px #83b7fa}.collectionMainCard{box-shadow:0 43px 88px #000b,0 0 0 1px rgba(190,220,255,.18)}#collectionZoom{background:#060b14}#collectionZoomName,.collectionZoomTop{color:#dbeaff}#collectionAdjustMenu,#addMenu,#projectMenu,#renameBox,#projectDeleteBox,#exportSheet{background:linear-gradient(155deg,rgba(32,47,70,.98),rgba(10,18,31,.99));border-color:var(--gallery-line);box-shadow:inset 0 1px rgba(255,255,255,.14),0 28px 85px #000b}.collectionAdjustTitle,.projectActionTitle{color:#88a2c7}.collectionAdjustOption,.projectActionButton{color:#eaf3ff}.collectionAdjustOption small{color:#8ea4c5}.collectionAdjustOption.primary{background:linear-gradient(125deg,#eef7ff,#b8d2f1);color:#14243b}#toast{background:rgba(21,33,52,.92);border-color:var(--gallery-line);color:#f1f7ff}#projectHome{background:radial-gradient(ellipse 108% 48% at 50% 9%,#1c355b 0%,#101e35 42%,#070d19 78%,#05080f 100%)}#projectHome:before{background:radial-gradient(ellipse 59% 28% at 50% 56%,rgba(116,167,232,.17),transparent 75%)}.homeEdition{font-size:7px;color:#8ba2c4}.homeHero{justify-content:center;padding-top:0}.homeHeadline{position:relative;font-size:clamp(49px,13.6vw,70px);line-height:.83;letter-spacing:-.09em;font-weight:800;text-align:center;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"SF Pro Display",sans-serif;text-transform:uppercase;text-shadow:0 2px 25px rgba(163,206,255,.08)}.homeHeadline span{display:block;color:#f5f8ff}.homeHeadline em{display:block;margin-left:.17em;font-style:normal;letter-spacing:-.075em;background:linear-gradient(155deg,#ffffff 14%,#a6c6ee 40%,#496995 64%,#e7f4ff 82%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 12px rgba(124,174,237,.20))}.homeSubtitle{margin:14px 0 0;color:#9eb3d1;font-size:9px;letter-spacing:.12em}.coverStage{width:min(63vw,246px,calc((100dvh - 390px)*.72));margin:23px auto 7px;transform:translateZ(0)}.coverStage:before{background:#6daff4;filter:blur(50px);opacity:.23}#coverCard{border-radius:17px;border:1px solid rgba(212,234,255,.58);background:repeating-linear-gradient(0deg,rgba(213,231,255,.018) 0 1px,transparent 1px 4px),radial-gradient(ellipse 70% 48% at var(--cover-light-x,48%) var(--cover-light-y,30%),rgba(211,231,255,.35),rgba(77,127,187,.15) 49%,transparent 100%),linear-gradient(133deg,#627d9f 0%,#142540 13%,#07121f 35%,#162b48 59%,#344f75 79%,#0a1628 100%);box-shadow:inset 0 1px rgba(255,255,255,.82),inset 2px 0 rgba(194,223,255,.27),inset -3px 0 rgba(0,0,0,.52),inset 0 -17px 35px rgba(1,8,18,.4),0 34px 75px #000b,0 7px 24px rgba(71,141,230,.13)}#coverCard:before{background:radial-gradient(ellipse 24% 22% at var(--cover-light-x,48%) var(--cover-light-y,30%),rgba(255,255,255,.65),rgba(194,223,255,.21) 49%,transparent 100%);opacity:.65}#coverCard:after{inset:8px;border-color:rgba(215,235,255,.22);box-shadow:inset 0 0 0 1px rgba(4,18,37,.38),0 0 0 1px rgba(0,0,0,.15)}.coverMotion{color:#829fc9;font-size:8px;letter-spacing:.15em}.homeActions{grid-template-columns:1fr 1fr;gap:9px;padding:5px 0 0}.homePrimary,.homeSecondary{position:relative;display:flex;align-items:center;gap:10px;min-height:86px;padding:11px;border-radius:19px;text-align:left;letter-spacing:0;overflow:hidden}.homePrimary{background:linear-gradient(145deg,rgba(245,250,255,.98),rgba(170,200,238,.92));border-color:#eaf5ff;color:#10213a;box-shadow:inset 0 1px white,0 12px 28px #0005}.homeSecondary{background:linear-gradient(155deg,rgba(72,98,138,.28),rgba(22,35,57,.68));border-color:rgba(199,224,255,.22);color:#e6f1ff;box-shadow:inset 0 1px rgba(255,255,255,.19),0 12px 28px #0005}.homeSecondary span{margin-left:0}.homeFoot{grid-column:1/-1;font-size:6px;color:#637fa7;margin:1px 0 0}
@media(max-width:360px){.homePrimary,.homeSecondary{padding:9px;gap:7px}}
@media(max-height:710px){.homeHeadline{font-size:clamp(42px,12vw,58px)}.coverStage{width:min(50vw,200px,calc((100dvh - 350px)*.72));margin:12px auto 2px}.homePrimary,.homeSecondary{min-height:72px}.homeSubtitle{margin-top:9px}}#coverCard{background:#071321;border-color:rgba(214,237,255,.68);box-shadow:inset 0 1px rgba(255,255,255,.88),inset 2px 0 rgba(179,218,255,.36),inset -3px 0 #06101c,0 35px 75px #000c,0 0 32px rgba(103,167,239,.12)}#coverCard:before{z-index:2;inset:-35%;background:radial-gradient(ellipse 25% 18% at var(--cover-light-x,48%) var(--cover-light-y,30%),rgba(255,255,255,.66),rgba(149,206,255,.16) 55%,transparent 100%);opacity:.44}#coverCard:after{z-index:3;border-color:rgba(221,241,255,.19)}.coverArtwork{position:absolute;inset:0;z-index:1;overflow:hidden}.coverArtwork svg{display:block;width:100%;height:100%}.coverStage{width:min(66vw,252px,calc((100dvh - 390px)*.72));margin-top:18px}.coverStage:before{opacity:.29}
@media(max-height:710px){.coverStage{width:min(53vw,207px,calc((100dvh - 340px)*.72));margin-top:9px}}.blankChoiceMark{position:absolute;z-index:2;left:50%;top:50%;display:grid;place-items:center;width:37px;height:37px;transform:translate(-50%,-50%);border:1px solid rgba(204,230,255,.38);border-radius:50%;background:rgba(145,187,238,.08);color:#dfedff;font-size:25px;font-weight:300;box-shadow:inset 0 1px rgba(255,255,255,.14)}#blankPrompt{position:fixed;z-index:7;left:50%;top:47%;display:none;align-items:center;flex-direction:column;gap:4px;min-width:135px;padding:13px 16px;border:1px solid rgba(210,232,255,.38);border-radius:17px;background:rgba(25,42,65,.78);color:#f1f8ff;box-shadow:inset 0 1px rgba(255,255,255,.18),0 14px 32px #0009;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transform:translate(-50%,-50%)}#blankPrompt span{font-size:26px;line-height:1;font-weight:280}#blankPrompt b{font-size:11px;letter-spacing:.05em}#blankPrompt small{color:#92a9c8;font:600 7px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.blankProject.editMode:not(.homeOpen):not(.collectionOpen):not(.sheetOpen):not(.focusMode) #blankPrompt{display:flex}
:root{--cardia-void:#080909;--cardia-ink:#111312;--cardia-panel:#171918;--cardia-panel-hi:#202220;--cardia-line:rgba(229,217,191,.16);--cardia-line-soft:rgba(229,217,191,.09);--cardia-ivory:#f3eee3;--cardia-muted:#8c897f;--cardia-gold:#d6b878;--cardia-blue:#4ea8ff;--cardia-holo:linear-gradient(115deg,#d7b778 0%,#f2e9d4 24%,#4ea8ff 48%,#bd81d9 69%,#f2d6a1 100%);--gallery-line:var(--cardia-line);--gallery-line-soft:var(--cardia-line-soft);--ui-accent:var(--cardia-gold);--ui-line:var(--cardia-line)}html,body{background:var(--cardia-void);color:var(--cardia-ivory)}body{background:radial-gradient(70% 46% at 50% 38%,rgba(58,65,62,.19),transparent 78%),radial-gradient(55% 30% at 14% 89%,rgba(78,168,255,.045),transparent 72%),linear-gradient(180deg,#0b0c0b,#070808 68%,#090909)}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(222,211,186,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(222,211,186,.035) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(180deg,rgba(0,0,0,.65),transparent 66%)}#app{background:radial-gradient(50% 35% at 50% 46%,rgba(214,184,120,.035),transparent 78%)}#topbar{background:linear-gradient(180deg,rgba(7,8,8,.91),rgba(7,8,8,.45) 66%,transparent)}.topIcon{border-color:var(--cardia-line);background:linear-gradient(145deg,rgba(42,43,40,.9),rgba(15,16,15,.88));color:#e5ddcb;box-shadow:inset 0 1px rgba(255,255,255,.10),0 8px 22px #0008}.projectEyebrow,.objectKicker{color:#9d9077}.projectName,.objectName{color:var(--cardia-ivory)}.objectMaterial{color:#a28c61}#mode,#motion{border-color:var(--cardia-line);background:linear-gradient(145deg,rgba(30,32,30,.94),rgba(13,14,13,.94));color:#c4b89c;box-shadow:inset 0 1px rgba(255,255,255,.08),0 12px 28px #0009}#mode button{color:#87847b}#mode button.active{background:linear-gradient(140deg,#eee1bf,#c9a962);color:#211d14;box-shadow:inset 0 1px #fff8,0 3px 13px #0006}#motion.active{color:#f0dfb7;background:rgba(214,184,120,.14);border-color:rgba(214,184,120,.35)}#bottomNav{background:linear-gradient(150deg,rgba(37,38,35,.96),rgba(14,15,14,.97));border-color:rgba(229,217,191,.19);box-shadow:inset 0 1px rgba(255,255,255,.10),0 18px 54px #000b;backdrop-filter:blur(26px) saturate(1.1);-webkit-backdrop-filter:blur(26px) saturate(1.1)}.navBtn{color:#87847a}.navBtn svg{background:rgba(226,215,190,.055);box-shadow:inset 0 1px rgba(255,255,255,.07)}.navBtn.active{color:#f1e8d6;background:rgba(214,184,120,.055);box-shadow:inset 0 0 0 1px rgba(214,184,120,.15)}.navBtn.active svg{background:linear-gradient(145deg,#efe0bd,#b99856);color:#201c14;box-shadow:0 3px 12px rgba(214,184,120,.16),inset 0 1px #fff9}#viewControls{color:var(--cardia-ivory)}#focusExit{border-color:var(--cardia-line);background:rgba(19,20,18,.82);color:#efdfbd;box-shadow:0 12px 34px #0009,inset 0 1px rgba(255,255,255,.12)}#sheet{background:linear-gradient(155deg,rgba(35,36,33,.985),rgba(19,20,19,.99) 42%,rgba(11,12,12,.995));border-color:rgba(229,217,191,.17);box-shadow:0 -24px 78px #000d,inset 0 1px rgba(255,255,255,.10)}.sheetHandle{background:linear-gradient(90deg,#7a6746,#e1cb97,#7a6746)}.sheetTitle{color:#f3eee3}.sheetSubtitle,.sectionLabel{color:#9a9384}.sheetClose{border-color:var(--cardia-line);background:rgba(218,203,171,.07);color:#e5d7b6}.materialCard,.textureCard,.materialTuning,.materialControlPanel,.layerEditor,.layerRow{background:rgba(234,222,195,.035);border-color:var(--cardia-line-soft)}.materialCard.active,.textureCard.active,.finishCard.active,.layerRow.active{border-color:rgba(214,184,120,.65);background:linear-gradient(145deg,rgba(214,184,120,.12),rgba(78,168,255,.035));box-shadow:inset 0 1px rgba(255,247,224,.07),0 0 22px rgba(214,184,120,.045)}.materialCard.active:before,.textureCard.active:before{background:var(--cardia-gold);box-shadow:0 0 11px rgba(214,184,120,.55)}.matName,.textureName{color:#eee7d9}.matKind,.textureDesc,.compositionHint{color:#88857c}.materialControlInput::-webkit-slider-thumb{background:linear-gradient(140deg,#f4e7c7,#b9954c);border-color:#f4e6c5}.materialControlInput::-moz-range-thumb{background:linear-gradient(140deg,#f4e7c7,#b9954c);border-color:#f4e6c5}.textureStrengthBar::-webkit-slider-runnable-track{background:linear-gradient(90deg,#d6b878 0 var(--texture-level),#343532 var(--texture-level) 100%)}#projectHome{background:radial-gradient(ellipse 95% 42% at 50% 10%,#25231d 0%,#131412 33%,#090a09 70%,#070808 100%);color:var(--cardia-ivory)}#projectHome:before{background:radial-gradient(ellipse 59% 30% at 50% 53%,rgba(214,184,120,.10),transparent 76%),radial-gradient(ellipse 50% 20% at 53% 57%,rgba(78,168,255,.055),transparent 78%)}.homeEdition{color:#847d6d;font:600 7px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.22em}.homeHero:before{background:radial-gradient(circle,rgba(214,184,120,.12),rgba(78,168,255,.035) 45%,transparent 70%);filter:blur(28px)}.homeHeadline{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;color:#f2ebdc;font-size:clamp(30px,8.8vw,38px);line-height:1.1;letter-spacing:.11em;font-weight:650;text-shadow:0 4px 30px rgba(214,184,120,.10)}.homeSubtitle{color:#a69a80;letter-spacing:.16em}.coverStage:before{inset:4% 5% -7%;background:linear-gradient(130deg,rgba(214,184,120,.42),rgba(78,168,255,.26),rgba(196,128,211,.28));filter:blur(43px);opacity:.22}.coverStage:after{content:"";position:absolute;inset:-10px;border:1px solid rgba(220,204,167,.15);border-radius:21px;pointer-events:none}#coverCard{border-color:rgba(237,220,181,.62);border-radius:14px;background:radial-gradient(ellipse at var(--cover-light-x,48%) var(--cover-light-y,30%),rgba(241,228,197,.21),transparent 42%),linear-gradient(145deg,#282925 0%,#151715 30%,#0b0d0d 65%,#26231b 100%);box-shadow:inset 0 1px rgba(255,255,255,.34),inset 0 -18px 35px rgba(0,0,0,.54),0 0 0 1px rgba(214,184,120,.16),0 30px 70px #000c}#coverCard:before{background:linear-gradient(118deg,transparent 20%,rgba(255,244,216,.28) 34%,rgba(78,168,255,.11) 38%,transparent 52%),radial-gradient(ellipse 34% 23% at var(--cover-light-x,48%) var(--cover-light-y,30%),rgba(255,255,255,.48),rgba(214,184,120,.18) 49%,transparent 100%);opacity:.66}#coverCard:after{border-color:rgba(235,220,187,.22);border-radius:9px;inset:10px}.coverMotion{color:#a8956b}.coverMotion:active{color:#f1e4c3}.homePrimary,.homeSecondary{border-radius:15px;letter-spacing:.08em}.homePrimary{border-color:#e4cf9e;background:linear-gradient(125deg,#eee2c4,#c4a35b);color:#201d16;box-shadow:inset 0 1px #fff9,0 14px 34px rgba(0,0,0,.35)}.homeSecondary{border-color:rgba(222,207,174,.25);background:linear-gradient(145deg,rgba(233,222,197,.075),rgba(144,148,144,.025));color:#ded5c2;box-shadow:inset 0 1px rgba(255,255,255,.07)}.homeSecondary span{color:#c6aa6a}.homeFoot{color:#746c5b}#collectionView{background:radial-gradient(70% 34% at 50% 44%,rgba(214,184,120,.075),transparent 75%),radial-gradient(45% 25% at 70% 68%,rgba(78,168,255,.045),transparent 75%),linear-gradient(180deg,#121310,#090a09 70%,#070808)}.collectionBack,.collectionQuietBtn,#collectionEditTop,#collectionZoomEdit,#collectionZoomClose{border-color:var(--cardia-line);background:linear-gradient(145deg,rgba(48,47,41,.78),rgba(17,18,16,.90));color:#e8dfcc;box-shadow:inset 0 1px rgba(255,255,255,.10),0 8px 22px #0007;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.collectionTopTitle small{color:#a58d5a;letter-spacing:.25em}.collectionTopTitle b{color:#f1ebdf;letter-spacing:.07em}.collectionAura{background:radial-gradient(circle,rgba(214,184,120,.10),rgba(78,168,255,.035) 43%,transparent 73%);filter:blur(22px)}.collectionIndex{color:#8b816b;letter-spacing:.22em}.collectionName{color:#f1ebdf}.collectionMaterial{color:#a89367}.collectionHint{color:#746e62}.collectionRailWrap:before{background:linear-gradient(90deg,#080909,transparent)}.collectionRailWrap:after{background:linear-gradient(-90deg,#080909,transparent)}.collectionThumbVisual{border:1px solid rgba(224,210,179,.14);background-color:#171917;border-radius:7px;box-shadow:0 9px 20px #0008,inset 0 0 0 1px rgba(255,255,255,.035)}.collectionThumb.active .collectionThumbVisual{border-color:rgba(214,184,120,.7);box-shadow:0 12px 27px #000a,0 0 0 1px rgba(214,184,120,.35),0 0 20px rgba(214,184,120,.12)}.collectionThumb.active:after{background:#e1c37f;box-shadow:0 0 9px #d6b878}#collectionMainCard{box-shadow:0 40px 80px #000c,0 0 0 1px rgba(238,225,197,.18)}#collectionZoom{background:#080909}#collectionZoomName,.collectionZoomTop{color:#e7decb}.collectionZoomTop{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.19em}#collectionAdjustMenu,#addMenu,#projectMenu,#renameBox,#projectDeleteBox,#exportSheet,#projectActionsSheet{background:linear-gradient(155deg,rgba(34,35,31,.985),rgba(12,13,12,.995));border-color:var(--cardia-line);box-shadow:inset 0 1px rgba(255,255,255,.1),0 28px 85px #000c}.collectionAdjustTitle,.projectActionTitle{color:#aa9360}.collectionAdjustOption,.projectActionButton{color:#eee7d8}.collectionAdjustOption small{color:#8f8777}.collectionAdjustOption.primary{background:linear-gradient(125deg,#efe1bf,#c4a35b);color:#211d14}.collectionAdjustOption.primary small{color:#6e5d37}#toast{background:rgba(24,24,21,.94);border-color:var(--cardia-line);color:#f0e8d8}#collectionStage{perspective:1400px}#collectionZoom{background:rgba(7,8,8,0);transition:opacity .25s ease,transform .3s var(--spring),visibility 0s linear .3s,background-color .36s ease}.collectionZoomOpen #collectionZoom{background:rgba(7,8,8,.985);transition:opacity .25s ease,transform .3s var(--spring),visibility 0s linear,background-color .36s ease}.collectionZoomStage,#collectionZoomName{opacity:0;transform:translateY(12px) scale(.975);transition:opacity .28s ease .11s,transform .4s cubic-bezier(.2,.8,.2,1) .09s}.collectionZoomOpen .collectionZoomStage,.collectionZoomOpen #collectionZoomName{opacity:1;transform:translateY(0) scale(1)}
@media(max-height:740px){}@media(max-width:360px){}
@media(prefers-reduced-motion:reduce){#collectionZoom,.collectionZoomStage,#collectionZoomName{transition-duration:.01ms!important}}.coverStage:after{display:none!important}#coverCard{border:0!important;box-shadow:inset 0 1px rgba(255,255,255,.22),inset 0 -20px 38px rgba(0,0,0,.58),0 32px 76px rgba(0,0,0,.78),0 8px 30px rgba(78,168,255,.08)!important}#coverCard:after{display:none!important}.homePrimary{border:0!important;background:linear-gradient(145deg,#e7f3ff 0%,#a7ccf7 43%,#5f8fce 100%)!important;color:#0c1c32!important;box-shadow:inset 0 1px rgba(255,255,255,.82),inset 0 -1px rgba(17,47,87,.18),0 14px 34px rgba(0,0,0,.38),0 0 25px rgba(78,168,255,.10)!important}#collectionMainCard{border:0!important;box-shadow:0 17px 34px rgba(0,0,0,.46),0 42px 86px rgba(0,0,0,.38)!important}#collectionMainCard:before,#collectionMainCard:after{display:none!important}#collectionZoom .collectionZoomStage canvas{box-shadow:0 35px 95px #000b!important}.collectionThumbVisual,.collectionThumb.active .collectionThumbVisual{box-shadow:0 8px 18px rgba(0,0,0,.34)!important}.collectionThumbVisual{border:0!important;box-shadow:0 9px 20px rgba(0,0,0,.52)!important}.collectionThumb.active .collectionThumbVisual{border:0!important;box-shadow:0 15px 30px rgba(0,0,0,.66),0 0 20px rgba(78,168,255,.16)!important}
.homeHeadline span,.homeHeadline em{display:block;background:linear-gradient(180deg,#fff8df 0%,#dab65d 16%,#fff0b7 29%,#a97022 46%,#f7df99 59%,#bf8932 74%,#fff1c7 88%,#98611d 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;text-shadow:0 1px 0 rgba(255,247,216,.12);filter:drop-shadow(0 2px 9px rgba(203,156,63,.18))}.homeHeadline span{margin-left:.1em;letter-spacing:-.07em}.homeHeadline em{margin-left:.17em;letter-spacing:-.075em}.homeEdition,.homeFoot{display:none!important}.coverMotion{width:34px;height:28px;min-height:28px;padding:0;border-radius:999px;color:#c6a352;font-size:15px;line-height:1}

.homeHero{align-items:center}.homeSubtitle{width:100%;box-sizing:border-box;text-align:center;align-self:center;padding-left:.14em}.homeHeadline{width:100%;margin:0!important;align-self:center;text-align:center;line-height:1.03!important;letter-spacing:0!important}.homeHeadline span,.homeHeadline em{margin:0!important;letter-spacing:-.045em!important;padding-right:.045em;transform:none!important;font-weight:750}.homeSubtitle{margin-top:13px;letter-spacing:.10em;font-size:9px}.homeActions{gap:10px}.homePrimary,.homeSecondary{justify-content:center!important;gap:11px!important;padding:14px 10px!important;min-height:82px}.coverMotion{position:relative;display:grid;place-items:center;width:48px!important;height:38px!important;min-height:38px!important;margin:5px auto 0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;border-radius:0!important;font-size:0!important;touch-action:manipulation}.coverMotion:before{content:"";display:block;width:30px;height:2px;border-radius:99px;background:linear-gradient(90deg,rgba(219,205,173,.25),#e3d3ad,rgba(219,205,173,.25));box-shadow:0 0 7px rgba(218,195,148,.08);transition:width .48s cubic-bezier(.22,1,.36,1),height .48s cubic-bezier(.22,1,.36,1),box-shadow .48s ease,transform .3s ease;transform:translateZ(0)}.coverMotion.active:before{width:18px;height:18px;background:radial-gradient(circle at 31% 25%,#fff7dc 0%,#e9dab3 19%,#bba775 48%,#63583d 78%,#302e24 100%);box-shadow:inset 0 1px 2px rgba(255,255,255,.50),inset 0 -2px 3px rgba(0,0,0,.3),0 3px 8px rgba(0,0,0,.45),0 0 11px rgba(223,201,155,.12)}.coverMotion:active:before{transform:scale(.86)}.coverMotion:focus-visible{outline:1px solid rgba(223,208,175,.5);outline-offset:1px;border-radius:9px!important}
@media(max-width:360px){.homePrimary,.homeSecondary{gap:8px!important;padding:12px 8px!important}}
@media(prefers-reduced-motion:reduce){.coverMotion:before{transition:none!important}}
#projectHome{background:#000!important;box-shadow:none!important;padding:0 24px max(22px,env(safe-area-inset-bottom));transition:opacity .32s ease,transform .38s var(--spring)}#projectHome:before,.homeHero:before,.coverStage:before,.homeSubtitle{display:none!important}.homeHero{flex:1;justify-content:flex-start;padding:0!important;min-height:0}.homeHeadline{margin:clamp(48px,13dvh,116px) 0 0!important;flex:none;font-size:clamp(30px,10vw,47px)!important;line-height:1!important;letter-spacing:.17em!important;font-weight:450!important;width:auto!important;background:linear-gradient(180deg,#fcfeff 4%,#a6b2bf 30%,#526070 53%,#dce5ef 72%,#909ead 100%);background-clip:text;-webkit-background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;text-shadow:none!important;filter:none!important;padding-left:.17em}.coverStage{width:min(65vw,290px,calc((100dvh - 290px)*.715))!important;min-width:0!important;aspect-ratio:3/4;margin:auto auto 12px!important;flex:none;touch-action:none;cursor:pointer}#coverCard{border:0!important;border-radius:14px!important;background:linear-gradient(113deg,#adbccc 0%,#536375 19%,#171f28 34%,#090c11 61%,#24303b 87%,#768390 98%)!important;box-shadow:inset 0 .7px 1px #e5efff88,inset 0 -.6px 1px #a2b1c744!important}#coverCard:before{inset:-65%!important;background:linear-gradient(112deg,transparent 30%,#d9e8fa88 37%,#d9e8fa22 47%,transparent 58%,#0009 68%,transparent 77%)!important;mix-blend-mode:normal!important;opacity:.65!important;transform:translate(calc((var(--cover-light-x,50%) - 50%)*.6),calc((var(--cover-light-y,33%) - 33%)*.3));filter:blur(8px)}.canvasPlus{position:absolute;left:50%;top:50%;width:22px;height:22px;transform:translate(-50%,-50%);z-index:2}.canvasPlus:before,.canvasPlus:after{content:"";position:absolute;left:50%;top:50%;background:#648fff;border-radius:2px;transform:translate(-50%,-50%);box-shadow:0 0 4px #3663be66}.canvasPlus:before{width:22px;height:1.5px}.canvasPlus:after{width:1.5px;height:22px}#newProjectBtn{display:block!important;width:auto!important;min-height:44px!important;height:44px!important;padding:8px 20px!important;margin:0 auto 12px!important;border:0!important;background:none!important;box-shadow:none!important;border-radius:8px!important;color:#9caec6!important;font:500 10px/1 ui-sans-serif,system-ui!important;letter-spacing:.38em!important;text-indent:.38em;flex:none}.homeActions{display:flex!important;flex-direction:column;align-items:center;max-width:none;padding:0!important;gap:0;margin:0 auto!important;flex:none}#collectionEntryBtn{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:16px!important;background:none!important;border:0!important;box-shadow:none!important;width:150px!important;min-height:112px!important;padding:12px!important;border-radius:12px!important;color:#87919f!important;font:500 9px/1 system-ui!important;letter-spacing:.32em!important}.archiveFan{position:relative;width:76px;height:62px;display:block}.archiveFan i{position:absolute;left:18px;top:2px;width:43px;height:58px;border-radius:4px;background:linear-gradient(120deg,#9caebe,#28323d 35%,#0b1016 65%,#4a5867);box-shadow:inset 0 0 0 .6px #b3c0d455,0 2px 8px #0008;transform-origin:50% 85%;transition:transform .48s cubic-bezier(.22,1,.36,1)}.archiveFan i:nth-child(1){transform:rotate(17deg) translateX(8px)}.archiveFan i:nth-child(2){transform:rotate(3deg)}.archiveFan i:nth-child(3){transform:rotate(-13deg) translateX(-8px)}#collectionEntryBtn:hover .archiveFan i:nth-child(1){transform:rotate(23deg) translateX(12px)}#collectionEntryBtn:hover .archiveFan i:nth-child(3){transform:rotate(-19deg) translateX(-12px)}#topbar,#bottomNav,#viewControls{transition:opacity .28s ease}#favoriteCount{display:none}.coverMotion{position:absolute!important;right:0;bottom:8px;width:44px!important;opacity:.45}.coverMotion:before{background:linear-gradient(90deg,#778ba344,#c3d3e8,#778ba344)!important}.coverMotion.active{opacity:1}.homeLeaving #projectHome{opacity:0;pointer-events:none;transform:translate(-50%,0)!important}.homeEntering #topbar,.homeEntering #bottomNav,.homeEntering #viewControls{opacity:0!important;pointer-events:none!important}#coverCard:focus-visible,#newProjectBtn:focus-visible,#collectionEntryBtn:focus-visible{outline:1px solid #6b94d5!important;outline-offset:6px}
@media(max-height:650px){.homeHeadline{margin-top:max(30px,8dvh)!important}.coverStage{width:min(59vw,calc((100dvh - 250px)*.715))!important}#collectionEntryBtn{min-height:88px!important;gap:8px!important}.archiveFan{transform:scale(.8);height:52px}#newProjectBtn{margin-bottom:2px!important}}
@media(prefers-reduced-motion:reduce){.archiveFan i{transition:none!important}.homeLeaving #projectHome{transition:none!important}}
.homeHeadline{margin-top:clamp(32px,7dvh,66px)!important;font-weight:430!important;letter-spacing:.19em!important;font-size:clamp(30px,9.8vw,46px)!important;padding-left:.19em}.homeSubtitle{display:block!important;flex:none;margin:16px 0 0!important;padding:0!important;color:#929ba8!important;font:400 10px/1.7 -apple-system,BlinkMacSystemFont,system-ui!important;letter-spacing:.12em!important;text-align:center}.coverStage{aspect-ratio:63/88!important;width:min(68vw,300px,calc((100dvh - 290px)*.715))!important;margin:clamp(24px,4.8dvh,42px) auto 4px!important}#coverCard{background:none!important;box-shadow:none!important;border-radius:0!important;transform:none!important;overflow:visible!important}#coverCard:before{display:none!important}#coverCard canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}.canvasPlus{top:47%;width:21px;height:21px}.canvasCreateLabel{position:absolute;top:calc(47% + 26px);width:100%;text-align:center;color:#bec9da;font:400 10px/1.5 system-ui;letter-spacing:.12em;pointer-events:none}#newProjectBtn{display:none!important}.coverMotion{position:relative!important;right:auto!important;bottom:auto!important;width:92px!important;height:44px!important;margin:2px auto 0!important;opacity:.9!important;display:flex!important;justify-content:center!important;gap:9px!important;align-items:center!important;color:#9aa7ba!important;font:400 9px/1 system-ui!important;letter-spacing:.08em!important;flex:none}.coverMotion:before{flex:none;width:24px!important}.coverMotion.active:before{width:14px!important;height:14px!important;background:radial-gradient(circle at 30% 25%,#f0f7ff,#a1b4cc 36%,#4f637a 70%,#1b2636)!important}.coverMotion:after{content:'体感'}.coverMotion.active:after{content:'体感已开启'}.homeActions{margin-top:auto!important;padding-top:6px!important}#collectionEntryBtn{font-family:system-ui!important;color:#8e99a8!important;font-weight:450!important;text-transform:uppercase}#projectHome{padding-bottom:max(18px,env(safe-area-inset-bottom))!important}.homeOpticalFallback{position:absolute;inset:3%;border-radius:14px;background:#171c23;box-shadow:inset 0 1px #abbccc33}.coverOpticsReady .homeOpticalFallback{display:none}
@media(max-height:650px){.homeHeadline{margin-top:24px!important}.homeSubtitle{margin-top:10px!important}.coverStage{margin-top:20px!important;width:min(64vw,calc((100dvh - 252px)*.715))!important}.coverMotion{height:36px!important}#collectionEntryBtn{min-height:78px!important}.homeActions{padding-top:0!important}}
:root{--gold:#bfd2ed;--gold-soft:rgba(191,210,237,.52);--cardia-void:#080b10;--cardia-ink:#101722;--cardia-panel:#141e2b;--cardia-panel-hi:#1c293b;--cardia-line:rgba(185,209,239,.16);--cardia-line-soft:rgba(185,209,239,.09);--cardia-ivory:#e3ebf6;--cardia-muted:#879bb5;--cardia-gold:#b7cdea;--ui-accent:#b7cdea;--accent:#b7cdea;--accent-rgb:183,205,234;--ui-ink:#e3ebf6;--ui-muted:#879bb5;--glass-muted:#879bb5;--glass-accent:#b7cdea}body{background:#080b10}body:before{background-image:linear-gradient(rgba(185,209,239,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(185,209,239,.025) 1px,transparent 1px)}#app{background:none}#topbar{background:linear-gradient(180deg,rgba(8,11,16,.91),rgba(8,11,16,.45) 66%,transparent)}.topIcon,#mode,#motion,#bottomNav,.collectionBack,.collectionQuietBtn,#collectionEditTop,#collectionZoomEdit,#collectionZoomClose{background:linear-gradient(145deg,rgba(30,43,62,.94),rgba(12,19,30,.96));color:#d7e3f4;border-color:var(--cardia-line)}.projectEyebrow,.objectKicker,.objectMaterial,.collectionMaterial,.collectionTopTitle small,.collectionIndex,.collectionHint,.sheetSubtitle,.sectionLabel,.matKind,.textureDesc,.compositionHint,.collectionAdjustTitle,.projectActionTitle{color:#879bb5}.projectName,.objectName,.sheetTitle,.matName,.textureName,.collectionName,.collectionTopTitle b,#collectionZoomName,.collectionZoomTop{color:#e3ebf6}#mode button,.navBtn{color:#879bb5}#mode button.active,.navBtn.active svg{background:linear-gradient(145deg,#e8f1ff,#a6bedf);color:#14243b;box-shadow:inset 0 1px rgba(255,255,255,.7)}#motion.active{color:#c8ddf9;background:rgba(94,148,220,.16);border-color:rgba(156,194,243,.35)}.navBtn svg{background:rgba(177,202,237,.055)}.navBtn.active{color:#e3edfc;background:rgba(140,182,239,.075);box-shadow:inset 0 0 0 1px rgba(177,202,237,.15)}#focusExit{background:rgba(15,23,35,.88);color:#d3e2f7}#sheet,#collectionAdjustMenu,#addMenu,#projectMenu,#renameBox,#projectDeleteBox,#exportSheet,#projectActionsSheet{background:linear-gradient(155deg,rgba(26,38,55,.985),rgba(12,19,30,.995));border-color:var(--cardia-line)}.sheetHandle{background:linear-gradient(90deg,#526780,#c4d4ec,#526780)}.sheetClose{background:rgba(177,202,237,.07);color:#c8d8ee}.materialCard,.textureCard,.materialTuning,.materialControlPanel,.layerEditor,.layerRow{background:rgba(177,202,237,.035)}.materialCard.active,.textureCard.active,.finishCard.active,.layerRow.active{border-color:rgba(166,198,240,.55);background:linear-gradient(145deg,rgba(130,178,240,.12),rgba(177,202,237,.035));box-shadow:inset 0 1px rgba(215,230,255,.07)}.materialCard.active:before,.textureCard.active:before{background:#bfd4f1;box-shadow:0 0 11px rgba(177,202,237,.35)}.materialControlInput::-webkit-slider-thumb{background:linear-gradient(140deg,#eff5ff,#93acce);border-color:#c9d9ef}.materialControlInput::-moz-range-thumb{background:linear-gradient(140deg,#eff5ff,#93acce);border-color:#c9d9ef}.textureStrengthBar::-webkit-slider-runnable-track{background:linear-gradient(90deg,#b7cdea 0 var(--texture-level),#293447 var(--texture-level) 100%)}.textureStrengthBar::-moz-range-track{background:#293447}.textureStrengthBar::-moz-range-progress{background:#b7cdea}#collectionView{background:radial-gradient(70% 34% at 50% 44%,rgba(118,161,221,.045),transparent 75%),linear-gradient(180deg,#0e1520,#080b10 70%)}.collectionAura{background:radial-gradient(circle,rgba(148,184,234,.08),transparent 73%)}.collectionRailWrap:before{background:linear-gradient(90deg,#080b10,transparent)}.collectionRailWrap:after{background:linear-gradient(-90deg,#080b10,transparent)}.collectionThumb.active:after{background:#bfd4f1;box-shadow:0 0 9px rgba(177,202,237,.4)}#collectionZoom{background:rgba(8,11,16,0)}.collectionZoomOpen #collectionZoom{background:rgba(8,11,16,.985)}.collectionAdjustOption,.projectActionButton{color:#e3ebf6}.collectionAdjustOption small{color:#879bb5}.collectionAdjustOption.primary{background:linear-gradient(125deg,#dceaff,#9bb9e1);color:#14243b}.collectionAdjustOption.primary small{color:#415976}#toast{background:rgba(16,24,37,.94);color:#e3ebf6}#collectionEntryBtn>span:not(.archiveFan){color:#aebdd1!important}.coverMotion:after{display:none!important}
#coverCard,#coverOptics{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#coverCard{cursor:grab}#coverCard:active{cursor:grabbing}
#formationButton{display:none;position:fixed;right:18px;bottom:calc(28px + env(safe-area-inset-bottom));z-index:210;padding:12px 22px;border:1px solid rgba(180,205,240,.23);border-radius:999px;background:rgba(22,35,54,.9);color:#dae8fa;font:500 12px system-ui;letter-spacing:.15em;backdrop-filter:blur(16px);touch-action:manipulation}.focusMode:not(.homeOpen):not(.collectionOpen) #formationButton,.collectionZoomOpen #formationButton{display:block}.finish-rim{background:linear-gradient(125deg,#8adfea,#bc91ff,#e9a9b4);padding:3px}.finish-rim:after{content:'';position:absolute;inset:3px;border-radius:8px;background:#162233}.finish-pearl{background:linear-gradient(120deg,#b8ccd9,#c6dbe1 36%,#cbbad8 65%,#eef0df)}#finishStrengthInput{accent-color:#b7cdea}
#formationParticles{position:fixed;inset:0;z-index:209;pointer-events:none;display:none;width:100%;height:100%}.sheetSubtitle:empty,.matKind,.textureDesc,.tuningEyebrow{display:none}.finishReset{margin-top:16px}.finishReset .finishCard{width:100%;display:flex;align-items:center;gap:12px}.finishReset .finishSample{width:44px;height:28px;margin:0}.finishLabel{font-size:12px;line-height:1.5}.finishSample{height:54px;margin-bottom:8px;border-radius:9px}.finishCard{padding:9px}.finishCard.active{border-color:#a6c7f0;background:#1f3046}.finishCard:focus-visible{outline:2px solid #bad5fa;outline-offset:2px}.finish-gold{background:repeating-linear-gradient(7deg,#0000 0 2px,#bd9a582a 3px 4px),linear-gradient(125deg,#735427,#d1ad66 43%,#b28843 55%,#e6c685)}.finish-silver{background:repeating-linear-gradient(7deg,#0000 0 2px,#b2c0d325 3px 4px),linear-gradient(125deg,#5c6c7d,#bdcad8 43%,#8c9cab 55%,#d2dce7)}.finish-mirror-gold{background:linear-gradient(116deg,#231f17 0 24%,#897245 30%,#f8e0a5 39%,#fff5d5 44%,#403622 47%,#8c7646 69%,#e6cc94 78%,#342b1a 91%)}.finish-mirror-silver{background:linear-gradient(116deg,#161c25 0 24%,#63758a 30%,#d7e6f5 39%,#fff 44%,#26303b 47%,#7e95ac 69%,#e7f4ff 78%,#293340 91%)}.finish-holo{background:linear-gradient(115deg,#14202e,#70bbb9 25%,#b7b4e2 44%,#e8cf9e 58%,#4a7898 78%,#172333)}.finish-full-holo{background:repeating-linear-gradient(116deg,#70b5e2 0%,#bfa4ed 15%,#eda6ca 29%,#e7d391 43%,#80cec0 58%,#70b5e2 72%)}.finish-uv{background:radial-gradient(ellipse at 43% 60%,#526c88 0 26%,#151f2c 28%);box-shadow:none}.finish-uv:after{inset:14% 29%;border-radius:50%;transform:none;background:linear-gradient(125deg,#d8e8ff99,transparent 45%);border-top:1px solid #c2d8ef}.finish-clear{background:linear-gradient(126deg,#24344b,#486888 52%,#27394e)}.finish-clear:after{content:'';position:absolute;inset:0;background:linear-gradient(116deg,transparent 24%,#d8eaff77 35%,#fff9 37%,transparent 42%);border-top:1px solid #e8f2ff80}.finish-rim{background:#111c2b;border:2px solid #a7bfdc;border-image:none;box-shadow:inset 2px 0 0 #7ed6dc,inset -2px 0 0 #cbb0ee}.finish-rim:after{inset:5px;background:#172436;border:1px solid #c3a8dc40}.finish-pearl{background:radial-gradient(ellipse at 25% 20%,#e4eef1,transparent 63%),linear-gradient(125deg,#94bcc9,#c5becf 50%,#d7d7c5)}
@media(prefers-reduced-motion:reduce){#formationParticles{display:none!important}}
.finishToolbar{display:flex;justify-content:space-between;align-items:center;margin:20px 0 12px;color:#a6b6ca;font-size:12px}.finishOff{border:1px solid #aac5eb25;background:transparent;color:#9eafc6;padding:7px 12px;border-radius:99px;font:inherit}.finishOff.active{color:#e6effc;background:#a8c8f222;border-color:#b8d2f366}.finishTabs{display:flex;padding:4px;gap:4px;background:#07101e55;border-radius:13px;margin-bottom:12px}.finishTabs button{flex:1;min-height:38px;border:0;border-radius:10px;background:transparent;color:#8ea3be;font:600 13px system-ui}.finishTabs button[aria-selected=true]{background:#c1d4ef;color:#111c2b;box-shadow:0 2px 8px #0003}.finishGrid{align-content:start}.finishSample{height:70px;background-color:#142033}.finishSample:before{content:'';position:absolute;inset:0;background:#131e2c;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 0,50% 12%,24% 50%,50% 88%,76% 50%,50% 12%);pointer-events:none}.finish-uv:after{inset:15% 31%;border-radius:0;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.finish-clear:after{clip-path:polygon(50% 12%,76% 50%,50% 88%,24% 50%)}.finish-rim{border:0;box-shadow:none;background:linear-gradient(135deg,#74d7e8,#d4a4ed,#e4d7a4)}.finish-rim:after{inset:0;border:0;background:#142033;clip-path:polygon(50% 19%,71% 50%,50% 81%,29% 50%)}.collectionTopTitle small,.collectionMaterial,.collectionHint,.objectKicker,.objectMaterial,.projectEyebrow{display:none!important}.collectionZoomTop>span{display:none}.collectionZoomTop{justify-content:flex-end}#collectionEditTop,#collectionZoomEdit{white-space:nowrap;min-width:62px;width:auto;flex-shrink:0;letter-spacing:0;line-height:1}#collectionView.isEmpty .collectionInfo,#collectionView.isEmpty .collectionRailWrap,#collectionView.isEmpty .collectionActions{display:none!important}#collectionView.isEmpty{grid-template-rows:auto minmax(0,1fr)}.collectionEmpty{font-size:14px;line-height:1.5;color:#9cacc0;flex-direction:column;align-items:center;gap:20px}.collectionStage.empty .collectionEmpty{display:flex}#collectionCreate{border:1px solid #bed7f532;background:#aecff013;border-radius:99px;color:#d9e7f8;padding:12px 24px;font:500 13px system-ui}.collectionName{margin-top:7px}.collectionInfo{padding-bottom:12px}
.booting #projectHome{pointer-events:none}.booting #projectHome button{pointer-events:none}#coverCard{opacity:0;transition:opacity .18s ease}#coverCard.coverOpticsReady,.appReady #coverCard{opacity:1}.homeOpen #gl,.homeOpen #fallbackCard{visibility:hidden}
.draftChoice{position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,.68);backdrop-filter:blur(12px);display:grid;align-items:end;padding:20px 20px max(24px,env(safe-area-inset-bottom));animation:draftIn .22s ease}
.draftChoicePanel{width:min(100%,430px);margin:0 auto;padding:26px 22px 22px;border-radius:28px;background:linear-gradient(155deg,#192537,#0c111a);box-shadow:0 18px 70px #0009,inset 0 1px 0 #d9e7ff26}
.draftChoicePanel h2{font-size:18px;font-weight:600;color:#e4edf8;text-align:center;margin:0 0 24px;letter-spacing:.03em}
.draftChoiceActions{display:grid;grid-template-columns:1.35fr 1fr;gap:12px}.draftChoiceActions button{min-height:52px;border:0;border-radius:17px;font:inherit;font-weight:600;color:#bbcce1;background:#ffffff0c}.draftChoiceActions button:first-child{background:linear-gradient(135deg,#dce9f9,#a5bedc);color:#142030}.draftChoiceActions button:active{transform:scale(.97)}
@keyframes draftIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.draftChoice{animation:none}}
#formationButton,#formationParticles{display:none!important}
#opticalPlaybar{display:none;position:fixed;left:50%;bottom:max(23px,calc(env(safe-area-inset-bottom) + 14px));transform:translateX(-50%);z-index:210;gap:3px;padding:5px;border:1px solid #bad2f322;border-radius:99px;background:#102033d9;backdrop-filter:blur(22px);max-width:calc(100vw - 32px)}
.focusMode:not(.homeOpen):not(.collectionOpen) #opticalPlaybar,.collectionZoomOpen #opticalPlaybar{display:flex}
#opticalPlaybar button{border:0;background:none;color:#8da3bf;border-radius:99px;padding:11px 17px;min-height:42px;font:500 12px system-ui;white-space:nowrap;touch-action:manipulation}
#opticalPlaybar button[aria-pressed="true"]{background:linear-gradient(130deg,#e3edfa,#a7bddb);color:#122036}
#opticalPlaybar button:focus-visible{outline:2px solid #c8ddfa;outline-offset:2px}#opticalPlaybar button[hidden]{display:none}
.mat-glitter,.finish-glitter{background-color:#a9b3c2;background-image:radial-gradient(circle,#fff8 0 .65px,transparent .9px),radial-gradient(circle,#bd87dc 0 .6px,transparent .9px),linear-gradient(120deg,#586274,#e1e7ec 40%,#838c9d 65%,#c0cfdb);background-size:3px 3px,5px 4px,100% 100%;background-position:0 0,1px 2px,0 0}
.collectionZoomStage{padding-bottom:50px}#collectionZoomName{bottom:90px!important;pointer-events:none}
.archiveSealFeedback{position:fixed;z-index:205;pointer-events:none;overflow:hidden}.archiveSealFeedback i{position:absolute;inset:0;border-radius:14px;background:linear-gradient(115deg,#b5d6ff05,#bdd6f31c 24%,transparent 35%,#ffffff16 72%,transparent);box-shadow:inset 0 12px 20px -18px #e4efff;animation:archiveSealIn .9s ease both}@keyframes archiveSealIn{0%{clip-path:inset(100% 0 0);opacity:0}55%{clip-path:inset(0);opacity:1}100%{clip-path:inset(0);opacity:0}}
@media(max-width:360px){#opticalPlaybar button{padding:11px 13px}}@media(prefers-reduced-motion:reduce){.archiveSealFeedback i{animation-duration:.01ms}}
:root{--ui-bg:#000;--ui-surface:#10151d;--ui-raised:#1a2636;--ui-text:#e4edf8;--ui-secondary:#a8b7ca;--ui-selected:#b7cdea;--ui-rule:#b7cdea24;--ui-fast:130ms;--ui-enter:280ms}
::selection{background:#b7cdea;color:#10151d}button,input{caret-color:var(--ui-selected)}button:focus-visible,[role=button]:focus-visible,input:focus-visible{outline:2px solid var(--ui-selected);outline-offset:3px}button:disabled{opacity:.4;cursor:default}button{touch-action:manipulation}
#topbar{padding-inline:16px;min-height:72px}.topIcon{width:44px;height:44px;border-radius:50%}.projectName{font-size:14px;letter-spacing:.01em}#projectTitle{min-height:44px;display:grid;place-content:center;top:max(12px,env(safe-area-inset-top))}
#mode{height:44px;padding:3px;background:var(--ui-surface);border-color:var(--ui-rule)}#mode button{height:36px;min-width:68px;font-size:12px;letter-spacing:0;color:var(--ui-secondary)}#mode button.active{color:#10151d;background:var(--ui-selected)}#motion{height:44px;width:44px}#motion svg{width:18px;height:18px}
#bottomNav{height:64px;border-radius:20px;background:#10151deb;box-shadow:0 12px 36px #0005;gap:0;backdrop-filter:blur(18px)}.navBtn{height:54px;border-radius:14px;font-size:12px;color:var(--ui-secondary);gap:6px;letter-spacing:0}.navBtn svg{width:20px;height:20px;border:0;background:none;box-shadow:none;padding:0}.navBtn.active{background:#b7cdea14;box-shadow:none;color:var(--ui-text)}#viewControls{bottom:calc(90px + env(safe-area-inset-bottom))}
#sheet{background:var(--ui-surface);border-color:var(--ui-rule);border-radius:24px 24px 0 0;box-shadow:0 -12px 40px #0005;backdrop-filter:none}.sheetHandle{background:#a8b7ca66}#sheetHeader{height:68px;padding:8px 16px 12px 20px}.sheetTitle{font-size:18px;color:var(--ui-text);letter-spacing:0}.sheetClose{width:44px;height:44px;font-size:24px;color:var(--ui-secondary);background:none;border-color:var(--ui-rule)}#panel{padding:0 20px 24px}.sectionLabel{font:500 12px/1.5 system-ui,sans-serif;color:var(--ui-secondary);letter-spacing:0;margin:24px 0 10px}
.compositionSeg,.reliefSeg{border-radius:14px;border-color:var(--ui-rule);background:#080d14}.compositionBtn,.reliefBtn{min-height:44px;font-size:13px;letter-spacing:0;color:var(--ui-secondary)}.materialCard,.textureCard{background:transparent;border-color:transparent;border-radius:12px;box-shadow:none}.materialCard.active,.textureCard.active{border-color:#b7cdea80;background:#b7cdea0b;box-shadow:none}.matName,.textureName{font-size:13px;color:var(--ui-text);letter-spacing:0}.matSample,.textureSample{border-radius:8px}.materialTuning{background:none;border:0;box-shadow:none;padding:12px 0;margin-bottom:0}.materialControlRow{font-size:13px;color:var(--ui-text);margin-top:18px}.materialControlInput{min-height:44px}.materialControlInput::-webkit-slider-thumb{width:24px;height:24px}.tuningHeading{font-size:13px}.tuningValue{font-size:13px;color:var(--ui-secondary)}
.layerHead{padding:0;margin-bottom:12px}.layerCount{font-size:12px;color:var(--ui-secondary)}.addLayerBtn{min-height:44px;font-size:13px;border-radius:12px;padding:0 14px;background:#b7cdea18;color:var(--ui-text);border:0;box-shadow:none}
#layerList{display:flex;flex-direction:row;align-items:flex-start;gap:12px;overflow-x:auto;scrollbar-width:none;padding:4px 0 14px;margin:0;border-bottom:1px solid var(--ui-rule);scroll-snap-type:x proximity}#layerList::-webkit-scrollbar{display:none}.layerTile{flex:0 0 76px;min-width:0;display:flex;flex-direction:column;align-items:center;gap:8px;padding:5px 4px;border:0;border-radius:10px;background:none;color:var(--ui-secondary);font:500 12px/1.3 system-ui;scroll-snap-align:start}.layerTile img{width:56px;height:66px;object-fit:contain;border-radius:8px;background:#1a2636;box-shadow:none}.layerTile span{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layerTile.active{color:var(--ui-text);background:#b7cdea10}.layerTile.active img{outline:1px solid var(--ui-selected);outline-offset:2px}.layerEditor{margin:20px 0 0;padding:0;border:0;background:none;border-radius:0;box-shadow:none}.editingName{font-size:15px;line-height:1.4;color:var(--ui-text);max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layerEditorTop{gap:12px;align-items:center}.textActions{gap:4px}.textBtn{min-width:44px;min-height:44px;font-size:13px;border-radius:10px;background:none;padding:0 10px;color:var(--ui-secondary);box-shadow:none}.textBtn.danger{color:#ed9da6;background:none}.layerOrderActions{display:flex;justify-content:flex-end;gap:4px;margin-top:2px}.layerOrderActions .textBtn{font-size:12px;color:var(--ui-secondary)}.finishToolbar{margin:16px 0 12px;font-size:12px;color:var(--ui-secondary)}.finishOff{min-height:44px;padding-inline:14px}.finishTabs{background:none;padding:0;gap:0;border-radius:0;border-bottom:1px solid var(--ui-rule);margin-bottom:16px}.finishTabs button{min-height:44px;border-radius:0;color:var(--ui-secondary);background:none!important;box-shadow:none!important;border-bottom:2px solid transparent;font-size:13px}.finishTabs button[aria-selected=true]{color:var(--ui-text);border-bottom-color:var(--ui-selected)}.finishGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.finishCard{padding:6px;border-radius:12px;background:transparent;border-color:transparent;box-shadow:none}.finishCard.active{background:#b7cdea0b;border-color:#b7cdea80}.finishSample{height:60px;border-radius:7px}.finishLabel{font-size:13px;color:var(--ui-text)}
.collectionBack,.collectionQuietBtn{min-width:44px;min-height:44px}.collectionTop #collectionFavoriteToggle{width:44px;height:44px;left:48px;top:0}#collectionEditTop,#collectionZoomEdit,#collectionZoomClose{min-height:44px;min-width:44px;font-size:13px}.collectionTopTitle b{font-size:20px;letter-spacing:0}.collectionTop{height:104px;align-items:flex-start;padding-top:0}.collectionTopTitle{padding-top:8px}#collectionLayoutSwitch{display:flex;justify-content:center;gap:4px;margin-top:12px}#collectionLayoutSwitch[hidden]{display:none}#collectionLayoutSwitch button{width:44px;height:44px;border:0;border-radius:12px;color:var(--ui-secondary);background:none;padding:12px}#collectionLayoutSwitch button[aria-pressed=true]{background:#b7cdea14;color:var(--ui-text)}#collectionLayoutSwitch svg{width:20px;height:20px;stroke-width:1.5}#collectionEditTop{top:max(18px,env(safe-area-inset-top));background:#10151d;border-color:var(--ui-rule)}.collectionName{font-size:18px}.collectionIndex{font-size:12px;color:var(--ui-secondary)}
#archiveGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px;padding:12px 8px 32px;overflow:auto;min-height:0;align-content:start;scrollbar-width:thin;scrollbar-color:#b7cdea44 transparent}#archiveGrid[hidden]{display:none}.archiveGridCard{border:0;background:none;padding:0;text-align:left;color:var(--ui-text);min-width:0;display:block}.archiveGridVisual{display:block;aspect-ratio:3/4;position:relative;border-radius:12px;overflow:hidden;background:#10151d;box-shadow:0 8px 24px #0004}.archiveGridVisual img{width:100%;height:100%;object-fit:contain;display:block}.archiveGridVisual:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,#d0e0f008,transparent 28%,#cadcf004 75%);border-radius:inherit}.archiveGridName{display:block;margin:12px 2px 0;font-size:13px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gridLayout .collectionStage,.gridLayout .collectionInfo,.gridLayout .collectionRailWrap,.gridLayout .collectionActions{display:none!important}.gridLayout{grid-template-rows:auto minmax(0,1fr)!important}.gridLayout #collectionFavoriteToggle,.gridLayout~#collectionEditTop{visibility:hidden!important}
#opticalPlaybar{background:#10151deb;border-color:var(--ui-rule)}#opticalPlaybar button{min-height:44px;font-size:13px;color:var(--ui-secondary)}#collectionZoomName{font-size:16px}#collectionZoom{background:#080b10}.collectionZoomStage{padding-bottom:64px}
@media(max-height:700px){#viewControls{bottom:calc(82px + env(safe-area-inset-bottom))}#bottomNav{height:64px}.navBtn{height:54px}.collectionTop{height:94px}}
@media(prefers-reduced-motion:reduce){#projectHome,#sheet,#collectionZoom,.collectionMainCard,.collectionThumb{transition:none!important;animation:none!important}.archiveSealFeedback{display:none}button{transition:none!important}}

body{background:var(--ui-bg)}body:before{background:none}#collectionView{background:var(--ui-bg)}

#collectionView{grid-template-rows:auto minmax(0,1fr) auto}.collectionTop{position:relative;z-index:3}.homeSubtitle{font-size:12px!important}#collectionEntryBtn{font-size:12px!important}.exportOption small{font-size:12px;color:var(--ui-secondary)}
/* v2.33.1 — mobile editor rhythm, visible materials, purposeful preview */
#viewControls{bottom:calc(92px + env(safe-area-inset-bottom));gap:10px}
#mode{box-shadow:0 10px 26px #0007}
#motion{flex:0 0 44px}
#bottomNav{height:64px}
.sheetOpen #projectTitle{opacity:0}
#sheet{max-height:min(64dvh,650px)}
#sheetHeader{height:56px;padding:5px 16px 8px 20px}
#panel{padding:0 20px 24px}
.layerHead{margin-bottom:4px}
#layerList{gap:8px;padding:2px 0 8px}
.layerTile{flex-basis:68px;gap:5px;padding:4px 2px}
.layerTile img{width:48px;height:54px}
.layerEditor{margin-top:10px}
.layerEditor .finishToolbar{margin:0 0 7px;display:flex;align-items:center;justify-content:space-between}
.layerEditor .finishTabs{margin-bottom:7px}
.layerEditor .finishGrid{gap:7px 8px}
.layerEditor .finishCard{padding:4px}
.layerEditor .finishSample{height:46px}
.layerEditor .finishLabel{padding-top:3px}
.layerEditor .layerEditDetails{margin-top:16px;border-top:1px solid var(--ui-rule);padding-top:14px}
.layerEditor .layerOrderActions{margin:4px 0 0}
#opticalPlaybar{padding:5px 6px;gap:3px}
#opticalPlaybar button{padding:9px 13px;min-height:44px}
#opticalPlaybar button[aria-pressed="true"]{color:#142238}
#opticalHint{position:fixed;z-index:211;bottom:calc(86px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);max-width:calc(100vw - 32px);white-space:nowrap;color:#d5e3f6;font:500 12px/1.4 system-ui,sans-serif;text-shadow:0 2px 10px #000;pointer-events:none;opacity:0;transition:opacity .24s ease}
.collectionZoomOpen #collectionZoom{background:#000}
.collectionZoomOpen #opticalHint,.focusMode:not(.homeOpen):not(.collectionOpen) #opticalHint{opacity:1}
@media(max-height:700px){#sheet{max-height:min(66dvh,650px)}.layerTile img{height:48px}.layerEditor .finishSample{height:42px}}
@media(prefers-reduced-motion:reduce){#opticalHint{transition:none}}
.sheetClose,#collectionZoomClose{display:grid;place-items:center;padding:0;line-height:1;flex-shrink:0}.sheetClose svg,#collectionZoomClose svg{display:block;width:20px;height:20px;margin:0}.topIcon{display:grid;place-items:center;padding:0}.topIcon svg{display:block;margin:0}#opticalPlaybar,#opticalHint{display:none!important}
.focusMode:not(.homeOpen):not(.collectionOpen) #objectCaption{display:block!important;visibility:visible!important;opacity:1!important;top:auto!important;bottom:max(25px,env(safe-area-inset-bottom))!important;pointer-events:none}
.collectionZoomStage{padding-bottom:0!important}
#collectionZoomName{position:static!important;bottom:auto!important;padding:18px 0 5px;white-space:normal;line-height:1.5}
#collectionZoomMaterial{display:block;margin-top:5px;color:#8ca6cb;font:500 11px/1.4 system-ui,sans-serif;letter-spacing:.08em}
#collectionMainCard{width:min(70vw,294px,calc(54dvh * .75));height:auto;max-height:none;aspect-ratio:3/4;margin:0}
#collectionZoom{transform:translateX(-50%);transition:opacity .18s ease,visibility 0s linear .18s}
.collectionZoomOpen #collectionZoom{transition-delay:0s}
#collectionZoom .collectionZoomStage{--zoom-card-w:min(87vw,424px,calc((100dvh - 168px)*.75));padding:0!important}
#collectionZoomImage,#collectionZoom .collectionZoomStage canvas{position:absolute;left:50%;top:50%;width:var(--zoom-card-w);height:auto;max-width:none;max-height:none;aspect-ratio:3/4;transform:translate(-50%,-50%);object-fit:contain;border-radius:13px}
.collectionZoomStage,#collectionZoomName{transform:none;transition:opacity .16s ease}
.collectionZoomOpen .collectionZoomStage{animation:cardiaPreviewIn .2s ease-out both}
@keyframes cardiaPreviewIn{from{scale:.975}to{scale:1}}
.layerActionBar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 10px;margin:6px 0 10px;padding:3px 0;border-bottom:1px solid var(--ui-rule)}
.layerActionBar .editingName{flex:1 1 80px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.layerActionButtons{display:flex;flex-wrap:wrap;gap:4px}
.layerActionButtons .textBtn{min-height:44px;min-width:44px;padding-inline:7px;white-space:nowrap}
@media(prefers-reduced-motion:reduce){#collectionZoom,.collectionZoomStage,#collectionZoomName{transition:none!important}.collectionZoomOpen .collectionZoomStage{animation:none}}
.layerPanelTabs{position:sticky;top:0;z-index:3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;margin:0 0 12px;border-radius:14px;background:#141e2b}
.layerPanelTabs button{min-width:0;min-height:44px;border:0;border-radius:10px;background:transparent;color:#a9bed7;font:inherit;font-size:13px}
.layerPanelTabs button[aria-pressed=true]{background:#b7cdea;color:#0e1724;font-weight:650}
.currentLayerLabel{display:flex;align-items:baseline;gap:9px;margin:6px 0 12px;font-size:13px;color:#9aafc8}
.currentLayerLabel span{flex:none}.currentLayerLabel b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e3ebf6}
.positionHint{margin:0 0 12px;color:#a9bed7;font-size:12px;line-height:1.55}
.layerPositionFields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.layerPositionFields label{display:flex;align-items:center;gap:7px;padding-left:10px;min-width:0;border:1px solid var(--ui-rule);border-radius:10px;color:#a9bed7}
.layerPositionFields input{min-width:0;width:100%;min-height:44px;border:0;background:transparent;color:#e3ebf6;font:inherit;font-size:16px}
.layerPositionFields button{grid-column:1/-1;justify-self:start;min-height:44px}
.positionEditing #sheetBackdrop{pointer-events:none!important}
.positionEditing #gl{cursor:move}
.positionEditing #fallbackCard{transform:translate(-50%,-50%);overflow:hidden}
.layerScaleControls{margin-top:12px;padding-top:10px;border-top:1px solid var(--ui-rule)}
.layerScaleHeader{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;color:#e3ebf6}
.layerScaleValue{display:flex;align-items:center;gap:3px;padding:0 8px;border:1px solid var(--ui-rule);border-radius:10px}
.layerScaleValue input{width:58px;min-height:44px;padding:0;border:0;background:transparent;color:#e3ebf6;font:inherit;font-size:16px;text-align:right}
.layerScaleControls input[type=range]{display:block;width:100%;min-height:34px;margin:2px 0}
.layerScaleControls button{min-height:44px}
#bottomNav{grid-template-columns:repeat(4,minmax(0,1fr))!important}
#bottomNav .navBtn{min-width:0;flex:1 1 0;padding-inline:0}
.carrierGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(82px,1fr));gap:8px;margin:4px 0 12px}
.carrierChoice{display:grid;justify-items:center;align-content:center;gap:7px;min-width:0;min-height:86px;padding:8px 3px;border:1px solid rgba(180,210,243,.15);border-radius:12px;background:#131d2b;color:#c1d4eb;font:inherit;font-size:12px}
.carrierChoice[aria-pressed=true]{border-color:#9bbce5;background:#253b54;color:#f0f7ff}
.carrierChoice svg{width:34px;height:42px;fill:#839fbc;stroke:#c7dbf3;stroke-width:18px}
.carrierChoice[aria-pressed=true] svg{fill:#a4bedb}
.carrierChoice .carrierDetail{fill:none;stroke:#e1efff;stroke-opacity:.8;stroke-width:16px}
#collectionMainCard[data-shaped-carrier=true],#collectionZoom[data-shaped-carrier=true] #collectionZoomImage,.archiveGridCard[data-shaped-carrier=true] .archiveGridVisual,.collectionThumb[data-shaped-carrier=true] .collectionThumbVisual,#fallbackCard[data-shaped-carrier=true]{background-color:transparent!important;box-shadow:none!important;border-color:transparent!important}
.archiveGridCard[data-shaped-carrier=true] .archiveGridVisual:after,#fallbackCard[data-shaped-carrier=true]:after,#fallbackCard[data-shaped-carrier=true]:before{display:none!important}
.carrierNote{margin:0 2px 8px;color:#a0b3cc;font-size:12px;line-height:1.5}