@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";:root{--font-main:"IBM Plex Sans", sans-serif;--color-primary:#4ab3a2;--bg-dark:#0a2e2a;--card-bg:#0c0c0c99;--border-gray:#ffffff1a}*{box-sizing:border-box}body{background-color:var(--bg-dark);min-height:100vh;font-family:var(--font-main);color:#fff;background-image:linear-gradient(90deg,#4ab3a226 1px,#0000 1px),linear-gradient(0deg,#4ab3a226 1px,#0000 1px);background-size:80px 80px;margin:0;padding:0;overflow-x:hidden}.themes-wrapper{max-width:100%;padding:42px}.fixed-header{flex-direction:row;align-items:center;gap:0;width:100%;margin-bottom:80px;padding:0;display:flex}.logo-box{padding-right:40px}.header-divider{background-color:#fff;width:5px;height:100px;margin:0 28px}.title-section{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.title-section h1{letter-spacing:-3px;color:#fff;white-space:nowrap;margin:0;font-size:4rem;font-weight:700;line-height:1}.title-section p{color:#fff;opacity:.6;margin:0;font-size:1.4rem;font-weight:500}.themes-content{flex-flow:wrap;justify-content:center;align-items:flex-start;gap:40px;padding-bottom:60px;display:flex}.accordion-item{border:1px solid var(--border-gray);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#0c0c0c99;border-radius:8px;flex-shrink:0;width:fit-content;min-width:350px;padding:18px;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 20px 40px #0009}.accordion-item:hover{background-color:#0c0c0ccc;border-color:#4ab3a233}.accordion-item.expanded{background-color:#0c0c0cf2;border-color:#4ab3a266}.section-title{color:#fff;border-bottom:2px dashed #fff9;align-items:center;gap:10px;width:100%;margin-top:0;margin-bottom:18px;padding-bottom:8px;font-size:1.8rem;font-weight:700;display:flex}.section-title:before{display:none}.palette-subname{color:#fff;opacity:.5;text-transform:uppercase;letter-spacing:2px;margin:20px 0 10px;font-size:.75rem;font-weight:600}.swatches-grid{flex-direction:row;gap:10px;display:flex;overflow-x:visible}.swatch-card{aspect-ratio:11/16;cursor:pointer;background:#000;border:1px solid #fff;border-radius:8px;flex-direction:column;flex-shrink:0;width:140px;transition:all 30ms cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.swatch-card:hover{z-index:10;box-shadow:0 20px 40px #0006}.color-field{flex:0 0 50%;justify-content:center;align-items:center;display:flex;position:relative}.swatch-info{background:#fff;flex-direction:column;flex:0 0 50%;justify-content:space-between;padding:8px;display:flex}.swatch-text-block{flex-direction:column;display:flex}.swatch-actions{justify-content:flex-end;gap:2px;margin-top:-4px;margin-right:-4px;display:flex}.icon-btn{cursor:pointer;color:#000;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:background .15s;display:flex}.icon-btn:hover{background:#00000014}.icon-btn:active{background:#00000026}.color-name{text-transform:uppercase;color:#000;white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:.85rem;font-weight:700;overflow:hidden}.color-hex{color:#666;font-size:.8rem;font-weight:600}.color-rgb{color:#aaa;font-size:.7rem}.loading{color:#fff;text-align:center;margin-top:100px;font-size:1.5rem}.custom-dialog{z-index:9999;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;background:#0f1412f2;border:1px solid #4ab3a266;border-radius:8px;flex-direction:column;gap:15px;width:300px;padding:20px;animation:.2s cubic-bezier(.4,0,.2,1) dialogFadeIn;display:flex;position:fixed;box-shadow:0 20px 40px #0009}@keyframes dialogFadeIn{0%{opacity:0;transform:translateY(-10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.custom-dialog h3{color:#fff;margin:0;font-size:1.1rem;font-weight:600}.custom-dialog input{color:#fff;font-family:var(--font-main);background:#0009;border:1px solid #fff3;border-radius:4px;outline:none;padding:12px 14px;font-size:.95rem;transition:all .2s}.custom-dialog input:focus{border-color:#4ab3a2;box-shadow:0 0 0 2px #4ab3a233}.dialog-actions{justify-content:flex-end;gap:10px;margin-top:5px;display:flex}.dialog-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:4px;padding:10px 18px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}.dialog-btn:hover{background:#fff3}.dialog-btn.primary{color:#fff;background:#4ab3a2}.dialog-btn.primary:hover{background:#3c9b8c;transform:translateY(-2px)}.dialog-btn.danger{color:#f44;background:#ff444426}.dialog-btn.danger:hover{background:#ff44444d}.comparator-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10000;color:#fff;background:#0f1412f2;border:1px solid #4ab3a266;border-radius:8px;flex-direction:column;width:auto;min-width:300px;max-width:90vw;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.2s cubic-bezier(.4,0,.2,1) dialogFadeIn;display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 30px 60px #000c}.comparator-card.minimized{cursor:pointer;min-width:200px;padding:10px 20px}.comparator-card.minimized:hover{background:#4ab3a233}.comparator-content{border:1px solid #ffffff1a;border-radius:4px;gap:0;min-height:120px;margin-top:5px;display:flex;overflow:hidden}.comparator-slice{flex-direction:column;flex:1;justify-content:flex-end;min-width:80px;padding:10px;display:flex}.comparator-slice-name{color:#fff;text-shadow:0 1px 3px #000c;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;font-weight:700;overflow:hidden}