body{-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root,:root[data-theme=dark]{--bg-app:#12151e;--bg-card:#1c2030;--bg-input:#252a3a;--border:#2c3350;--border-focus:#61dafb;--text-1:#dce4f2;--text-2:#7a88a4;--text-3:#44506a;--accent:#61dafb;--accent-dim:#61dafb1f;--accent-hover:#47c6e8;--btn-fg:#12151e;--btn-disabled-bg:#2c3350;--btn-disabled-fg:#44506a;--and-accent:#6aadee;--danger:#ff6b6b;--price-color:#ff9060;--shadow-sm:0 1px 6px #00000080;--shadow-md:0 6px 24px #0000008c;--chart-bg:#181c28;--swatch-border:#2c3350;--swatch-bg:#1c2030;--header-border:#232840}:root[data-theme=light]{--bg-app:#eef2f8;--bg-card:#fff;--bg-input:#f5f8fc;--border:#cdd6e4;--border-focus:#3b82f6;--text-1:#182030;--text-2:#4b5a72;--text-3:#96a6bc;--accent:#3b82f6;--accent-dim:#3b82f61a;--accent-hover:#2563eb;--btn-fg:#fff;--btn-disabled-bg:#cdd6e4;--btn-disabled-fg:#96a6bc;--and-accent:#3b82f6;--danger:#ef4444;--price-color:#d05c10;--shadow-sm:0 1px 6px #00000012;--shadow-md:0 6px 24px #0000001a;--chart-bg:#fff;--swatch-border:#e2e8f4;--swatch-bg:#f8fafc;--header-border:#dce4f0}:root[data-theme=simple]{--bg-app:#fff8ee;--bg-card:#fff;--bg-input:#fff3e0;--border:#f0d4a8;--border-focus:#e07800;--text-1:#3d1f00;--text-2:#8b5a2b;--text-3:#c49060;--accent:#e07800;--accent-dim:#e078001a;--accent-hover:#c86000;--btn-fg:#fff;--btn-disabled-bg:#f0d4a8;--btn-disabled-fg:#c49060;--and-accent:#d44800;--danger:#c0392b;--price-color:#c85000;--shadow-sm:0 1px 6px #b450001a;--shadow-md:0 6px 24px #b4500024;--chart-bg:#fff8f0;--swatch-border:#f0d4a8;--swatch-bg:#fff8ee;--header-border:#f5c87a}[data-theme=simple] body{background-color:#fff8ee;background-image:radial-gradient(ellipse at 20% 10%,#ffc85038 0,#0000 50%),radial-gradient(ellipse at 80% 15%,#ff8c2829 0,#0000 45%),radial-gradient(ellipse at 50% 95%,#ff78141f 0,#0000 40%),radial-gradient(circle,#ffb428d9 1px,#0000 0) 12% 8% /200px 180px,radial-gradient(circle,#ffa01ebf 1px,#0000 0) 47% 22% /250px 220px,radial-gradient(circle,#ffc83ccc 1px,#0000 0) 78% 55% /180px 200px,radial-gradient(circle,#ff8c14b3 1px,#0000 0) 33% 71% /220px 160px,radial-gradient(circle,#ffbe32cc 1px,#0000 0) 91% 38% /190px 240px,radial-gradient(circle,#ffa028a6 1px,#0000 0) 58% 88% /230px 170px,radial-gradient(circle,#ffaa1e8c .5px,#0000 0) 25% 50% /120px 130px,radial-gradient(circle,#ff961480 .5px,#0000 0) 67% 15% /140px 110px,radial-gradient(circle,#ffbe3294 .5px,#0000 0) 5% 78% /110px 150px,radial-gradient(circle,#ff8c0a73 .5px,#0000 0) 82% 90% /130px 120px,radial-gradient(circle,#ffaf2885 .5px,#0000 0) 44% 40% /160px 140px,radial-gradient(circle,#f064284d .5px,#0000 0) 8% 30% /70px 80px,radial-gradient(circle,#ff821e40 .5px,#0000 0) 72% 65% /85px 75px,radial-gradient(circle,#ffa02859 .5px,#0000 0) 38% 92% /90px 70px,radial-gradient(circle,#ff781459 .5px,#0000 0) 55% 10% /65px 90px}[data-theme=simple] .App{background:#0000}[data-theme=simple] .App-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#fff5dcf7,#ffebbef7 50%,#fff5dcf7);border-bottom:1px solid #f5c87a;box-shadow:0 2px 16px #b450001a,0 0 40px #ffb4280f}[data-theme=simple] .header-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#c85000,#e07800 50%,#c85000);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 1px 4px rgba(200,80,0,.18))}[data-theme=simple] .header-content p{color:#8b5a2b}[data-theme=simple] .theme-toggle{background:#e078000f;border-color:#e0780038}[data-theme=simple] .theme-toggle button.active{background:linear-gradient(135deg,#e07800,#c85000);box-shadow:0 2px 10px #c850004d;color:#fff}[data-theme=simple] .theme-toggle button:hover:not(.active){background:#e078001a;color:#c85000}[data-theme=simple] .search-row input:focus{border-color:#e07800;box-shadow:0 0 0 3px #e078001f,0 0 12px #e078000f}[data-theme=simple] .btn-primary{background:linear-gradient(135deg,#e07800,#c85000);box-shadow:0 2px 12px #c8500040,0 4px 10px #b43c0026}[data-theme=simple] .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#f08800,#d86010);box-shadow:0 4px 18px #c8500059,0 6px 14px #b43c0033;transform:translateY(-1px)}[data-theme=simple] .option-section{background:#fffcf2f2;border-color:#e0780024;box-shadow:0 4px 18px #b4500014,inset 0 1px 0 #ffc8501a}[data-theme=simple] .option-section:hover{border-color:#e078003d}[data-theme=simple] .primary-row .option-label{color:#c85000;text-shadow:none}[data-theme=simple] .combobox-input:focus,[data-theme=simple] .option-selects select:focus{border-color:#e07800;box-shadow:0 0 0 2px #e078001f}[data-theme=simple] .primary-row .option-selects select{border-color:#e0780066}[data-theme=simple] .and-row .option-selects select{border-color:#d4480066}[data-theme=simple] .combobox-dropdown{background:#fffcf2fc;border-color:#e0780038;box-shadow:0 8px 28px #b4500024,0 0 1px #e078002e}[data-theme=simple] .combobox-dropdown li.selected,[data-theme=simple] .combobox-dropdown li:hover{background:#e078001a;color:#c85000}[data-theme=simple] .btn-group button.active{background:#e0780024;color:#c85000;font-weight:700}[data-theme=simple] .btn-group button:hover{background:#e0780014;color:#c85000}[data-theme=simple] .chart-container,[data-theme=simple] .result-container{background:#fffcf5fa;border-color:#e078001f;box-shadow:0 8px 32px #b450001a,inset 0 1px 0 #ffc85014}[data-theme=simple] .color-card:hover{box-shadow:0 4px 16px #b4500029,0 0 8px #e078001f}[data-theme=simple] .error-message{color:#c0392b}[data-theme=simple] .btn-add-condition:hover:not(:disabled){background:#e078000d;border-color:#e0780073;color:#c85000}[data-theme=simple] .slot-label-primary{color:#c85000;text-shadow:none}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;color:#dce4f2;color:var(--text-1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans KR,Apple SD Gothic Neo,sans-serif;transition:background-color .2s,color .2s}.App,body{background-color:#12151e;background-color:var(--bg-app)}.App{flex-direction:column;min-height:100vh;transition:background-color .2s}.App,.App-header{align-items:center;display:flex}.App-header{background-color:#1c2030;background-color:var(--bg-card);border-bottom:1px solid #232840;border-bottom:1px solid var(--header-border);box-shadow:0 1px 6px #00000080;box-shadow:var(--shadow-sm);flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1.1rem 2rem;position:-webkit-sticky;position:sticky;top:0;transition:background-color .2s,border-color .2s;width:100%;z-index:10}.header-content{flex:1 1;text-align:center}.header-content h1{color:#dce4f2;color:var(--text-1);font-size:1.25rem;font-weight:700;letter-spacing:-.02em}.header-content p{color:#7a88a4;color:var(--text-2);font-size:.8rem;margin-top:.2rem}.theme-toggle{background-color:#12151e;background-color:var(--bg-app);border:1px solid #2c3350;border:1px solid var(--border);border-radius:8px;display:flex;flex-shrink:0;gap:2px;padding:3px}.theme-toggle button{align-items:center;background:#0000;border:none;border-radius:5px;color:#7a88a4;color:var(--text-2);cursor:pointer;display:flex;font-size:1rem;height:32px;justify-content:center;transition:all .15s;width:32px}.theme-toggle button:hover{background:#61dafb1f;background:var(--accent-dim);color:#dce4f2;color:var(--text-1)}.theme-toggle button.active{background-color:#61dafb;background-color:var(--accent);color:#12151e;color:var(--btn-fg);font-weight:700}.App-main{display:flex;flex-direction:column;gap:1.1rem;max-width:1080px;padding:2rem 0 4rem;width:92%}.search-row{align-items:stretch;display:flex;gap:.7rem}.search-row input{background-color:#252a3a;background-color:var(--bg-input);border:1.5px solid #2c3350;border:1.5px solid var(--border);border-radius:8px;color:#dce4f2;color:var(--text-1);flex:1 1;font-size:.95rem;min-width:0;outline:none;padding:.78rem 1rem;transition:border-color .15s,box-shadow .15s,background-color .2s}.search-row input::placeholder{color:#44506a;color:var(--text-3)}.search-row input:focus{border-color:#61dafb;border-color:var(--border-focus);box-shadow:0 0 0 3px #61dafb1f;box-shadow:0 0 0 3px var(--accent-dim)}.search-mode-group{flex-shrink:0}.category-select{-webkit-appearance:auto;appearance:auto;background-color:#252a3a;background-color:var(--bg-input);border:1.5px solid #2c3350;border:1.5px solid var(--border);border-radius:8px;color:#dce4f2;color:var(--text-1);cursor:pointer;flex:1 1;font-size:.95rem;min-width:0;outline:none;padding:.78rem 1rem;transition:border-color .15s,box-shadow .15s}.category-select:focus{border-color:#61dafb;border-color:var(--border-focus);box-shadow:0 0 0 3px #61dafb1f;box-shadow:0 0 0 3px var(--accent-dim)}.search-row .combobox-wrap{flex:1 1;min-width:0}.search-row .combobox-wrap .combobox-input{border-radius:8px;border-width:1.5px;box-sizing:border-box;font-size:.95rem;height:100%;padding:.78rem 1rem}.search-row .combobox-wrap .combobox-input:focus{box-shadow:0 0 0 3px #61dafb1f;box-shadow:0 0 0 3px var(--accent-dim)}.btn-primary{background-color:#61dafb;background-color:var(--accent);border:none;border-radius:8px;color:#12151e;color:var(--btn-fg);cursor:pointer;flex-shrink:0;font-size:.95rem;font-weight:700;padding:.78rem 1.8rem;transition:background-color .15s,transform .1s,box-shadow .15s;white-space:nowrap}.btn-primary:hover:not(:disabled){background-color:#47c6e8;background-color:var(--accent-hover);box-shadow:0 4px 12px #61dafb1f;box-shadow:0 4px 12px var(--accent-dim);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{background-color:#2c3350;background-color:var(--btn-disabled-bg);box-shadow:none;color:#44506a;color:var(--btn-disabled-fg);cursor:not-allowed;transform:none}.option-section{background-color:#1c2030;background-color:var(--bg-card);border:1px solid #2c3350;border:1px solid var(--border);border-radius:10px;box-shadow:0 1px 6px #00000080;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:.75rem;padding:1.2rem 1.4rem;transition:background-color .2s,border-color .2s}.option-row{align-items:center;display:flex;flex-wrap:wrap;gap:.7rem}.option-label{color:#7a88a4;color:var(--text-2);flex-shrink:0;font-size:.72rem;font-weight:700;letter-spacing:.05em;min-width:60px;text-align:right;text-transform:uppercase}.primary-row .option-label{color:#61dafb;color:var(--accent)}.and-label{color:#6aadee!important;color:var(--and-accent)!important}.option-selects{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.option-selects select{background-color:#252a3a;background-color:var(--bg-input);border:1.5px solid #2c3350;border:1.5px solid var(--border);border-radius:6px;color:#dce4f2;color:var(--text-1);cursor:pointer;font-size:.87rem;min-width:130px;outline:none;padding:.52rem .78rem;transition:border-color .15s,background-color .2s}.option-selects select:focus{border-color:#61dafb;border-color:var(--border-focus)}.primary-row .option-selects select{border-color:#61dafb;border-color:var(--accent)}.and-row .option-selects select{border-color:#6aadee;border-color:var(--and-accent)}.color-picker-inline{align-items:center;display:flex;gap:.4rem}.color-picker-inline input[type=color]{background:#252a3a;background:var(--bg-input);border:1.5px solid #2c3350;border:1.5px solid var(--border);border-radius:6px;cursor:pointer;height:34px;padding:2px;width:34px}.color-rgb-label{color:#7a88a4;color:var(--text-2);font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.74rem}.combobox-wrap{min-width:180px;position:relative}.combobox-input{background-color:#252a3a;background-color:var(--bg-input);border:1.5px solid #2c3350;border:1.5px solid var(--border);border-radius:6px;color:#dce4f2;color:var(--text-1);font-size:.87rem;outline:none;padding:.52rem .78rem;transition:border-color .15s,background-color .2s;width:100%}.combobox-input:focus{border-color:#61dafb;border-color:var(--border-focus)}.combobox-input:disabled{cursor:not-allowed;opacity:.5}.combobox-dropdown{background-color:#1c2030;background-color:var(--bg-card);border:1px solid #2c3350;border:1px solid var(--border);border-radius:6px;box-shadow:0 6px 24px #0000008c;box-shadow:var(--shadow-md);left:0;list-style:none;max-height:220px;min-width:220px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:200}.combobox-dropdown li{color:#dce4f2;color:var(--text-1);cursor:pointer;font-size:.84rem;padding:.44rem .75rem;transition:background-color .1s}.combobox-dropdown li.selected,.combobox-dropdown li:hover{background-color:#61dafb1f;background-color:var(--accent-dim);color:#61dafb;color:var(--accent)}.slot-section{display:flex;flex-direction:column;gap:.45rem;padding-left:68px}.slot-row{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.slot-label{color:#44506a;color:var(--text-3);flex-shrink:0;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.74rem;font-weight:600;min-width:60px;text-align:right}.slot-label-primary{color:#61dafb;color:var(--accent)}.slot-row-effect{border-top:1px dashed #2c3350;border-top:1px dashed var(--border);margin-top:.3rem;padding-top:.45rem}.slot-row-effect .slot-label{color:#6aadee;color:var(--and-accent)}.slot-hint{color:#44506a;color:var(--text-3);font-size:.7rem;white-space:nowrap}.btn-add-condition{align-self:flex-start;background:#0000;border:1.5px dashed #2c3350;border:1.5px dashed var(--border);border-radius:6px;color:#7a88a4;color:var(--text-2);cursor:pointer;font-size:.82rem;margin-left:68px;padding:.42rem 1rem;transition:all .15s}.btn-add-condition:hover:not(:disabled){background:#61dafb1f;background:var(--accent-dim);border-color:#61dafb;border-color:var(--accent);color:#61dafb;color:var(--accent)}.btn-add-condition:disabled{cursor:not-allowed;opacity:.4}.btn-remove{background-color:#252a3a;background-color:var(--bg-input);border:none;border-radius:6px;color:#7a88a4;color:var(--text-2);cursor:pointer;flex-shrink:0;font-size:.8rem;padding:.35rem .65rem;transition:all .15s}.btn-remove:hover{background-color:#ff6b6b;background-color:var(--danger);color:#fff}.chart-container,.result-container{background-color:#181c28;background-color:var(--chart-bg);border:1px solid #2c3350;border:1px solid var(--border);border-radius:10px;box-shadow:0 6px 24px #0000008c;box-shadow:var(--shadow-md);padding:1.5rem;transition:background-color .2s,border-color .2s}.error-message{color:#ff6b6b;color:var(--danger);font-size:.9rem;font-weight:600;padding:.5rem 0;text-align:center}.color-controls{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin-bottom:1.2rem}.color-result-title{color:#7a88a4;color:var(--text-2);flex:1 1;font-size:.85rem;font-weight:600;min-width:0;padding-top:.1rem;word-break:break-all}.color-control-btns{display:flex;flex-shrink:0;flex-wrap:wrap;gap:.5rem}.btn-group{border:1px solid #2c3350;border:1px solid var(--border);border-radius:6px;display:flex;overflow:hidden}.btn-group button{background:#0000;border:none;color:#7a88a4;color:var(--text-2);cursor:pointer;font-size:.78rem;padding:.38rem .85rem;transition:all .15s;white-space:nowrap}.btn-group button+button{border-left:1px solid #2c3350;border-left:1px solid var(--border)}.btn-group button:hover{color:#dce4f2;color:var(--text-1)}.btn-group button.active,.btn-group button:hover{background:#61dafb1f;background:var(--accent-dim)}.btn-group button.active{color:#61dafb;color:var(--accent);font-weight:700}.color-quicksearch{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.8rem}.qs-label{color:#7a88a4;color:var(--text-2);font-size:.82rem;white-space:nowrap}.color-quicksearch input[type=color]{border:1.5px solid #2c3350;border:1.5px solid var(--border);cursor:pointer;flex-shrink:0;height:36px;padding:2px;width:36px}.color-quicksearch input[type=color],.hex-input{background:#252a3a;background:var(--bg-input);border-radius:6px}.hex-input{border:1.5px solid #2c3350;border:1.5px solid var(--border);color:#dce4f2;color:var(--text-1);font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.85rem;outline:none;padding:.42rem .6rem;transition:border-color .15s;width:88px}.hex-input:focus{border-color:#61dafb;border-color:var(--border-focus)}.color-match-result{align-items:center;background:#1c2030;background:var(--bg-card);border:1.5px solid #2c3350;border:1.5px solid var(--border);border-radius:8px;display:flex;gap:.5rem;padding:.4rem .8rem}.color-match-swatch{border:1px solid #2c3350;border:1px solid var(--border);border-radius:5px;flex-shrink:0;height:26px;width:26px}.color-match-hex{color:#dce4f2;color:var(--text-1);font-size:.82rem;font-weight:700}.color-match-hex,.color-match-rgb{font-family:SF Mono,Fira Code,Consolas,monospace}.color-match-rgb{color:#7a88a4;color:var(--text-2);font-size:.72rem}.color-match-price{color:#ff9060;color:var(--price-color);font-size:.9rem;font-weight:700;margin-left:.3rem}.color-carousel-wrap{align-items:center;display:flex;gap:.4rem;margin-top:1rem}.carousel-btn{align-items:center;background:#1c2030;background:var(--bg-card);border:1.5px solid #2c3350;border:1.5px solid var(--border);border-radius:50%;color:#dce4f2;color:var(--text-1);cursor:pointer;display:flex;flex-shrink:0;font-size:1.4rem;height:34px;justify-content:center;line-height:1;transition:all .15s;width:34px}.carousel-btn:hover{background:#61dafb1f;background:var(--accent-dim);border-color:#61dafb;border-color:var(--accent);color:#61dafb;color:var(--accent)}.color-carousel{-webkit-overflow-scrolling:touch;display:flex;flex:1 1;gap:10px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x mandatory}.color-carousel::-webkit-scrollbar{height:4px}.color-carousel::-webkit-scrollbar-track{background:#0000}.color-carousel::-webkit-scrollbar-thumb{background:#2c3350;background:var(--border);border-radius:2px}.color-card{background:#1c2030;background:var(--bg-card);border:2px solid #2c3350;border:2px solid var(--border);border-radius:10px;cursor:default;flex:0 0 128px;overflow:hidden;scroll-snap-align:start;transition:border-color .2s,box-shadow .2s,transform .15s}.color-card:hover{box-shadow:0 6px 24px #0000008c;box-shadow:var(--shadow-md);transform:translateY(-2px)}.color-card-matched{border-color:#61dafb!important;border-color:var(--accent)!important;box-shadow:0 0 0 3px #61dafb1f,0 6px 24px #0000008c;box-shadow:0 0 0 3px var(--accent-dim),var(--shadow-md)}.color-card-swatch{height:80px;width:100%}.color-card-info{display:flex;flex-direction:column;gap:2px;padding:6px 8px 7px}.color-card-price{color:#ff9060;color:var(--price-color);font-size:.8rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-card-hex{color:#dce4f2;color:var(--text-1);font-size:.72rem;font-weight:600}.color-card-hex,.color-card-rgb{font-family:SF Mono,Fira Code,Consolas,monospace}.color-card-rgb{color:#7a88a4;color:var(--text-2);font-size:.63rem}.combobox-input.loading{animation:shimmer 1.2s infinite;background-image:linear-gradient(90deg,#252a3a 25%,#61dafb1f 50%,#252a3a 75%);background-image:linear-gradient(90deg,var(--bg-input) 25%,var(--accent-dim) 50%,var(--bg-input) 75%);background-size:200% 100%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:480px){.color-card{flex:0 0 108px}.color-card-swatch{height:64px}}@media (max-width:640px){.App-header{padding:.9rem 1rem}.header-content h1{font-size:1rem}.App-main{padding:1.2rem 0 2.5rem;width:96%}.option-section{padding:1rem}.btn-add-condition{margin-left:0}.search-row{flex-direction:column}.search-mode-group{width:100%}.search-mode-group button{flex:1 1}.category-select{width:100%}.btn-primary{text-align:center;width:100%}.color-controls{flex-direction:column}}.color-grid{grid-gap:.65rem;display:grid;gap:.65rem;grid-template-columns:repeat(auto-fill,minmax(116px,1fr))}.color-swatch-card{background:#1c2030;background:var(--swatch-bg);border:1px solid #2c3350;border:1px solid var(--swatch-border);border-radius:8px;cursor:default;overflow:hidden;transition:transform .15s,box-shadow .15s,border-color .2s}.color-swatch-card:hover{box-shadow:0 6px 24px #0000008c;box-shadow:var(--shadow-md);transform:translateY(-2px)}.color-swatch-box{height:62px;width:100%}.color-swatch-info{display:flex;flex-direction:column;gap:.1rem;padding:.45rem .6rem .5rem}.color-hex{color:#dce4f2;color:var(--text-1);font-size:.74rem;font-weight:700}.color-hex,.color-rgb{font-family:SF Mono,Fira Code,Consolas,monospace}.color-rgb{color:#7a88a4;color:var(--text-2);font-size:.66rem}.color-price{color:#ff9060;color:var(--price-color);font-size:.73rem;font-weight:700;margin-top:.15rem}.inline-view{display:flex;flex-direction:column;gap:.8rem}.inline-strip{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(8,1fr);grid-template-columns:repeat(var(--inline-cols,8),1fr)}.inline-item{align-items:center;background:#1c2030;background:var(--swatch-bg);border:1px solid #2c3350;border:1px solid var(--swatch-border);border-radius:6px;cursor:default;display:flex;flex-direction:column;min-width:0;overflow:hidden;transition:transform .12s,box-shadow .12s}.inline-item:hover{box-shadow:0 6px 24px #0000008c;box-shadow:var(--shadow-md);transform:translateY(-2px)}.inline-color-bar{height:80px;width:100%}.inline-item-info{align-items:center;display:flex;flex-direction:column;gap:1px;padding:.3rem .25rem;width:100%}.inline-price{color:#ff9060;color:var(--price-color);font-size:.68rem;font-weight:700;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inline-hex{color:#dce4f2;color:var(--text-1);font-size:.62rem;font-weight:600}.inline-hex,.inline-rgb{font-family:SF Mono,Fira Code,Consolas,monospace;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inline-rgb{color:#44506a;color:var(--text-3);font-size:.57rem}.pagination{flex-wrap:wrap;gap:.5rem}.page-btn,.pagination{align-items:center;display:flex;justify-content:center}.page-btn{background:#252a3a;background:var(--bg-input);border:1px solid #2c3350;border:1px solid var(--border);border-radius:5px;color:#dce4f2;color:var(--text-1);cursor:pointer;font-size:1.1rem;height:28px;line-height:1;transition:all .15s;width:28px}.page-btn:hover:not(:disabled){background:#61dafb1f;background:var(--accent-dim);border-color:#61dafb;border-color:var(--accent);color:#61dafb;color:var(--accent)}.page-btn:disabled{cursor:not-allowed;opacity:.3}.page-info{color:#7a88a4;color:var(--text-2);font-size:.83rem;min-width:80px;text-align:center}.page-total{color:#44506a;color:var(--text-3);font-size:.76rem}.page-size-select{background:#252a3a;background:var(--bg-input);border:1px solid #2c3350;border:1px solid var(--border);border-radius:5px;color:#dce4f2;color:var(--text-1);cursor:pointer;font-size:.8rem;outline:none;padding:.3rem .5rem}@media (max-width:480px){.inline-strip{grid-template-columns:repeat(min(8,4),1fr)!important;grid-template-columns:repeat(min(var(--inline-cols,8),4),1fr)!important}}
/*# sourceMappingURL=main.323d6915.css.map*/