.zb-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;gap:20px;display:grid}.zb-col{min-width:0}.zb-side{order:2}@media (min-width:901px){.zb-side{position:sticky;top:92px}}@media (max-width:900px){.zb-layout{grid-template-columns:minmax(0,1fr)}.zb-side{order:0}}.zb-stage{aspect-ratio:5/4;-webkit-user-select:none;user-select:none;background:radial-gradient(70% 45% at 50% 92%,#55ff551a,#0000 70%),linear-gradient(#1b2a1f,#101512 62%,#0d0f0e);width:100%;max-height:460px;position:relative;overflow:hidden;box-shadow:inset 2px 2px #000000bf,inset -2px -2px #ffffff12}@media (max-width:900px){.zb-stage{aspect-ratio:4/3;max-height:360px}}.zb-stage>canvas{position:absolute;inset:0}.zb-tags{pointer-events:none;height:0;animation:.4s cubic-bezier(.22,1,.36,1) both zb-rise;position:absolute;bottom:8px;left:0;right:0}.zb-tag{font-family:var(--font-mc),system-ui,sans-serif;color:#fff;white-space:nowrap;text-shadow:.1em .1em #3f3f3f;background:#00000073;justify-items:center;padding:2px 6px 1px;font-size:13px;line-height:1.25;display:grid;position:absolute;bottom:0;translate:-50%}.zb-tag em{color:#a0a0a0;text-shadow:none;font-size:11px;font-style:normal}.zb-tag.is-off{color:#c4c4c4}@keyframes zb-rise{0%{opacity:0;transform:translateY(6px)}}.zb-reset{color:#e0e0e0;cursor:pointer;background:#0006;border:0;place-items:center;width:30px;height:30px;padding:0;display:grid;position:absolute;top:8px;right:8px;box-shadow:inset 1px 1px #ffffff1f}.zb-reset:hover{color:#fff;background:#0009}.zb-reset:focus-visible{outline-offset:2px;outline:2px solid #5ff}.zb-no3d{text-align:center;place-content:center;justify-items:center;gap:12px;padding:16px;display:grid;position:absolute;inset:0}.zb-no3d img{width:96px;height:96px;image-rendering:pixelated}.zb-hint{text-align:center}.zb-name{gap:8px;display:flex}.zb-name input{min-width:0;height:40px;font-family:var(--font-mc),system-ui,sans-serif;color:#e0e0e0;background:#000;border:2px solid #a0a0a0;outline:none;flex:1;padding:0 10px;font-size:16px}.zb-name input::placeholder{color:#707070}.zb-name input:focus{color:#fff;border-color:#fff}.zb-name .tl-mcbtn{flex:none;min-width:72px}.zb-or{letter-spacing:.08em;text-transform:uppercase;color:#8a8a8a;align-items:center;gap:10px;margin:12px 0;font-size:12px;display:flex}.zb-or:before,.zb-or:after{content:"";background:#ffffff14;flex:1;height:2px}.tl-screen .drop-zone.zb-change,.tl-screen .report-card .drop-zone.zb-change{min-height:0;box-shadow:none;background:0 0;gap:0;padding:0;display:flex}.tl-screen .drop-zone.zb-change:before,.tl-screen .report-card .drop-zone.zb-change:before{display:none}.tl-screen .drop-zone.zb-change:hover,.tl-screen .drop-zone.zb-change:focus-visible{box-shadow:none}.tl-screen .drop-zone.zb-change.is-dragging{outline-offset:3px;outline:2px solid #5f5}.tl-screen .drop-zone.zb-change:focus-visible{outline-offset:3px;outline:2px solid #5ff}.zb-change .tl-mcbtn{width:100%}.zb-who{align-items:center;gap:12px;min-width:0;display:flex}.zb-who-face{width:44px;height:44px;image-rendering:pixelated;box-shadow:0 0 0 2px var(--tl-key);flex:none}.zb-who-name{text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mc),system-ui,sans-serif;color:#fff;text-shadow:var(--mc-shadow);font-size:17px;overflow:hidden}.zb-seg{flex:none;display:flex}.zb-seg button{height:30px;font-family:var(--font-mc),system-ui,sans-serif;color:#a0a0a0;cursor:pointer;background:#313233;border:0;padding:0 9px;font-size:13px;box-shadow:inset 2px 2px #ffffff1a,inset -2px -2px #00000080}.zb-seg button:hover{color:#fff}.zb-seg button.is-on{color:#fff;text-shadow:var(--mc-shadow);background:#48494a;box-shadow:inset 0 -3px #80ff20}.zb-x{color:#a0a0a0;cursor:pointer;background:0 0;border:0;flex:none;place-items:center;width:30px;height:30px;padding:0;display:grid}.zb-x:hover{color:#fff;background:#ffffff0f}@media (max-width:420px){.zb-who{flex-wrap:wrap}.zb-who>.min-w-0{flex-basis:calc(100% - 100px)}.zb-seg{order:3;margin-left:56px}}.zb-mobs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.zb-mob{box-shadow:inset 2px 2px 0 #ffffff1a,inset -2px -2px 0 #00000080,0 0 0 2px var(--tl-key);color:#a0a0a0;cursor:pointer;text-align:center;-webkit-tap-highlight-color:transparent;background:#313233;border:0;justify-items:center;gap:4px;padding:12px 6px 10px;display:grid;position:relative}.zb-mob:hover:not(:disabled){color:#fff;background:#3b3c3e}.zb-mob.is-on{color:#fff;background:#3a4a35;box-shadow:inset 2px 2px #ffffff24,inset -2px -2px #00000080,0 0 0 2px #fff}.zb-mob:focus-visible{outline-offset:3px;outline:2px solid #5ff}.zb-mob:disabled{cursor:not-allowed;opacity:.5}.zb-mob-slot{background:#8b8b8b;place-items:center;width:44px;height:44px;display:grid;box-shadow:inset 2px 2px #373737,inset -2px -2px #fff}.zb-mob-slot img{width:32px;height:32px;image-rendering:pixelated}.zb-mob.is-on .zb-mob-slot img{animation:.28s cubic-bezier(.22,1,.36,1) both zb-settle}.zb-mob-name{font-family:var(--font-mc),system-ui,sans-serif;text-shadow:var(--mc-shadow);font-size:15px;line-height:1.2}.zb-mob-where{color:#8a8a8a;font-size:11.5px;line-height:1.3}.zb-tick{color:#5f5;background:#00000059;place-items:center;width:20px;height:20px;display:grid;position:absolute;top:6px;right:6px;box-shadow:inset 1px 1px #0009}.zb-mob.is-on .zb-tick{color:#fff;background:#3c8527;box-shadow:inset 0 -2px #1d4d13}@keyframes zb-settle{0%{transform:scale(.82)}}.zb-looks{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.zb-look{box-shadow:inset 2px 2px 0 #ffffff1a,inset -2px -2px 0 #00000080,0 0 0 2px var(--tl-key);color:#a0a0a0;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#313233;border:0;grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:12px;padding:10px 12px;display:grid}.zb-look:hover{color:#fff;background:#3b3c3e}.zb-look.is-on{color:#fff;background:#3a4a35;box-shadow:inset 2px 2px #ffffff24,inset -2px -2px #00000080,0 0 0 2px #fff}.zb-look:focus-visible{outline-offset:3px;outline:2px solid #5ff}.zb-look-face{width:48px;height:48px;box-shadow:0 0 0 2px var(--tl-key);background:#0000004d;grid-row:span 2;display:block}.zb-look-face img{width:100%;height:100%;image-rendering:pixelated;display:block}.zb-look.is-on .zb-look-face img{animation:.28s cubic-bezier(.22,1,.36,1) both zb-settle}.zb-look-name{font-family:var(--font-mc),system-ui,sans-serif;text-shadow:var(--mc-shadow);align-self:end;font-size:15px;line-height:1.2}.zb-look-sub{color:#8a8a8a;align-self:start;margin-top:2px;font-size:12px;line-height:1.3}@media (max-width:420px){.zb-look{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center;row-gap:6px}.zb-look-face{grid-row:auto}}.zb-edition{grid-template-columns:1fr 1fr;gap:6px;display:grid}.zb-ed{height:40px;box-shadow:inset 2px 2px 0 #ffffff1a,inset -2px -2px 0 #00000080,0 0 0 2px var(--tl-key);font-family:var(--font-mc),system-ui,sans-serif;color:#a0a0a0;cursor:pointer;background:#313233;border:0;font-size:16px}.zb-ed:hover{color:#fff}.zb-ed.is-on{color:#fff;text-shadow:var(--mc-shadow);background:#48494a;box-shadow:inset 0 -4px #80ff20,0 0 0 2px #fff}.zb-ed:focus-visible{outline-offset:3px;outline:2px solid #5ff}.zb-versions{gap:10px;display:grid}.zb-vfam{grid-template-columns:44px minmax(0,1fr);align-items:start;gap:8px;display:grid}.zb-vfam-label{font-family:var(--font-mc),system-ui,sans-serif;color:#8a8a8a;padding-top:6px;font-size:14px}.zb-vchips{flex-wrap:wrap;gap:6px;display:flex}.zb-vchip{height:30px;font-family:var(--font-mc),system-ui,sans-serif;color:#c4c4c4;white-space:nowrap;cursor:pointer;background:#313233;border:0;padding:0 10px;font-size:14px;box-shadow:inset 2px 2px #ffffff1a,inset -2px -2px #00000080}.zb-vchip:hover{color:#fff;background:#3b3c3e}.zb-vchip.is-on{color:#fff;text-shadow:var(--mc-shadow);background:#48494a;box-shadow:inset 0 -3px #80ff20,0 0 0 2px #fff}.zb-vchip:focus-visible{outline-offset:2px;outline:2px solid #5ff}.zb-go{justify-content:center;align-items:center;gap:8px;width:100%;height:52px;padding:0 24px;font-size:18px;display:inline-flex}.zb-done-title{font-family:var(--font-mc),system-ui,sans-serif;color:#5f5;text-shadow:.1em .1em #153f15;overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:6px;margin:0;font-size:15px;display:flex}.zb-install{color:#c4c4c4;gap:4px;margin:0;padding-left:20px;font-size:13.5px;line-height:1.5;list-style:decimal;display:grid}.zb-install b{color:#fff;font-weight:600}.zb-install code{font-family:var(--font-mc),ui-monospace,monospace;color:#fff;background:#00000073;padding:1px 5px;font-size:13px}@media (prefers-reduced-motion:reduce){.zb-tags{animation-duration:.2s}.zb-mob.is-on .zb-mob-slot img,.zb-look.is-on .zb-look-face img{animation:none}}:root[data-theme=light] .zb-stage:where(:not(.theme-fixed,.theme-fixed *)){background:radial-gradient(70% 45% at 50% 92%,#55ff551a,#0000 70%),linear-gradient(#bbcebf,#dce4df 62%,#e7eae8);box-shadow:inset 2px 2px #000000bf,inset -2px -2px #ffffff59}:root[data-theme=light] .zb-tag:where(:not(.theme-fixed,.theme-fixed *)){color:#030303;text-shadow:.1em .1em #a8a8a8;background:#fafafa73}:root[data-theme=light] .zb-tag em:where(:not(.theme-fixed,.theme-fixed *)){color:#464646}:root[data-theme=light] .zb-tag.is-off:where(:not(.theme-fixed,.theme-fixed *)){color:#292929}:root[data-theme=light] .zb-reset:where(:not(.theme-fixed,.theme-fixed *)){color:#141414;background:#fafafa66;box-shadow:inset 1px 1px #fff9}:root[data-theme=light] .zb-reset:hover:where(:not(.theme-fixed,.theme-fixed *)){color:#030303;background:#fafafa99}:root[data-theme=light] .zb-name input:where(:not(.theme-fixed,.theme-fixed *)){color:#141414;background:#fafafa;border:2px solid #464646}:root[data-theme=light] .zb-name input:where(:not(.theme-fixed,.theme-fixed *))::placeholder{color:#737373}:root[data-theme=light] .zb-name input:focus:where(:not(.theme-fixed,.theme-fixed *)){color:#030303;border-color:#030303}:root[data-theme=light] .zb-or:where(:not(.theme-fixed,.theme-fixed *)){color:#5a5a5a}:root[data-theme=light] .zb-or:where(:not(.theme-fixed,.theme-fixed *)):before,:root[data-theme=light] .zb-or:where(:not(.theme-fixed,.theme-fixed *)):after{background:#03030314}:root[data-theme=light] .zb-who-name:where(:not(.theme-fixed,.theme-fixed *)){color:#030303}:root[data-theme=light] .zb-seg button:where(:not(.theme-fixed,.theme-fixed *)){color:#464646;background:#b7b8ba;box-shadow:inset 2px 2px #ffffff80,inset -2px -2px #00000080}:root[data-theme=light] .zb-seg button:hover:where(:not(.theme-fixed,.theme-fixed *)){color:#030303}:root[data-theme=light] .zb-seg button.is-on:where(:not(.theme-fixed,.theme-fixed *)){color:#030303;background:#9c9d9e}:root[data-theme=light] .zb-x:where(:not(.theme-fixed,.theme-fixed *)){color:#464646}:root[data-theme=light] .zb-x:hover:where(:not(.theme-fixed,.theme-fixed *)){color:#030303;background:#0303030f}:root[data-theme=light] .zb-mob:where(:not(.theme-fixed,.theme-fixed *)){box-shadow:inset 2px 2px 0 #ffffff80,inset -2px -2px 0 #00000080,0 0 0 2px var(--tl-key);color:#464646;background:#b7b8ba}:root[data-theme=light] .zb-mob:hover:not(:disabled):where(:not(.theme-fixed,.theme-fixed *)){color:#030303;background:#abacae}:root[data-theme=light] .zb-mob.is-on:where(:not(.theme-fixed,.theme-fixed *)){color:#030303;background:#98a793;box-shadow:inset 2px 2px #ffffffb3,inset -2px -2px #00000080,0 0 0 2px #030303}:root[data-theme=light] .zb-mob-slot:where(:not(.theme-fixed,.theme-fixed *)){background:#595959}:root[data-theme=light] .zb-mob-where:where(:not(.theme-fixed,.theme-fixed *)){color:#5a5a5a}:root[data-theme=light] .zb-tick:where(:not(.theme-fixed,.theme-fixed *)){color:#115712;background:#fafafa59}:root[data-theme=light] .zb-mob.is-on .zb-tick:where(:not(.theme-fixed,.theme-fixed *)){color:#030303}:root[data-theme=light] .zb-look:where(:not(.theme-fixed,.theme-fixed *)){box-shadow:inset 2px 2px 0 #ffffff80,inset -2px -2px 0 #00000080,0 0 0 2px var(--tl-key);color:#464646;background:#b7b8ba}:root[data-theme=light] .zb-look:hover:where(:not(.theme-fixed,.theme-fixed *)){color:#030303;background:#abacae}:root[data-theme=light] .zb-look.is-on:where(:not(.theme-fixed,.theme-fixed *)){color:#030303;background:#98a793;box-shadow:inset 2px 2px #ffffffb3,inset -2px -2px #00000080,0 0 0 2px #030303}:root[data-theme=light] .zb-look-face:where(:not(.theme-fixed,.theme-fixed *)){background:#fafafa4d}:root[data-theme=light] .zb-look-sub:where(:not(.theme-fixed,.theme-fixed *)){color:#5a5a5a}:root[data-theme=light] .zb-ed:where(:not(.theme-fixed,.theme-fixed *)){box-shadow:inset 2px 2px 0 #ffffff80,inset -2px -2px 0 #00000080,0 0 0 2px var(--tl-key);color:#464646;background:#b7b8ba}:root[data-theme=light] .zb-ed:hover:where(:not(.theme-fixed,.theme-fixed *)){color:#030303}:root[data-theme=light] .zb-ed.is-on:where(:not(.theme-fixed,.theme-fixed *)){color:#030303;background:#9c9d9e;box-shadow:inset 0 -4px #80ff20,0 0 0 2px #030303}:root[data-theme=light] .zb-vfam-label:where(:not(.theme-fixed,.theme-fixed *)){color:#5a5a5a}:root[data-theme=light] .zb-vchip:where(:not(.theme-fixed,.theme-fixed *)){color:#292929;background:#b7b8ba;box-shadow:inset 2px 2px #ffffff80,inset -2px -2px #00000080}:root[data-theme=light] .zb-vchip:hover:where(:not(.theme-fixed,.theme-fixed *)){color:#030303;background:#abacae}:root[data-theme=light] .zb-vchip.is-on:where(:not(.theme-fixed,.theme-fixed *)){color:#030303;background:#9c9d9e;box-shadow:inset 0 -3px #80ff20,0 0 0 2px #030303}:root[data-theme=light] .zb-done-title:where(:not(.theme-fixed,.theme-fixed *)){color:#115712;text-shadow:.1em .1em #9cc19a}:root[data-theme=light] .zb-install:where(:not(.theme-fixed,.theme-fixed *)){color:#292929}:root[data-theme=light] .zb-install b:where(:not(.theme-fixed,.theme-fixed *)){color:#030303}:root[data-theme=light] .zb-install code:where(:not(.theme-fixed,.theme-fixed *)){color:#030303;background:#fafafa73}:root[data-theme=light] .zb-mob.is-on .zb-tick{color:#fff;background:#3c8527;box-shadow:inset 0 -2px #1d4d13}