body{background:#121212;color:#eaeaea;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0}*{box-sizing:border-box}.container{margin:70px auto;max-width:900px;padding:20px}h1{font-size:34px;font-weight:700;letter-spacing:2px;margin-bottom:50px;text-align:center}label{color:#bdbdbd;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.input-wrapper{margin-bottom:0;position:relative}.input-wrapper input{background:#1e1e1e;border:1px solid #2a2a2a;border-radius:10px;color:#fff;font-size:15px;margin-bottom:0;padding:14px 42px 14px 14px;transition:.2s ease;width:100%}.input-wrapper input:disabled{cursor:not-allowed;opacity:.4}.input-wrapper input:focus{border-color:#3a7bfd;box-shadow:0 0 0 1px #3a7bfd4d;outline:none}.clear-btn{background:none;border:none;border-radius:50%;color:#666;cursor:pointer;font-size:14px;line-height:1;padding:4px 6px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .15s ease,background .15s ease}.clear-btn:hover{background:#ffffff12;color:#ccc}input{background:#1e1e1e;border:1px solid #2a2a2a;border-radius:10px;color:#fff;font-size:15px;margin-bottom:25px;padding:14px;transition:.2s ease;width:100%}input:focus{border-color:#3a7bfd;box-shadow:0 0 0 1px #3a7bfd4d;outline:none}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#1e1e1e;background-image:url("data:image/svg+xml;utf8,<svg fill=%27white%27 height=%2720%27 viewBox=%270 0 20 20%27 width=%2720%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M5 7l5 5 5-5z%27/></svg>");background-position:right 12px center;background-repeat:no-repeat;background-size:18px;border:1px solid #2a2a2a;border-radius:10px;color:#fff;font-size:15px;margin-bottom:25px;padding:14px;transition:.2s ease;width:100%}select option[value=""]{color:#666}select option{background:#1e1e1e;color:#fff}select:focus{border-color:#3a7bfd;box-shadow:0 0 0 1px #3a7bfd4d;outline:none}select:has(option[value=""]:checked){color:#666}.custom-select-wrap{margin-bottom:25px;position:relative}.custom-select-trigger{align-items:center;background:#1e1e1e;border:1px solid #2a2a2a;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:15px;justify-content:space-between;line-height:1.5;padding:11px 42px 11px 14px;transition:.2s ease;-webkit-user-select:none;user-select:none;width:100%}.custom-select-trigger.placeholder{color:#666}.custom-select-wrap.is-open .custom-select-trigger{border-bottom-left-radius:0;border-bottom-right-radius:0;border-color:#3a7bfd;box-shadow:0 0 0 1px #3a7bfd4d}.custom-select-arrow{fill:#666;pointer-events:none;position:absolute;right:12px;transition:transform .2s ease}.custom-select-wrap.is-open .custom-select-arrow{fill:#fff;transform:rotate(180deg)}.custom-select-dropdown{animation:fadeIn .05s ease-in;background:#1e1e1e;border:1px solid #3a7bfd;border-radius:0 0 10px 10px;border-top:none;box-shadow:0 8px 20px #0006;max-height:240px;overflow-y:auto;position:absolute;scrollbar-color:#333 #0000;scrollbar-width:thin;width:100%;z-index:50}.custom-select-dropdown::-webkit-scrollbar{width:4px}.custom-select-dropdown::-webkit-scrollbar-track{background:#0000}.custom-select-dropdown::-webkit-scrollbar-thumb{background:#333;border-radius:4px}.custom-select-item{color:#eaeaea;cursor:pointer;font-size:14px;padding:11px 16px;transition:background .15s ease}.custom-select-item:hover{background:#2a2a2a}.custom-select-item.active{background:#3a7bfd14;color:#3a7bfd}.dropdown-wrap{margin-bottom:25px}.dropdown{animation:fadeIn .15s ease-in;background:#1e1e1e;border:1px solid #2a2a2a;border-radius:0 0 10px 10px;border-top:none;box-shadow:0 8px 20px #0006;max-height:320px;overflow-x:hidden;overflow-y:auto;padding-bottom:6px;padding-top:6px;scrollbar-color:#333 #0000;scrollbar-width:thin;width:100%}.dropdown::-webkit-scrollbar{width:4px}.dropdown::-webkit-scrollbar-track{background:#0000}.dropdown::-webkit-scrollbar-thumb{background:#333;border-radius:4px}.dropdown::-webkit-scrollbar-thumb:hover{background:#444}.is-open .input-wrapper input{border-bottom-left-radius:0;border-bottom-right-radius:0;border-color:#3a7bfd;box-shadow:0 0 0 1px #3a7bfd4d}div:has(>.input-wrapper):not(:has(.dropdown)){margin-bottom:25px}div:has(>.input-wrapper){margin-bottom:0}.dropdown-item{cursor:pointer;padding:10px 16px;transition:.15s ease}.dropdown-item:hover{background:#2a2a2a}.dropdown-item-main{align-items:center;display:flex;gap:10px;justify-content:space-between}.dropdown-item-left{align-items:center;display:flex;gap:8px;min-width:0}.dropdown-item-name{color:#eaeaea;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-item-code{color:#555;flex-shrink:0;font-family:monospace;font-size:11px;letter-spacing:1px}.dropdown-item--recent{background:#3a7bfd0f;border-left:2px solid #3a7bfd80}.dropdown-item--recent:hover{background:#3a7bfd1f}.dropdown-item--active{background:#2a2a2a}.dropdown-item--recent.dropdown-item--active{background:#3a7bfd26}.recent-badge{color:#3a7bfd;font-size:11px;font-weight:600;letter-spacing:.3px;opacity:.85;white-space:nowrap}.product-card{align-items:center;animation:fadeIn .25s ease;background:linear-gradient(145deg,#151515,#1d1d1d);border:1px solid #2a2a2a;border-radius:22px;box-shadow:0 10px 40px #00000073,inset 0 1px 0 #ffffff08;display:flex;gap:50px;justify-content:space-between;margin-top:50px;padding:45px}.product-info{flex:1 1;max-width:420px}.product-info h2{color:#fff;font-size:26px;font-weight:700;margin-bottom:18px}.product-meta{color:#bdbdbd;display:flex;font-size:14px;gap:30px;margin-top:12px}.price{color:#59b3ff;font-size:28px;font-weight:700;letter-spacing:.5px;margin-top:25px}.product-code-row{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;display:flex;gap:16px;justify-content:space-between;margin-top:32px;padding:14px 18px}.product-code-display{color:#e0eaff;font-family:monospace;font-size:16px;font-weight:600;letter-spacing:2px}.copy-btn{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#3a64ff33;border:1px solid #6496ff66;border-radius:10px;color:#c8d8ff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:7px;letter-spacing:.3px;padding:9px 18px;transition:all .2s ease;white-space:nowrap}.copy-btn:hover{background:#3a64ff59;border-color:#78aaff99;box-shadow:0 4px 16px #3a64ff40;color:#fff;transform:translateY(-1px)}.copy-btn:active{transform:translateY(0)}.copy-btn--done{background:#28b46433;border-color:#3cc87866;color:#80ffb4}.copy-btn--done:hover{background:#28b4644d;border-color:#3cc87899;box-shadow:0 4px 16px #28b46433;color:#a0ffc8}.product-image-wrapper{align-items:center;background:#fff;border:1px solid #2a2a2a;border-radius:12px;display:flex;height:260px;justify-content:center;overflow:hidden;width:260px}.product-image-wrapper img{border-radius:12px;height:100%;object-fit:contain;width:100%}.history-section{animation:fadeIn .2s ease;margin-top:40px}.history-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.history-title{color:#666;font-size:13px;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.history-clear{background:none;border:none;border-radius:6px;color:#444;cursor:pointer;font-size:12px;padding:4px 8px;transition:color .15s ease,background .15s ease}.history-clear:hover{background:#ffffff0d;color:#aaa}.history-list{display:flex;flex-direction:column;gap:4px}.history-item{align-items:center;background:#181818;border:1px solid #222;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:11px 16px;transition:background .15s ease,border-color .15s ease}.history-item:hover{background:#1e1e1e;border-color:#2a2a2a}.history-icon{color:#444;flex-shrink:0;font-size:15px}.history-name{color:#ccc;flex:1 1;font-size:14px}.history-code{color:#555;flex-shrink:0;font-family:monospace;font-size:11px;letter-spacing:1px}.color-variants{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.color-dot{background:var(--dot-color);border:2px solid #0000;border-radius:50%;cursor:pointer;flex-shrink:0;height:28px;padding:0;position:relative;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;width:28px}.color-dot--light{border-color:#fff3}.color-dot:not(.color-dot--light){border-color:#ffffff14}.color-dot:hover{box-shadow:0 0 0 3px #fff3;transform:scale(1.2)}.color-dot--active{border-color:#ffffffe6!important;box-shadow:0 0 0 3px #ffffff40;transform:scale(1.15)}.dropdown--empty{align-items:center;color:#555;display:flex;font-size:14px;gap:10px;padding:16px 18px}.no-results-icon{flex-shrink:0;font-size:17px;opacity:.5}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.container{margin:30px auto;padding:16px}h1{font-size:22px;letter-spacing:1.5px;margin-bottom:30px}.product-card{align-items:stretch;border-radius:16px;flex-direction:column-reverse;gap:24px;margin-top:30px;padding:24px 20px}.product-image-wrapper{height:200px;width:100%}.product-info{max-width:100%}.product-info h2{font-size:18px;margin-bottom:10px}.product-meta{font-size:13px;gap:16px}.price{font-size:24px;margin-top:16px}.product-code-row{gap:10px;margin-top:20px;padding:12px 14px}.product-code-display{font-size:13px;letter-spacing:1px;word-break:break-all}.copy-btn{flex-shrink:0;font-size:12px;padding:8px 14px}.dropdown-item{font-size:14px;padding:14px 16px}.history-code{display:none}.history-item{padding:13px 14px}.input-wrapper input,input,select{font-size:16px}}
/*# sourceMappingURL=main.902a13c0.css.map*/