html,body{background:var(--hx-bg);overscroll-behavior:none;height:100%;overflow:hidden}.app{--sheet-h:0px;color:var(--hx-fg);position:fixed;top:0;bottom:0;left:0;right:0}.stage{touch-action:none;position:absolute;top:0;bottom:0;left:0;right:0}.stage canvas{width:100%;height:100%;display:block}.bar{z-index:var(--hx-z-header);justify-content:space-between;align-items:center;gap:var(--hx-space-2);padding:calc(env(safe-area-inset-top) + var(--hx-space-2)) var(--hx-space-4) var(--hx-space-2);pointer-events:none;display:flex;position:absolute;top:0;bottom:auto;left:0;right:0}.bar>*{pointer-events:auto}.bar__brand{align-items:center;gap:var(--hx-space-3);display:inline-flex}.bar__mark{flex:none;width:32px;height:32px}.bar__name{font-family:var(--hx-font-sans);font-weight:var(--hx-weight-semibold);letter-spacing:.01em;font-size:1.0625rem}.bar__actions{align-items:center;gap:var(--hx-space-1);display:inline-flex}.bar__lang{font-family:var(--hx-font-condensed);font-weight:var(--hx-weight-semibold);letter-spacing:var(--hx-tracking-caps);text-transform:uppercase}.tools{right:var(--hx-space-4);bottom:calc(var(--sheet-h) + var(--hx-space-3));z-index:var(--hx-z-raised);gap:var(--hx-space-2);flex-direction:column;display:flex;position:absolute}.tool{width:44px;height:44px;color:var(--hx-fg);background:color-mix(in oklab, var(--hx-surface) 88%, transparent);border:1px solid var(--hx-line-strong);cursor:pointer;place-items:center;padding:0;display:grid}.tool[aria-pressed=true]{color:var(--hx-accent-text);border-color:var(--hx-accent-text)}.tool svg{position:relative}.sheet{z-index:var(--hx-z-sticky);padding:var(--hx-space-3) var(--hx-space-4) calc(env(safe-area-inset-bottom) + var(--hx-space-4));background:var(--hx-surface);border-top:1px solid var(--hx-line);gap:var(--hx-space-2);flex-direction:column;display:flex;position:absolute;top:auto;bottom:0;left:0;right:0}.progress{height:3px;margin-bottom:var(--hx-space-2);gap:3px;display:flex}.progress span{background:var(--hx-line-strong);flex:1}.progress span.is-done{background:var(--hx-gold-700)}.progress span.is-current{background:var(--hx-accent)}.sheet__kicker{margin:0}.sheet__title{font-size:clamp(1.1875rem,1rem + 1.1vw,1.625rem);line-height:1.2;font-weight:var(--hx-weight-semibold);text-wrap:balance;margin:0}.sheet__body{color:var(--hx-fg);max-width:60ch;margin:0;font-size:.9375rem;line-height:1.5}.sheet__sub{color:var(--hx-fg-muted);max-width:60ch;margin:0;font-size:.8125rem;line-height:1.45}.sheet__sub:empty{display:none}.chips{gap:var(--hx-space-2);margin:var(--hx-space-1) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.chips:empty{display:none}.chip{align-items:baseline;gap:var(--hx-space-2);border:1px solid var(--hx-line-strong);background:var(--hx-bg);font-size:var(--hx-text-small);padding:4px 12px 4px 8px;display:inline-flex}.chip__k{font-family:var(--hx-font-condensed);font-weight:var(--hx-weight-semibold);text-transform:uppercase;letter-spacing:var(--hx-tracking-caps);color:var(--hx-fg-muted);font-size:.75rem}.chip__v{font-weight:var(--hx-weight-medium)}.chip--gold{border-color:var(--hx-accent-text)}.chip--gold .chip__v{color:var(--hx-accent-text)}.sheet__nav{gap:var(--hx-space-3);margin-top:var(--hx-space-2);grid-template-columns:1fr 1.6fr;display:grid}.sheet__nav .hx-btn{width:100%}.sheet__nav svg{width:1.125em;height:1.125em}.scrim{z-index:var(--hx-z-overlay);background:var(--hx-scrim);position:fixed;top:0;bottom:0;left:0;right:0}.drawer{z-index:var(--hx-z-modal);overscroll-behavior:contain;width:min(440px,100%);padding:calc(env(safe-area-inset-top) + var(--hx-space-3)) var(--hx-space-4) calc(env(safe-area-inset-bottom) + var(--hx-space-8));background:var(--hx-bg-deep);border-left:1px solid var(--hx-line);transition:translate var(--hx-duration-base) var(--hx-ease-enter);position:fixed;top:0;bottom:0;left:auto;right:0;overflow-y:auto;translate:0}.drawer[hidden]{visibility:hidden;transition:translate var(--hx-duration-fast) var(--hx-ease-standard), visibility 0s var(--hx-duration-fast);display:block;translate:100%}.drawer__head{justify-content:space-between;align-items:center;display:flex}.drawer__title{margin:var(--hx-space-6) 0 var(--hx-space-2);font-size:1.25rem;font-weight:var(--hx-weight-semibold)}.drawer__head .drawer__title{margin:0}.drawer__lead{margin:0 0 var(--hx-space-3);color:var(--hx-fg-muted);font-size:var(--hx-text-small);line-height:1.5}.shapes{gap:var(--hx-space-3);margin:var(--hx-space-3) 0 0;grid-template-columns:repeat(2,minmax(0,1fr));padding:0;list-style:none;display:grid}.shape{align-items:flex-start;gap:var(--hx-space-1);width:100%;height:100%;padding:var(--hx-space-3);text-align:left;color:var(--hx-fg);background:var(--hx-surface);border:1px solid var(--hx-line);cursor:pointer;flex-direction:column;display:flex}.shape.is-active{border-color:var(--hx-accent-text)}.shape .iso{width:100%;height:auto;max-height:112px;margin-bottom:var(--hx-space-2);position:relative}.shape__name{font-weight:var(--hx-weight-semibold);position:relative}.shape__desc{color:var(--hx-fg-muted);font-size:.8125rem;line-height:1.4;position:relative}.shape__meta{font-family:var(--hx-font-condensed);font-weight:var(--hx-weight-semibold);text-transform:uppercase;letter-spacing:var(--hx-tracking-caps);color:var(--hx-accent-text);padding-top:var(--hx-space-1);margin-top:auto;font-size:.75rem;position:relative}.iso polygon{stroke:var(--hx-onyx);stroke-width:.8px;stroke-linejoin:round}.iso-top{fill:var(--hx-mist)}.iso-r{fill:var(--hx-steel)}.iso-l{fill:var(--hx-slate)}.shape.is-active .iso-top{fill:var(--hx-gold-500)}.shape.is-active .iso-r{fill:var(--hx-gold-700)}.shape.is-active .iso-l{fill:var(--hx-gold-900)}.custom .hx-input{font-family:var(--hx-font-mono)}.custom__actions{gap:var(--hx-space-2);margin-top:var(--hx-space-3);flex-wrap:wrap;display:flex}.hx-help.is-error{color:var(--hx-signal-text)}.hx-help.is-ok{color:var(--hx-success)}.about{gap:var(--hx-space-3);margin-top:var(--hx-space-4);padding-top:var(--hx-space-4);border-top:1px solid var(--hx-line);flex-direction:column;display:flex}.about img{width:140px;height:auto}.about__legal{color:var(--hx-fg-subtle);margin:0;font-size:.75rem;line-height:1.5}.fatal{inset:40% var(--hx-space-6) auto;z-index:var(--hx-z-toast);text-align:center;color:var(--hx-fg);position:absolute}@media (min-width:900px){.sheet{inset:auto auto var(--hx-space-6) var(--hx-space-6);width:420px;padding:var(--hx-space-6);border:1px solid var(--hx-line);clip-path:polygon(0 0, calc(100% - var(--hx-chamfer-lg) * 1.732) 0, 100% var(--hx-chamfer-lg), 100% 100%, 0 100%)}.tools{bottom:var(--hx-space-6)}}