.app-shell{max-width:1200px;margin:0 auto;padding:1rem}@media (max-width:640px){.app-shell{padding:.5rem}header{flex-direction:column;gap:.75rem}nav{flex-wrap:wrap;justify-content:center}}.coloracao-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width:768px){.coloracao-grid{grid-template-columns:1fr}}.upload-zone{border:2px dashed #d1d5db;border-radius:.75rem;padding:2rem;text-align:center;transition:all .2s;cursor:pointer}.upload-zone:hover{border-color:#3b82f6;background-color:#f9fafb}.upload-zone.dragging{border-color:#3b82f6;background-color:#eff6ff}.color-swatch{width:100%;aspect-ratio:1}.color-swatch,.color-swatch-large{border-radius:.5rem;box-shadow:0 1px 3px rgba(0,0,0,.1)}.color-swatch-large{height:60px}@keyframes spin{to{transform:rotate(1turn)}}.spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}.card{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.1)}@media (prefers-color-scheme:dark){.card{background:#1f2937}.upload-zone:hover{background-color:#374151}.upload-zone.dragging{background-color:#1e3a5f}}