.grid-view{font:700 12px/1.2 var(--hud-font-mono);color:var(--hud-text,#e4f4f8);-webkit-user-select:none;user-select:none;flex-direction:column;gap:6px;display:inline-flex}.grid-label{letter-spacing:.18em;text-transform:uppercase;color:var(--hud-text-dim,#a9c6d0);font-size:11px}.grid-cells{box-sizing:content-box;touch-action:none;background-color:var(--hud-plate-empty,#050a10);background-image:linear-gradient(90deg, var(--hud-edge,#1f5a69) 1px, transparent 1px), linear-gradient(0deg, var(--hud-edge,#1f5a69) 1px, transparent 1px);background-size:var(--cell) var(--cell);box-shadow:0 0 0 1px var(--hud-edge,#1f5a69), 0 0 0 3px var(--hud-plate-empty,#050a10), 0 0 0 4px var(--hud-edge,#1f5a69);background-position:-1px -1px;position:relative}.grid-item{box-sizing:border-box;background:color-mix(in srgb, var(--item-color) 16%, var(--hud-plate,#0b1520));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--item-color) 55%, transparent), inset 0 2px 0 color-mix(in srgb, var(--item-color) 30%, transparent);cursor:grab;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:1px;transition:opacity .12s linear;display:flex;position:absolute;overflow:hidden}.grid-item svg{width:var(--icon);height:var(--icon);flex:none;display:block}.grid-item-label{white-space:nowrap;text-overflow:clip;text-transform:uppercase;max-width:100%;font-family:var(--hud-font-name);color:var(--hud-text,#e4f4f8);font-size:11px;font-weight:600;line-height:1;overflow:hidden}.grid-item:hover{background:color-mix(in srgb, var(--item-color) 26%, var(--hud-plate,#0b1520));box-shadow:inset 0 0 0 1px var(--item-color), 0 0 8px color-mix(in srgb, var(--item-color) 45%, transparent);z-index:1}.is-readonly .grid-item{cursor:default}.grid-item.is-dragging{opacity:.3}.grid-item.is-pending{cursor:progress;animation:.8s ease-in-out infinite alternate grid-pending}.grid-item.is-denied{animation:.5s linear grid-denied}@keyframes grid-pending{0%{opacity:.85}to{opacity:.4}}@keyframes grid-denied{0%,to{translate:0}20%{box-shadow:inset 0 0 0 2px var(--hud-bad,#ff7a6e);translate:-3px}40%{translate:3px}60%{box-shadow:inset 0 0 0 2px var(--hud-bad,#ff7a6e);translate:-2px}80%{translate:2px}}.grid-preview{box-sizing:border-box;pointer-events:none;z-index:2;background:color-mix(in srgb, var(--hud-good,#7be08a) 22%, transparent);box-shadow:inset 0 0 0 2px var(--hud-good,#7be08a), 0 0 10px color-mix(in srgb, var(--hud-good,#7be08a) 50%, transparent);position:absolute}.grid-preview.is-blocked{background:color-mix(in srgb, var(--hud-bad,#ff7a6e) 22%, transparent);box-shadow:inset 0 0 0 2px var(--hud-bad,#ff7a6e), 0 0 10px color-mix(in srgb, var(--hud-bad,#ff7a6e) 50%, transparent)}.grid-ghost{z-index:60;pointer-events:none;cursor:grabbing;font:700 12px/1.2 var(--hud-font-mono);color:var(--hud-text,#e4f4f8);opacity:.92;box-shadow:inset 0 0 0 1px var(--item-color), 0 6px 18px var(--hud-plate-empty,#050a10);position:fixed}.grid-ghost.is-blocked{box-shadow:inset 0 0 0 2px var(--hud-bad,#ff7a6e), 0 6px 18px var(--hud-plate-empty,#050a10)}.grid-ghost.is-outside{opacity:.6}.grid-dragging,.grid-dragging *{cursor:grabbing!important}.item-tooltip{z-index:70;pointer-events:none;position:fixed}.item-tooltip[hidden]{display:none}.item-tooltip-box{zoom:var(--hud-scale,1);box-sizing:border-box;min-width:168px;max-width:240px;font:700 12px/1.35 var(--hud-font-mono);color:var(--hud-text,#e4f4f8);background:var(--hud-plate,#0b1520);box-shadow:0 0 0 1px var(--hud-edge-light,#3fb6c9), 0 0 0 3px var(--hud-plate,#0b1520), 0 0 0 4px var(--hud-edge,#1f5a69);border-top:2px solid var(--item-color);padding:8px 10px}.item-tooltip-head{align-items:center;gap:8px;margin-bottom:6px;display:flex}.item-tooltip-head svg{flex:none;width:24px;height:24px}.item-tooltip-title{color:var(--hud-accent-strong,#b8f3ff);font-size:13px}.item-tooltip-sub{color:var(--hud-text-dim,#a9c6d0);font-size:12px}.item-tooltip dl{grid-template-columns:auto 1fr;gap:2px 12px;margin:0;display:grid}.item-tooltip dt{color:var(--hud-text-dim,#a9c6d0)}.item-tooltip dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.item-tooltip-note{color:var(--hud-warn,#ffb347);margin-top:6px;font-size:12px}.item-tooltip-text{color:var(--hud-text-dim,#a9c6d0);margin-top:6px;font-size:12px}.item-tooltip-compare{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.item-tooltip-compare td{padding:2px 0}.item-tooltip-value,.item-tooltip-delta{text-align:right;white-space:nowrap;padding-left:10px!important}.item-tooltip-against{letter-spacing:.12em;text-transform:uppercase;color:var(--hud-text-dim,#a9c6d0);margin-top:6px;font-size:11px}.item-tooltip .is-better{color:var(--hud-good,#7be08a)}.item-tooltip .is-worse{color:var(--hud-bad,#ff8a7e)}.grid-item.is-rotated>svg{transform:rotate(90deg)}.panel-layer{z-index:20;pointer-events:none;position:fixed;inset:0}.panel-layer[hidden]{display:none}.panel-backdrop{pointer-events:auto;background:linear-gradient(180deg, color-mix(in srgb, var(--hud-plate-empty) 70%, transparent), color-mix(in srgb, var(--hud-plate-empty) 45%, transparent));position:absolute;inset:0}.panel-dock{pointer-events:none;position:absolute;inset:0}.is-placeable{cursor:grab;touch-action:none}.is-placeable.is-dragging{cursor:grabbing}.panel{zoom:var(--hud-scale,1);isolation:isolate;pointer-events:auto;max-width:1040px;font:500 12px/1.45 var(--hud-font-mono);color:var(--hud-text);background:var(--hud-panel);box-shadow:0 0 0 1px var(--hud-hair-strong), 0 16px 48px var(--hud-shade);outline:none;grid-template-rows:44px minmax(0,1fr) 28px;margin-inline:auto;display:grid;position:absolute;inset:24px 232px 184px 16px}:where(.panel) :where(button,input,select,textarea){font-family:inherit}.panel>*{z-index:1;min-width:0;position:relative}.panel-layer.is-open .panel{animation:.14s ease-out panel-in}@keyframes panel-in{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0}}.panel-head{box-shadow:inset 0 -1px 0 var(--hud-hair);align-items:center;gap:16px;padding:0 20px;display:flex}.panel-title{white-space:nowrap;text-overflow:ellipsis;min-width:0;font:600 20px/1 var(--hud-font-name);letter-spacing:.1em;text-transform:uppercase;color:var(--hud-text);flex:1;margin:0;overflow:hidden}.panel-credits{font-variant-numeric:tabular-nums;color:var(--hud-text);box-shadow:inset 0 0 0 1px var(--hud-hair-strong);background:0 0;padding:2px 8px}.panel-credits[hidden],.panel-close[hidden]{display:none}.panel-close{cursor:pointer;font:inherit;color:var(--hud-text-dim);background:0 0;border:0;align-items:center;gap:6px;padding:4px 6px;font-size:12px;display:inline-flex}.panel-close kbd{font:inherit;color:var(--hud-key-cap-text);background:var(--hud-key-cap);box-shadow:none;padding:1px 5px}.panel-close:hover,.panel-close:focus-visible{color:var(--hud-text);outline:none}.panel-close:focus-visible kbd{box-shadow:inset 0 0 0 1px var(--hud-accent), 0 0 0 1px var(--hud-accent)}@property --scroll-fade{syntax:"<length>";inherits:false;initial-value:0}@keyframes scroll-fade{0%,90%{--scroll-fade:32px}to{--scroll-fade:0px}}.panel-body{scrollbar-color:var(--hud-hair-strong) transparent;min-height:0;-webkit-mask:linear-gradient(var(--hud-text) calc(100% - var(--scroll-fade)), transparent);mask:linear-gradient(var(--hud-text) calc(100% - var(--scroll-fade)), transparent);padding:16px;animation:linear both scroll-fade;animation-timeline:scroll(self);overflow:auto}.panel-split{grid-template-columns:3fr 2fr;align-items:start;gap:20px;display:grid}.panel-col{flex-direction:column;gap:12px;min-width:0;display:flex}.panel-side{box-shadow:inset 1px 0 0 var(--hud-hair);align-self:stretch;padding-left:20px}.panel-foot{color:var(--hud-bad);box-shadow:inset 0 1px 0 var(--hud-hair);opacity:0;align-items:center;padding:0 20px;font-size:12px;transition:opacity .2s linear;display:flex}.panel-foot.is-shown{opacity:1}.panel:after{content:"";pointer-events:none;z-index:0;box-sizing:border-box;border:1px solid var(--hud-edge-light);-webkit-mask:linear-gradient(var(--hud-edge) 0 0) top left / 9px 9px no-repeat, linear-gradient(var(--hud-edge) 0 0) top right / 9px 9px no-repeat, linear-gradient(var(--hud-edge) 0 0) bottom left / 9px 9px no-repeat, linear-gradient(var(--hud-edge) 0 0) bottom right / 9px 9px no-repeat;mask:linear-gradient(var(--hud-edge) 0 0) top left / 9px 9px no-repeat, linear-gradient(var(--hud-edge) 0 0) top right / 9px 9px no-repeat, linear-gradient(var(--hud-edge) 0 0) bottom left / 9px 9px no-repeat, linear-gradient(var(--hud-edge) 0 0) bottom right / 9px 9px no-repeat;position:absolute;inset:-1px}@media (prefers-reduced-motion:reduce){.panel-layer.is-open .panel{animation:none}}