.sprite-hero{background:var(--silver-canvas);border-bottom:1px solid var(--silver-line);padding:36px 0 32px}.sprite-hero h1{letter-spacing:-.048em;margin-bottom:20px;font-size:clamp(40px,4.65vw,66px);font-weight:800;line-height:1.02}.sprite-hero h1 span{color:var(--silver-violet)}.sprite-hero p{color:var(--silver-muted);font-size:18px}.sprite-badge{color:var(--silver-violet-text);background:#eae5ff;border-radius:100px;margin-top:20px;padding:8px 16px;font-size:14px;display:inline-block}.sprite-body{padding-top:32px;padding-bottom:40px}.sprite-workspace,.sprite-guidance{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:24px;display:grid}.sprite-panel{border:1px solid var(--silver-line);background:#fff;border-radius:8px;min-width:0;padding:28px}.sprite-panel legend{padding:0}.sprite-panel h2,.sprite-panel legend{margin-bottom:16px;font-size:22px;font-weight:750}.sprite-help,.sprite-drop p,.sprite-guidance p,.sprite-guidance li{color:var(--silver-muted);overflow-wrap:anywhere;margin-top:12px;font-size:14px}.sprite-help li+li,.sprite-guidance li+li{margin-top:12px}.sprite-panel ul,.sprite-guidance ol{padding-left:20px}.sprite-drop{background:var(--silver-panel);border:1px dashed #858ba3;border-radius:8px;justify-items:start;gap:16px;padding:20px;display:grid}.sprite-drop-active{border-color:var(--silver-violet);background:#eae5ff}.sprite-drop label{cursor:pointer;align-items:center;display:inline-flex}.sprite-drop input:focus-visible+label{outline:2px solid var(--silver-ink);outline-offset:2px}.sprite-drop input:disabled+label{opacity:.65;cursor:not-allowed}.sprite-drop p{margin-top:0}.sprite-quiet{min-height:44px;color:var(--silver-violet-text);cursor:pointer;font:inherit;background:#fff;border:1px solid #858ba3;border-radius:100px;padding:8px 14px;font-size:14px}.sprite-quiet:hover:enabled,a.sprite-quiet:hover,label.sprite-quiet:hover{background:var(--silver-panel)}.sprite-fields .color-field>label{font-size:14px}.sprite-queue-heading{justify-content:space-between;align-items:center;gap:12px;margin:20px 0 12px;font-size:14px;display:flex}.sprite-panel h3{margin-top:28px}#sprite-queue{margin:0;padding:0;list-style:none}#sprite-queue li{border-bottom:1px solid var(--silver-line);flex-wrap:wrap;justify-content:space-between;gap:12px;padding:12px 0;display:flex}#sprite-queue li>div:first-child{overflow-wrap:anywhere;flex:150px;min-width:0}#sprite-queue strong{font-size:14px}#sprite-queue p{color:var(--silver-muted);margin-top:4px;font-size:13px}.sprite-row-actions{align-items:center;gap:6px;display:flex}.sprite-row-actions button{min-width:44px}.sprite-panel fieldset{border:0;min-width:0;margin:28px 0 0;padding:0}.sprite-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.sprite-fields label{align-content:start;gap:8px;font-size:14px;font-weight:650;display:grid}.sprite-fields input,.sprite-fields select{width:100%;min-width:0;min-height:44px;font:inherit;color:var(--silver-ink);background:#fff;border:1px solid #858ba3;border-radius:5px;padding:8px}.sprite-actions{border-top:1px solid var(--silver-line);flex-wrap:wrap;gap:12px;margin-top:24px;padding-top:24px;display:flex}.sprite-body button:disabled{border-color:var(--silver-line);color:var(--silver-muted);cursor:not-allowed;background:#eceef5}.sprite-body .sprite-error,#sprite-queue .sprite-failed p{color:var(--silver-error)}.sprite-error{margin-top:12px}.sprite-output{gap:24px;min-width:0;display:grid}.sprite-preview-frame{background:var(--silver-panel);border:1px solid var(--silver-line);border-radius:8px;place-items:center;min-height:260px;margin-top:24px;display:grid;overflow:hidden}.sprite-preview-frame p{color:var(--silver-muted);text-align:center;padding:24px}.sprite-preview-frame img{object-fit:contain;width:100%;height:auto;max-height:650px;display:block}.sprite-summary{background:var(--silver-panel);border:1px solid var(--silver-line);overflow-wrap:anywhere;border-radius:8px;margin:16px 0;padding:16px;font-size:14px}.sprite-panel progress{width:100%;accent-color:var(--silver-violet);margin-top:16px}.sprite-guidance{align-items:stretch;margin-top:24px}.sprite-faq{margin-top:32px}.sprite-faq h2{margin-bottom:20px}.sprite-faq details{border:1px solid var(--silver-line);border-radius:5px;margin-top:12px;padding:4px 16px}.sprite-faq summary{cursor:pointer;align-content:center;min-height:44px;font-weight:650}.sprite-faq p{color:var(--silver-muted);padding-bottom:16px;font-size:15px}.sprite-body [hidden]{display:none}@media (width<=900px){.sprite-workspace,.sprite-guidance{grid-template-columns:1fr}}@media (width<=700px){.sprite-panel{padding:23px}.sprite-hero h1{font-size:clamp(35px,8.8vw,58px)}}.sprite-preview-frame{background:repeating-conic-gradient(#dfe2ed 0% 25%,#fff 0% 50%) 0 0/20px 20px}.sprite-preview-frame img{image-rendering:pixelated}.sprite-downloads{flex-wrap:wrap;gap:12px;margin-bottom:28px;display:flex}.sprite-downloads a{justify-content:center;align-items:center;display:inline-flex}