@import"https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400&family=Syne:wght@700;800&display=swap";:root{--bg-primary: #f5f0e8;--bg-secondary: #ede8df;--bg-card: #faf7f2;--bg-card-hover: #f0ebe1;--clay-ink: #1a1712;--clay-charcoal: #2d2a25;--clay-brown: #6b5e4e;--clay-tan: #a89070;--clay-sand: #c9b99a;--clay-cream: #e8dece;--accent-red: #c84b31;--accent-blue: #2b4aaa;--accent-green: #2d6a4f;--accent-amber: #b5810a;--text-primary: #1a1712;--text-secondary: #4a443a;--text-muted: #7a7168;--border-subtle: rgba(26, 23, 18, .12);--border-strong: rgba(26, 23, 18, .28);--font-sans: "Syne", system-ui, sans-serif;--font-mono: "Space Mono", monospace;--clay-shadow-sm: 4px 4px 0px rgba(26, 23, 18, .15), inset 0 1px 0 rgba(255,255,255,.8);--clay-shadow-md: 6px 6px 0px rgba(26, 23, 18, .18), inset 0 1px 0 rgba(255,255,255,.7);--clay-shadow-lg: 8px 8px 0px rgba(26, 23, 18, .2), 0 20px 40px rgba(26, 23, 18, .08), inset 0 1px 0 rgba(255,255,255,.75);--clay-shadow-xl: 10px 10px 0px rgba(26, 23, 18, .22), 0 30px 60px rgba(26, 23, 18, .1), inset 0 2px 0 rgba(255,255,255,.8)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-mono);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.5;background-image:radial-gradient(circle,rgba(26,23,18,.06) 1px,transparent 1px);background-size:28px 28px;overflow-x:hidden}.glass-panel{background:var(--bg-card);border:2px solid var(--border-strong);border-radius:20px;box-shadow:var(--clay-shadow-lg);position:relative}.glass-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:18px;background:linear-gradient(160deg,#ffffff8c,#fff0 60%);pointer-events:none}.glass-card-interactive{background:var(--bg-card);border:2px solid var(--border-subtle);border-radius:14px;box-shadow:var(--clay-shadow-sm);transition:all .2s ease}.glass-card-interactive:hover{box-shadow:var(--clay-shadow-md);transform:translateY(-2px);border-color:var(--border-strong)}.pixel-canvas{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;border-radius:8px;background:#fff;box-shadow:4px 4px #1a171233,inset 0 1px #ffffffe6;display:block}.btn-primary{background:var(--clay-ink);color:#faf7f2;border:2px solid var(--clay-ink);border-radius:12px;padding:12px 24px;font-weight:700;font-size:14px;font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:all .15s ease;box-shadow:4px 4px #1a171240,inset 0 1px #ffffff26;position:relative}.btn-primary:hover{background:var(--clay-charcoal);transform:translate(-1px,-1px);box-shadow:5px 5px #1a171240,inset 0 1px #ffffff26}.btn-primary:active{transform:translate(2px,2px);box-shadow:2px 2px #1a171240}.btn-primary:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:2px solid var(--border-strong);border-radius:10px;padding:8px 16px;font-size:13px;font-weight:700;font-family:var(--font-mono);cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .15s ease;box-shadow:var(--clay-shadow-sm)}.btn-secondary:hover{background:var(--clay-cream);transform:translate(-1px,-1px);box-shadow:var(--clay-shadow-md)}.btn-secondary:active{transform:translate(2px,2px);box-shadow:2px 2px #1a17122e}.badge-trait{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;font-family:var(--font-mono);font-size:11px;background:var(--clay-cream);border:1.5px solid var(--border-strong);color:var(--text-secondary);box-shadow:2px 2px #1a17121f}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;border-radius:999px;background:var(--clay-cream);outline:none;border:1.5px solid var(--border-strong);transition:all .2s}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--clay-ink);cursor:pointer;border:3px solid var(--bg-card);box-shadow:2px 2px #1a17124d;transition:transform .15s ease}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--clay-ink);cursor:pointer;border:3px solid var(--bg-card);box-shadow:2px 2px #1a17124d}.app-container{max-width:1200px;margin:0 auto;padding:14px 20px;display:flex;flex-direction:column;gap:14px;min-height:100vh;justify-content:space-between}.app-footer{text-align:center;font-size:10px;color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.08em;padding-bottom:2px;opacity:.75}.main-grid{display:grid;grid-template-columns:1fr;gap:24px}@media(min-width:900px){.main-grid{grid-template-columns:460px 1fr}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes stampIn{0%{opacity:0;transform:scale(1.12)}60%{transform:scale(.97)}to{opacity:1;transform:scale(1)}}.spin{animation:spin .8s linear infinite}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--clay-sand);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--clay-tan)}html,body{overflow-x:hidden;max-width:100vw}@media(max-width:768px){.app-container{padding:10px 10px 14px;gap:12px}.mint-main-grid{grid-template-columns:1fr!important;gap:14px!important}.preview-card-box{padding:16px 12px!important;border-radius:16px!important}.mint-control-card{padding:16px 14px!important;border-radius:16px!important;gap:14px!important}.canvas-preview-frame{max-width:250px!important;width:100%!important;height:auto!important;aspect-ratio:1 / 1!important}.canvas-preview-frame canvas{max-width:250px!important;width:100%!important;height:auto!important;aspect-ratio:1 / 1!important}.traits-grid-panel{grid-template-columns:repeat(auto-fit,minmax(75px,1fr))!important;gap:4px!important}.modal-dialog-card{max-width:95vw!important;max-height:90vh!important;overflow-y:auto!important;border-radius:18px!important}.modal-dialog-header{padding:14px 16px 12px!important}.modal-dialog-body{padding:14px 14px 16px!important}.btn-primary{padding:10px 18px;font-size:12.5px}.btn-secondary{padding:7px 12px;font-size:11.5px}}@media(max-width:480px){.app-container{padding:8px 8px 12px}.canvas-preview-frame{max-width:230px!important}.canvas-preview-frame canvas{max-width:230px!important}.traits-grid-panel{grid-template-columns:repeat(3,1fr)!important}}