.pixel-ws[data-v-587b4517]{display:flex;height:100%;min-height:0;background:var(--wb-bg)}.pixel-stage[data-v-587b4517]{position:relative;display:flex;min-width:0;min-height:0;flex:1;flex-direction:column;background-color:var(--wb-stage);background-image:radial-gradient(ellipse 80% 55% at 50% 42%,var(--wb-glow),transparent 64%),linear-gradient(var(--wb-grid) 1px,transparent 1px),linear-gradient(90deg,var(--wb-grid) 1px,transparent 1px);background-size:auto,28px 28px,28px 28px}.pixel-loaded[data-v-587b4517]{display:flex;min-height:0;flex:1;flex-direction:column}.pixel-bar[data-v-587b4517]{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--wb-line);background:var(--wb-bar);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pixel-view[data-v-587b4517]{position:relative;display:flex;min-height:0;flex:1;align-items:center;justify-content:center;padding:12px}.compare-side[data-v-587b4517]{display:grid;height:100%;width:100%;min-height:0;grid-template-columns:1fr 1fr;gap:8px}.pane[data-v-587b4517]{position:relative;display:flex;min-width:0;min-height:0;height:100%;width:100%;align-items:center;justify-content:center;overflow:hidden;border-radius:10px}.tag[data-v-587b4517]{pointer-events:none;position:absolute;top:8px;z-index:2;border-radius:4px;background:#00000073;padding:2px 6px;font-size:10px;color:#fff}.tag.left[data-v-587b4517]{left:8px}.tag.right[data-v-587b4517]{right:8px}.pixel-dock[data-v-587b4517]{display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--wb-line);background:var(--wb-bar);padding:10px 12px 12px}.pixel-inspector[data-v-587b4517]{display:flex;width:320px;flex-shrink:0;flex-direction:column;border-left:1px solid var(--wb-line);background:var(--wb-panel)}.pixel-inspector-body[data-v-587b4517]{min-height:0;flex:1;overflow-y:auto;padding:14px 14px 18px}.pixel-export[data-v-587b4517]{border-top:1px solid var(--wb-line);background:var(--wb-export);padding:12px 14px 14px}.preview-wrap[data-v-587b4517]{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:100%;min-width:0;min-height:0;padding:18px 16px 22px}.preview-box[data-v-587b4517]{position:relative;display:flex;max-width:100%;max-height:100%;min-width:0;min-height:0}.preview-canvas[data-v-587b4517]{display:block;max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;image-rendering:pixelated}.preview-sample[data-v-587b4517]{pointer-events:none;position:absolute;z-index:1;box-sizing:border-box;overflow:hidden;padding:3px 6px;color:#f4f7ff;font-size:12px;font-weight:600;line-height:1.35;text-shadow:0 1px 2px #000000b3;white-space:pre-wrap;word-break:break-word}.preview-handle[data-v-587b4517]{position:absolute;z-index:3;padding:0;border:1px solid #edf2ffcc;background:#3477f5;box-shadow:0 0 0 1px #0006;-webkit-appearance:none;-moz-appearance:none;appearance:none}.preview-handle.e[data-v-587b4517]{top:50%;right:-5px;width:9px;height:18px;margin-top:-9px;cursor:ew-resize;border-radius:2px}.preview-handle.s[data-v-587b4517]{left:50%;bottom:-5px;width:18px;height:9px;margin-left:-9px;cursor:ns-resize;border-radius:2px}.preview-handle.se[data-v-587b4517]{right:-6px;bottom:-6px;width:11px;height:11px;cursor:nwse-resize;border-radius:2px}.preview-handle[data-v-587b4517]:disabled{opacity:.35;cursor:default}.preview-size[data-v-587b4517]{pointer-events:none;position:absolute;left:50%;bottom:100%;margin-bottom:6px;transform:translate(-50%);border-radius:4px;background:#00000073;padding:1px 6px;font-size:10px;font-variant-numeric:tabular-nums;color:#fff;white-space:nowrap}@media(max-width:1023px){.pixel-ws[data-v-587b4517]{flex-direction:column;overflow:auto}.pixel-stage[data-v-587b4517]{height:min(62vh,560px);flex:none}.pixel-inspector[data-v-587b4517]{width:100%;border-left:none;border-top:1px solid var(--wb-line)}.pixel-inspector-body[data-v-587b4517]{overflow:visible}.compare-side[data-v-587b4517]{grid-template-columns:1fr;grid-template-rows:1fr 1fr}}