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:#07051a;--bg-card:#0f0c2e;--bg-input:#16133a;--border:#2c2860;--border-focus:#ffc94a;--text-1:#eae6ff;--text-2:#9080c0;--text-3:#483c6e;--accent:#ffc94a;--accent-dim:#ffc94a21;--accent-hover:#ffd96a;--btn-fg:#07051a;--btn-disabled-bg:#2c2860;--btn-disabled-fg:#483c6e;--and-accent:#c084fc;--danger:#ff7070;--price-color:#ffc94a;--shadow-sm:0 2px 12px #000000b3;--shadow-md:0 8px 32px #000c;--chart-bg:#0c0924;--swatch-border:#2c2860;--swatch-bg:#0f0c2e;--header-border:#ffc94a26}[data-theme=simple] body{background-color:#07051a;background-image:radial-gradient(ellipse at 15% 40%,#783cdc2e 0,#0000 55%),radial-gradient(ellipse at 85% 20%,#283cc824 0,#0000 50%),radial-gradient(ellipse at 60% 85%,#a028b41a 0,#0000 45%),radial-gradient(circle,#fffffff2 1px,#0000 0) 12% 8% /200px 180px,radial-gradient(circle,#ffffffd9 1px,#0000 0) 47% 22% /250px 220px,radial-gradient(circle,#ffffffe6 1px,#0000 0) 78% 55% /180px 200px,radial-gradient(circle,#fffc 1px,#0000 0) 33% 71% /220px 160px,radial-gradient(circle,#ffffffe0 1px,#0000 0) 91% 38% /190px 240px,radial-gradient(circle,#ffffffbf 1px,#0000 0) 58% 88% /230px 170px,radial-gradient(circle,#fff9 .5px,#0000 0) 25% 50% /120px 130px,radial-gradient(circle,#ffffff8c .5px,#0000 0) 67% 15% /140px 110px,radial-gradient(circle,#ffffffa6 .5px,#0000 0) 5% 78% /110px 150px,radial-gradient(circle,#ffffff80 .5px,#0000 0) 82% 90% /130px 120px,radial-gradient(circle,#ffffff94 .5px,#0000 0) 44% 40% /160px 140px,radial-gradient(circle,#ffffff59 .5px,#0000 0) 8% 30% /70px 80px,radial-gradient(circle,#ffffff4d .5px,#0000 0) 72% 65% /85px 75px,radial-gradient(circle,#fff6 .5px,#0000 0) 38% 92% /90px 70px,radial-gradient(circle,#c8c8ff66 .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,#0f0a2df7,#191241f7 50%,#0f0a2df7);border-bottom:1px solid #ffc94a33;box-shadow:0 2px 24px #0009,0 0 60px #ffc94a0a}[data-theme=simple] .header-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ffc94a,#ffe599 50%,#ffc94a);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 8px rgba(255,201,74,.3))}[data-theme=simple] .header-content p{color:#9080c0}[data-theme=simple] .theme-toggle{background:#ffc94a0f;border-color:#ffc94a33}[data-theme=simple] .theme-toggle button.active{background:linear-gradient(135deg,#ffc94a,#ff9a1a);box-shadow:0 0 12px #ffc94a73;color:#07051a}[data-theme=simple] .theme-toggle button:hover:not(.active){background:#ffc94a1a;color:#ffc94a}[data-theme=simple] .search-row input:focus{border-color:#ffc94a;box-shadow:0 0 0 3px #ffc94a26,0 0 20px #ffc94a14}[data-theme=simple] .btn-primary{background:linear-gradient(135deg,#ffc94a,#ff9a1a);box-shadow:0 0 18px #ffb42859,0 4px 12px #0006}[data-theme=simple] .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#ffd96a,#ffac3a);box-shadow:0 0 28px #ffb4288c,0 6px 18px #00000080;transform:translateY(-1px)}[data-theme=simple] .option-section{background:#0f0c2eeb;border-color:#ffc94a1f;box-shadow:0 4px 24px #0009,inset 0 1px 0 #ffc94a0f}[data-theme=simple] .option-section:hover{border-color:#ffc94a33}[data-theme=simple] .primary-row .option-label{color:#ffc94a;text-shadow:0 0 10px #ffc94a66}[data-theme=simple] .combobox-input:focus,[data-theme=simple] .option-selects select:focus{border-color:#ffc94a;box-shadow:0 0 0 2px #ffc94a26}[data-theme=simple] .primary-row .option-selects select{border-color:#ffc94a66}[data-theme=simple] .and-row .option-selects select{border-color:#c084fc66}[data-theme=simple] .combobox-dropdown{background:#0e0b26fa;border-color:#ffc94a33;box-shadow:0 8px 32px #000c,0 0 1px #ffc94a33}[data-theme=simple] .combobox-dropdown li.selected,[data-theme=simple] .combobox-dropdown li:hover{background:#ffc94a1f;color:#ffc94a}[data-theme=simple] .btn-group button.active{background:#ffc94a26;color:#ffc94a;font-weight:700}[data-theme=simple] .btn-group button:hover{background:#ffc94a14;color:#ffc94a}[data-theme=simple] .chart-container,[data-theme=simple] .result-container{background:#0c0924f2;border-color:#ffc94a1f;box-shadow:0 8px 40px #000000bf,inset 0 1px 0 #ffc94a0d}[data-theme=simple] .color-swatch-card:hover,[data-theme=simple] .inline-item:hover{box-shadow:0 4px 20px #000000b3,0 0 12px #ffc94a26}[data-theme=simple] .error-message{color:#ff9090;text-shadow:0 0 8px #ff64644d}[data-theme=simple] .btn-add-condition:hover:not(:disabled){background:#ffc94a0d;border-color:#ffc94a80;color:#ffc94a}[data-theme=simple] .page-btn:hover:not(:disabled){background:#ffc94a1f;border-color:#ffc94a;color:#ffc94a}[data-theme=simple] .slot-label-primary{color:#ffc94a;text-shadow:0 0 8px #ffc94a66}*,: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)}.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-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}.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){.inline-strip{grid-template-columns:repeat(min(8,4),1fr)!important;grid-template-columns:repeat(min(var(--inline-cols,8),4),1fr)!important}}@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}.btn-primary{text-align:center;width:100%}.color-controls{flex-direction:column}}
/*# sourceMappingURL=main.a51e3275.css.map*/