.pixel-panel{gap:12px;display:grid}.pixel-stage{border-radius:var(--radius-sm);height:320px;position:relative;overflow:hidden}.pixel-surface{border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;-webkit-tap-highlight-color:transparent;width:100%;height:100%;padding:0;display:block}.pixel-swatches{grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.pixel-swatch{min-width:0;color:var(--muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex-direction:column;align-items:center;gap:7px;padding:4px 0 2px;font-size:13px;display:flex}.pixel-swatch[aria-pressed=true]{color:var(--ink);font-weight:600}.pixel-chip{border:1px solid var(--line);border-radius:var(--radius-sm);outline-offset:2px;outline:2px solid #0000;width:44px;height:44px;display:block}.pixel-swatch[aria-pressed=true] .pixel-chip{outline-color:var(--ink)}.pixel-hint,.pixel-warn{padding-inline:2px;font-size:15px;line-height:1.4}.pixel-hint{color:var(--muted)}.pixel-warn strong{font-weight:600}.pixel-warn span{color:var(--muted)}.pixel-fix{touch-action:none;cursor:grab;width:160px;height:160px;position:absolute;transform:translate(-50%,-50%)}.pixel-fix:active{cursor:grabbing}.pixel-fs{z-index:200;touch-action:none;overscroll-behavior:contain;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;display:none;position:fixed;inset:0;overflow:hidden}.pixel-fs.is-on,.pixel-fs:fullscreen{display:block}.pixel-fs:-webkit-full-screen{display:block}.pixel-fs:focus{outline:none}.pixel-fs.is-idle{cursor:none}.pixel-close{top:max(12px, env(safe-area-inset-top));border-radius:var(--radius-sm);width:40px;height:40px;color:var(--screen-ink);cursor:pointer;background:#161616b8;border:1px solid #efefec66;justify-content:center;align-items:center;padding:0;transition:opacity .2s;display:flex;position:absolute;inset-inline-end:max(12px, env(safe-area-inset-right))}.pixel-close svg{width:18px;height:18px}.pixel-fs.is-idle .pixel-close{opacity:0;pointer-events:none}@media (width>=1024px){.tool--split.pixel-tool{grid-template-columns:380px minmax(0,1fr)}.pixel-tool>.tool-side{grid-area:1/1}.pixel-tool>.tool-main{grid-area:1/2}.pixel-stage{aspect-ratio:16/10;height:auto}}