:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;--bg: #0a0a0a;--surface: #141414;--surface-hover: #1a1a1a;--border: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .15);--text: #fafafa;--text-secondary: rgba(255, 255, 255, .55);--accent: #c9a0dc;--accent-dim: rgba(201, 160, 220, .15);--radius: 12px;--radius-sm: 6px}*{box-sizing:border-box;margin:0}html,body,#root{min-height:100vh;background:var(--bg);color:var(--text)}body{-webkit-font-smoothing:antialiased}.app{max-width:1200px;margin:0 auto;padding:2rem 1.5rem 4rem}.header{text-align:center;margin-bottom:2.5rem}.header__brand{display:inline-flex;align-items:center;gap:.6rem;color:var(--accent)}.header__brand h1{font-size:1.6rem;font-weight:700;letter-spacing:.25em;color:var(--text)}.header__sub{margin-top:.35rem;color:var(--text-secondary);font-size:.85rem;letter-spacing:.08em}.toolbar{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.search-box{display:flex;align-items:center;gap:.5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.6rem 1rem;color:var(--text-secondary);transition:border-color .2s}.search-box:focus-within{border-color:var(--accent)}.search-box input{flex:1;background:none;border:none;outline:none;color:var(--text);font-size:.9rem}.search-box input::placeholder{color:var(--text-secondary)}.categories{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:center}.cat-btn{background:transparent;border:1px solid var(--border);color:var(--text-secondary);padding:.4rem 1rem;border-radius:999px;font-size:.8rem;cursor:pointer;transition:all .2s;letter-spacing:.03em}.cat-btn:hover{border-color:var(--border-hover);color:var(--text)}.cat-btn--active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem}.empty{grid-column:1 / -1;text-align:center;padding:4rem 1rem;color:var(--text-secondary)}.design-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;cursor:pointer;transition:all .25s ease;text-align:left;color:inherit;font:inherit}.design-card:hover{border-color:var(--border-hover);background:var(--surface-hover);transform:translateY(-2px)}.design-card__image{display:flex;justify-content:center;align-items:center;height:200px;margin-bottom:1rem;transition:color .3s}.design-card__image svg{width:140px;height:140px}.design-card__info{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.5rem}.design-card__info h3{font-size:.95rem;font-weight:600;letter-spacing:-.01em}.design-card__price{font-size:.85rem;color:var(--accent);font-weight:500}.design-card__tags{display:flex;gap:.35rem;flex-wrap:wrap}.pill{display:inline-block;font-size:.65rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);border:1px solid var(--border);padding:.15rem .5rem;border-radius:999px}.detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;z-index:100;padding:1rem;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.detail{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:calc(var(--radius) * 1.5);max-width:480px;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.detail__close{position:absolute;top:.75rem;right:.75rem;background:#ffffff0f;border:none;color:var(--text-secondary);font-size:1.4rem;width:32px;height:32px;border-radius:50%;cursor:pointer;display:grid;place-items:center;transition:all .2s;z-index:1}.detail__close:hover{background:#ffffff1f;color:var(--text)}.detail__preview{display:flex;justify-content:center;align-items:center;height:260px;border-bottom:1px solid var(--border);transition:color .3s}.detail__preview svg{width:180px;height:180px}.detail__body{padding:1.5rem}.detail__category{display:inline-block;font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin-bottom:.35rem}.detail__body h2{font-size:1.35rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.25rem}.detail__price{font-size:1.1rem;color:var(--accent);font-weight:600;margin-bottom:.75rem}.detail__desc{font-size:.88rem;color:var(--text-secondary);line-height:1.65;margin-bottom:1.25rem}.detail__colors{margin-bottom:1rem}.detail__label{display:block;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:.5rem}.color-swatches{display:flex;gap:.5rem}.swatch{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .2s;outline:none}.swatch:hover{transform:scale(1.15)}.swatch--active{border-color:var(--text);box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--text-secondary)}.detail__tags{display:flex;gap:.35rem;flex-wrap:wrap;margin-bottom:1.5rem}.btn-primary{width:100%;padding:.75rem;background:var(--accent);color:#0a0a0a;border:none;border-radius:var(--radius-sm);font-size:.88rem;font-weight:600;letter-spacing:.04em;cursor:pointer;transition:all .2s}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}@media(max-width:600px){.grid{grid-template-columns:1fr}.app{padding:1.5rem 1rem 3rem}}