.pixel-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.pixel-filters .seg__btn{padding:0 14px}.pixel-toolbar__actions{flex-wrap:wrap;gap:8px;display:flex}.pixel-mix-hint{color:var(--muted);margin:-4px 0 12px;font-size:13px}.pixel-regions{flex-wrap:wrap;margin-bottom:14px;display:inline-flex}.pixel-regions .seg__btn{height:34px;padding:0 12px}.pixel-gallery{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px;margin-bottom:24px;display:grid}.pixel-card{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--card);min-width:0;color:var(--text);cursor:pointer;flex-direction:column;align-items:center;gap:6px;padding:12px 8px 10px;display:flex}.pixel-card:hover,.pixel-card.is-selected{border-color:var(--green)}.pixel-card.is-selected{box-shadow:0 0 0 1px var(--green);background:var(--green-tint)}.pixel-card__image{width:64px;height:64px}.pixel-card__name{max-width:100%;font:600 13px/1.3 var(--sans);text-align:center;-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere;word-break:keep-all;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.pixel-workbench{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:20px;display:grid}.pixel-settings{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--card);gap:22px;min-inline-size:0;margin:0;padding:20px;display:grid}.pixel-settings:disabled{opacity:.65}.pixel-settings__head{justify-content:space-between;align-items:center;gap:8px;display:flex}.pixel-settings h2,.pixel-result__bar h2{font:650 15px/1.5 var(--sans);margin:0}.pixel-swatches{flex-wrap:wrap;gap:8px;display:flex}.pixel-swatch{border:1px solid var(--line-strong);background:var(--swatch);cursor:pointer;border-radius:50%;width:34px;height:34px;padding:0}.pixel-swatch:first-child{background:repeating-conic-gradient(#d9dbe0 0 25%, #fff 0 50%) 50% / 12px 12px}.pixel-swatch.is-active{outline:2px solid var(--green);outline-offset:2px}.pixel-result{width:100%}.pixel-error{border-bottom:1px solid var(--line);color:var(--danger,#c94242);margin:0;padding:12px 16px;font-size:13px;line-height:1.6}.pixel-stage{background:var(--pixel-background,var(--card));place-items:center;min-height:420px;padding:28px;display:grid}.pixel-stage.is-transparent{background:repeating-conic-gradient(#e6e7eb 0 25%, #fff 0 50%) 50% / 24px 24px}:root[data-theme=dark] .pixel-stage.is-transparent{background:repeating-conic-gradient(#202227 0 25%, #17181b 0 50%) 50% / 24px 24px}.pixel-stage__image{aspect-ratio:1;width:min(100%,360px);height:auto}.pixel-result .conv__copy-hint{border-top-color:var(--line);background:var(--card);color:var(--muted)}.pixel-about{max-width:800px;margin-top:56px}.pixel-about ol{color:var(--muted);padding-left:22px;font-size:14px;line-height:1.8}.pixel-about li+li{margin-top:8px}.pixel-guide__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.pixel-guide__item{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--card);padding:18px 20px}.pixel-guide__item h3{font:650 16px/1.4 var(--sans);margin:0 0 8px}.pixel-guide__item p{color:var(--muted);margin:0;font-size:14px;line-height:1.75}.pixel-guide__thumbs{flex-wrap:wrap;gap:6px;margin:14px 0 0;padding:0;list-style:none;display:flex}.pixel-guide__thumbs img,.pixel-card__image{image-rendering:pixelated}.pixel-guide__thumbs--clamped img{display:block}.pixel-guide__thumbs--clamped{max-height:132px;overflow:hidden}.pixel-guide__more{margin-top:12px}.pixel-guide .pixel-guide__uses-title{margin-top:48px}@media (width<=819px){.pixel-workbench{grid-template-columns:minmax(0,1fr)}.pixel-result{order:1}.pixel-settings{order:2}.pixel-stage{min-height:260px}.pixel-stage__image{width:min(100%,240px)}}@media (width<=559px){.pixel-guide__grid{grid-template-columns:minmax(0,1fr)}.pixel-toolbar{flex-flow:column;align-items:stretch}.pixel-toolbar__actions>.btn{flex:1}.pixel-filters,.pixel-regions{flex-wrap:nowrap;overflow-x:auto}.pixel-regions .seg__btn{flex:1 0 auto}.pixel-filters .seg__btn{flex:1 0 auto;padding:0 10px}.pixel-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.pixel-card{padding:8px 4px 6px}.pixel-card__image{aspect-ratio:1;width:100%;max-width:56px;height:auto}.pixel-card__name{font-size:11px}.pixel-result__bar{align-items:flex-start}.pixel-result__bar .conv__actions{gap:5px}}.pixel-guide__thumbs a{border-radius:6px;display:block}.pixel-guide__thumbs a:hover img{transform:translateY(-2px)}.pixel-guide__thumbs img{transition:transform .15s}.pixel-result__page{margin:10px 0 0;font-size:14px}.pixel-sprite-info{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:32px;display:grid}.pixel-sprite-info__image{border:1px solid var(--line);border-radius:var(--radius-card);background:repeating-conic-gradient(#eceef2 0 25%, #fff 0 50%) 50% / 16px 16px;padding:16px}.pixel-sprite-info__image img{width:100%;height:auto;image-rendering:pixelated;display:block}.pixel-sprite-info__text{color:var(--muted);margin:18px 0 0;line-height:1.7}.pixel-sprite-colors{flex-wrap:wrap;gap:8px 14px;margin:16px 0 0;padding:0;list-style:none;display:flex}.pixel-sprite-colors li{align-items:center;gap:6px;font-size:13px;display:inline-flex}.pixel-sprite-colors__chip{border:1px solid var(--line-strong);background:var(--chip);border-radius:4px;width:16px;height:16px}.pixel-related{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px;margin:16px 0 0;padding:0;list-style:none;display:grid}.pixel-related__link{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--card);height:100%;color:var(--text);text-align:center;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;font-size:13px;text-decoration:none;display:flex}.pixel-related__link:hover{border-color:var(--green)}.pixel-related__link img{image-rendering:pixelated}.pixel-related__all{margin:18px 0 0}@media (width<=819px){.pixel-sprite-info{grid-template-columns:minmax(0,1fr);gap:20px}.pixel-sprite-info__image{width:min(200px,60%)}}