body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}body{background:#f6f8fb;color:#1f2937;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;margin:0}.wrap{margin:48px auto;max-width:900px;padding:0 20px 40px}h1{color:#111827;margin-bottom:24px;text-align:center}.choices,.controls{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:12px 0 20px}input[type=number]{background:#fff;border:2px solid #d1d5db;border-radius:10px;font-size:16px;outline:none;padding:10px 12px;transition:border-color .2s ease;width:220px}input[type=number]:focus{border-color:#2563eb}button{background:#2563eb;border:none;border-radius:10px;box-shadow:0 4px 12px #2563eb40;color:#fff;cursor:pointer;font-size:15px;padding:10px 16px;transition:transform .05s ease,background .2s ease,box-shadow .2s ease}button:hover{background:#1e40af}button:active{transform:translateY(1px)}button.secondary{background:#6b7280;box-shadow:0 4px 12px #6b728040}button.secondary:hover{background:#374151}.grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,minmax(180px,1fr));margin-top:10px}.box{background:#fff;border-radius:14px;box-shadow:0 6px 18px #0000000f;padding:16px;text-align:center}.box h2{margin:8px 0 4px}.color{color:#6b7280;font-size:14px;margin:0}.count{font-size:24px;font-weight:700;margin:10px 0 0}.swatch{border:2px solid #0000000d;border-radius:10px;height:48px;margin:0 auto 8px;width:48px}.violet{background:violet}.orange{background:orange}.green{background:#22c55e}.white{background:#fff;border-color:#e5e7eb}.totals{font-size:16px;margin-top:18px;text-align:center}
/*# sourceMappingURL=main.e6ab1de0.css.map*/