.pixel-workspace{border:1px solid #e2e8f0;border-radius:20px;background:#fff;padding:24px;color:#334155}.pixel-topbar{gap:20px}.pixel-drop,.pixel-topbar{display:flex;align-items:center}.pixel-drop{gap:14px;flex:1;padding:20px;border:1px dashed #b5a5d8;border-radius:12px;background:#faf8ff;text-align:left;transition:background .15s}.pixel-drop-active,.pixel-drop:hover{background:#ede9fe}.pixel-drop svg{color:#7c3aed;flex-shrink:0}.pixel-drop small{display:block;margin-top:4px;color:#64748b}.pixel-private{gap:6px;color:#64748b;font-size:13px}.pixel-controls,.pixel-private{display:flex;align-items:center}.pixel-controls{gap:32px;flex-wrap:wrap;padding:22px 0}.pixel-controls label,.pixel-downloads label{font-size:14px;font-weight:600}.pixel-workspace select{border:1px solid #cbd5e1;border-radius:8px;background:#fff;padding:8px 30px 8px 10px;margin-left:10px;color:#334155}.pixel-checkbox{display:flex;gap:10px;align-items:center;cursor:pointer}.pixel-checkbox input{width:18px;height:18px;accent-color:#7c3aed}.pixel-checkbox small{display:block;font-weight:400;color:#64748b;font-size:12px;margin-top:3px}.pixel-empty{border-radius:12px;background:#f8fafc;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:260px;padding:30px;text-align:center}.pixel-empty svg{color:#a78bfa}.pixel-empty h2{font-size:22px;font-weight:700;color:#334155}.pixel-empty p{max-width:570px;color:#64748b}.pixel-source-row{display:flex;gap:12px;align-items:center;padding:16px 0;border-top:1px solid #e2e8f0}.pixel-source-row>div{flex:1;min-width:0}.pixel-source-row span{display:block;font-size:12px;color:#64748b}.pixel-filename{display:block;overflow-wrap:anywhere;font-size:14px}.pixel-source-thumbnail{width:60px;height:48px;object-fit:contain;border-radius:6px;background:#f1f5f9}.pixel-status{display:flex;gap:8px;align-items:center;min-height:36px;margin-bottom:12px;font-size:13px;color:#64748b}.pixel-results{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.pixel-result{border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.pixel-result-suggested{border-color:#c4b5fd}.pixel-result footer,.pixel-result header{padding:12px;display:flex;align-items:center;justify-content:space-between;gap:4px}.pixel-result h3{font-size:20px;font-weight:700}.pixel-result h3 span{font-size:11px;font-weight:400;display:block;color:#64748b}.pixel-badge{background:#f5f3ff;color:#6d28d9;border-radius:20px;padding:4px 8px;font-size:11px}.pixel-preview{height:215px;padding:12px;display:flex;align-items:center;justify-content:center;background-color:#fff;background-image:conic-gradient(#edf0f5 25%,transparent 0 50%,#edf0f5 0 75%,transparent 0);background-size:16px 16px}.pixel-preview img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.pixel-preview>span{font-size:13px;color:#64748b}.pixel-result footer>span,.pixel-result-hint{font-size:12px;color:#64748b}.pixel-result-hint{padding:0 12px 12px}.pixel-secondary{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:8px 12px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;font-size:13px;font-weight:600}.pixel-secondary:hover:enabled{background:#f8fafc}.pixel-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border-radius:9px;background:#6d28d9;color:#fff;font-weight:600}.pixel-primary:hover:enabled{background:#5b21b6}.pixel-workspace button:disabled{opacity:.5;cursor:not-allowed}.pixel-workspace button:focus-visible,.pixel-workspace input:focus-visible,.pixel-workspace select:focus-visible{outline:2px solid #7c3aed;outline-offset:3px}.pixel-palette{display:flex;align-items:center;flex-wrap:wrap;gap:4px;padding-top:18px}.pixel-palette>span{width:20px;height:20px;border:1px solid #0001;border-radius:4px}.pixel-palette small{margin-left:6px;color:#64748b}.pixel-downloads{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding-top:20px;margin-top:20px;border-top:1px solid #e2e8f0}.pixel-downloads p{font-size:12px;color:#64748b;flex:1}.pixel-footnote{margin-top:20px;font-size:12px;color:#64748b}.pixel-error{display:flex;justify-content:space-between;align-items:center;gap:12px;border-radius:8px;padding:12px;background:#fff1f2;color:#be123c;margin-bottom:14px;font-size:14px}.pixel-spinner{animation:pixel-spin .8s linear infinite}@keyframes pixel-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.pixel-spinner{animation:none}.pixel-drop{transition:none}}@media (max-width:1000px){.pixel-topbar{flex-direction:column;align-items:stretch;gap:10px}.pixel-results{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.pixel-workspace{padding:16px}.pixel-controls{gap:18px}.pixel-results{grid-template-columns:1fr}.pixel-preview{height:230px}.pixel-primary{width:100%}.pixel-downloads p{flex-basis:100%}.pixel-source-row{flex-wrap:wrap}}