.xh{gap:14px;margin:26px 0 0;display:grid}.xh-top{grid-template-columns:minmax(0,1fr) 232px;align-items:stretch;gap:12px;display:grid}.xh-stage{border:1px solid var(--line);border-radius:var(--radius);min-height:330px;position:relative;overflow:hidden;box-shadow:0 1px 22px #0000004d}.xh-stage-tag{letter-spacing:.1em;text-transform:uppercase;color:#ffffff8c;background:#00000073;border-radius:999px;padding:4px 10px;font-size:10.5px;position:absolute;bottom:9px;left:10px}.xh-bg-night{background:radial-gradient(120px 60px at 24% 62%,#ffc45c33,#0000 70%),radial-gradient(90px 50px at 72% 58%,#78b4ff24,#0000 70%),repeating-linear-gradient(90deg,#ffffff08 0 2px,#0000 2px 46px),linear-gradient(#0a0d13 0%,#0e121a 56%,#05070a 56%,#0b0e14 100%)}.xh-bg-day{background:repeating-linear-gradient(90deg,#0000000d 0 1px,#0000 1px 64px),repeating-linear-gradient(0deg,#0000000a 0 1px,#0000 1px 48px),linear-gradient(#b9bdc2 0%,#a6abb1 55%,#8d9298 55%,#797e85 100%)}.xh-bg-grass{background:radial-gradient(60px 30px at 30% 70%,#ffffff0f,#0000 70%),repeating-linear-gradient(115deg,#00000012 0 3px,#0000 3px 11px),linear-gradient(#3d5e2f 0%,#35522a 60%,#2a4321 100%)}.xh-bg-sky{background:radial-gradient(240px 120px at 70% 24%,#ffffff8c,#0000 70%),linear-gradient(#9ecbf0 0%,#c4ddf2 62%,#e6eef5 100%)}.xh-mark{width:0;height:0;position:absolute;top:50%;left:50%}.xh-mark i{box-sizing:content-box;display:block;position:absolute;top:0;left:0}.xh-zoom{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);align-content:center;justify-items:center;gap:10px;padding:14px;display:grid}.xh-zoom canvas{background-color:#14171d;background-image:repeating-conic-gradient(#ffffff0a 0% 25%,#0000 0% 50%);background-size:14px 14px;border-radius:8px;max-width:100%;height:auto}.xh-zoom .small{color:var(--muted);text-align:center}.xh-bgpick{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.xh-bgpick .small{color:var(--muted);margin-left:4px}.xh-chip{appearance:none;font:inherit;cursor:pointer;border:1px solid var(--line);background:var(--bg-2);color:var(--fg-2);border-radius:999px;padding:6px 13px;font-size:12px;transition:border-color .16s,color .16s}.xh-chip:hover{color:var(--fg)}.xh-chip.is-on{border-color:var(--accent);color:var(--fg)}.xh-grid{grid-template-columns:repeat(auto-fit,minmax(276px,1fr));gap:12px;display:grid}.xh-box{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);align-content:start;gap:11px;padding:16px;display:grid}.xh-label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0;font-size:10.5px}.xh-shapes{grid-template-columns:1fr 1fr;gap:8px;display:grid}.xh-shape{appearance:none;font:inherit;text-align:left;cursor:pointer;border:1px solid var(--line);background:var(--bg-2);color:var(--fg-2);border-radius:11px;gap:3px;padding:11px 12px;transition:border-color .16s;display:grid}.xh-shape i{color:var(--muted);font-size:13px}.xh-shape b{color:var(--fg);font-size:13px}.xh-shape .small{color:var(--muted);line-height:1.5}.xh-shape:hover{border-color:var(--line-2)}.xh-shape.is-on{border-color:var(--accent)}.xh-shape.is-on i{color:var(--accent)}.xh-ctl{gap:6px;display:grid}.xh-ctl label{color:var(--fg-2);justify-content:space-between;align-items:baseline;gap:10px;font-size:12.5px;display:flex}.xh-ctl label b{color:var(--fg);font-size:12.5px}.xh-ctl input[type=range]{width:100%;accent-color:var(--accent);height:18px}.xh-colour>div{align-items:center;gap:8px;display:flex}.xh-colour input[type=color]{border:1px solid var(--line-2);cursor:pointer;background:0 0;border-radius:8px;width:40px;height:32px;padding:0}.xh-colour .inp{flex:1;min-width:0;padding:7px 10px;font-size:13px}.xh-check{color:var(--fg-2);cursor:pointer;align-items:center;gap:8px;font-size:12.5px;display:flex}.xh-check input{accent-color:var(--accent);width:15px;height:15px}.xh-note{color:var(--muted);margin:0;line-height:1.65}.xh-presets{gap:7px;display:grid}.xh-preset{appearance:none;font:inherit;text-align:left;cursor:pointer;border:1px solid var(--line);background:var(--bg-2);border-radius:10px;gap:2px;padding:9px 11px;transition:border-color .16s;display:grid}.xh-preset b{color:var(--fg);font-size:13px}.xh-preset .small{color:var(--muted);line-height:1.5}.xh-preset:hover{border-color:var(--accent)}.xh-reset{justify-self:start}.xh-export{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);gap:12px;padding:18px;display:grid}.xh-expline{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.xh-expline .xh-label{flex:none}.xh-expline .inp{width:190px;padding:8px 11px;font-size:13px}.xh-expline .small{color:var(--muted)}.xh-acts{flex-wrap:wrap;gap:8px;display:flex}.xh-warn{color:var(--warn);margin:0}.xh-warn i{margin-right:4px}.xh-files{gap:12px;display:grid}@media (max-width:860px){.xh-top{grid-template-columns:1fr}.xh-stage{min-height:260px}.xh-shapes{grid-template-columns:1fr}.xh-box{padding:14px}}