@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap";
@import "https://fonts.googleapis.com/icon?family=Material+Icons";
@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.8e0177b5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.b97b3418.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.853070df.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist","Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.c1fdd6c2.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.799d8ef8.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.dbea232f.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}
:root{--background-color:#f3f4f6;--text-color:#1f2937;--header-bg:#fff;--header-shadow:#0000000d;--logo-text-color:#1f2937;--search-input-bg:#f9fafb;--search-input-border:#e5e7eb;--search-input-focus-border:#0ea5e9;--search-input-focus-bg:#fff;--menu-btn-hover-bg:#f3f4f6;--hamburger-menu-bg:#fff;--hamburger-menu-shadow:#00000026;--hamburger-menu-border:#eee;--menu-item-text-color:#444;--menu-item-hover-bg:#f3f4f6;--menu-item-hover-text-color:#000;--workspace-bg:#f9fafb;--left-panel-bg:#fff;--viewer-container-bg:#e5e7eb;--toolbar-bg:#fff;--shade-hex-bg:#ffffffd9;--shade-hex-text:#1f2937;--palette-card-bg:#fff;--palette-card-border:#e5e7eb;--palette-subtitle-color:#666;--subtitle-color:#666;--menu-user-img-border:#fff;--menu-credits-color:#059669;--navbar-drawer-bg:#ffffffbf;--navbar-drawer-border:#ffffff4d;--navbar-drawer-shadow:#0000001a;--navbar-close-btn-bg:#0000000d;--navbar-user-card-bg:#fff9;--navbar-user-card-border:#fff6;--navbar-user-img-border:white;--navbar-credits-color:#059669;--navbar-login-btn-bg:#111;--navbar-login-btn-text:#fff;--navbar-divider-bg:linear-gradient(90deg,transparent,#0000001a,transparent);--navbar-footer-border:#0000000f;--navbar-logout-color:#ef4444;--navbar-theme-btn-bg:#0000000d;--navbar-item-hover-bg:#fffc;--navbar-item-sub-color:#666;--navbar-item-sub-hover-bg:#00000008;--modal-bg:#fffffff2;--modal-border:#fff9;--modal-overlay-bg:#0009;--close-btn-bg:#0000001a;--close-btn-hover-bg:#0003;--compare-bar-bg:#1f2937;--compare-bar-text:#fff;--compare-bar-clear:#ccc;--compare-now-btn-bg:#fff;--compare-now-btn-text:#1f2937;--empty-state-color:#999;--history-card-bg:#fff;--history-card-border:#e5e7eb;--history-card-selected-border:#8b5cf6;--history-card-selected-bg:#f5f3ff;--history-img-border:#eee;--date-badge-text:#6b7280;--date-badge-bg:#f3f4f6;--compare-toggle-text:#666;--compare-toggle-border:#ddd;--compare-toggle-bg:#fff;--compare-toggle-active-text:#7c3aed;--compare-toggle-active-bg:#ede9fe;--color-row-hover-bg:#f9fafb;--color-hex-text:#9ca3af;--actions-border:#f3f4f6;--download-btn-bg:#1f2937;--download-btn-text:#fff;--download-btn-hover-bg:#000;--view-btn-bg:#f3f4f6;--view-btn-text:#374151;--view-btn-hover-bg:#e5e7eb;--pricing-modal-bg:#ffffffbf;--pricing-modal-border:#ffffff80;--pricing-modal-shadow:#1f268726;--pricing-close-btn-bg:#fff6;--pricing-close-btn-text:#333;--pricing-close-btn-hover-bg:#fff;--pricing-title-color:#111;--pricing-subtitle-color:#555;--price-card-bg:#fff9;--price-card-border:#fff9;--price-card-shadow:#0000000d;--price-card-hover-bg:#ffffffe6;--price-card-hover-shadow:#0000001a;--price-card-selected-border:#2563eb;--price-card-selected-bg:#fff;--price-card-selected-shadow:#2563eb33;--price-card-name-color:#1f2937;--pricing-credits-label:#9ca3af;--pricing-original-price:#9ca3af;--pricing-current-price:#111;--pricing-validity-color:#4b5563;--pricing-validity-bg:#0000000d;--pricing-tagline-color:#555;--pricing-proceed-border:#0000000d;--proceed-btn-bg:#111;--proceed-btn-text:#fff;--proceed-btn-shadow:#0003;--proceed-btn-hover-bg:#000;--proceed-btn-disabled-bg:#4b5563;--pricing-select-prompt:#666}[data-theme=dark]{--background-color:#1a1a1a;--text-color:#f3f4f6;--header-bg:#2a2a2a;--header-shadow:#ffffff0d;--logo-text-color:#f3f4f6;--search-input-bg:#3a3a3a;--search-input-border:#4a4a4a;--search-input-focus-border:#0ea5e9;--search-input-focus-bg:#2a2a2a;--menu-btn-hover-bg:#3a3a3a;--hamburger-menu-bg:#2a2a2a;--hamburger-menu-shadow:#ffffff26;--hamburger-menu-border:#4a4a4a;--menu-item-text-color:#f3f4f6;--menu-item-hover-bg:#3a3a3a;--menu-item-hover-text-color:#fff;--workspace-bg:#2a2a2a;--left-panel-bg:#1a1a1a;--viewer-container-bg:#3a3a3a;--toolbar-bg:#2a2a2a;--shade-hex-bg:#000c;--shade-hex-text:#f3f4f6;--palette-card-bg:#2a2a2a;--palette-card-border:#3a3a3a;--palette-subtitle-color:#9ca3af;--subtitle-color:#9ca3af;--menu-user-img-border:#4a4a4a;--menu-credits-color:#10b981;--navbar-drawer-bg:#1a1a1ad9;--navbar-drawer-border:#3a3a3a99;--navbar-drawer-shadow:#00000080;--navbar-close-btn-bg:#ffffff1a;--navbar-user-card-bg:#2a2a2ab3;--navbar-user-card-border:#3a3a3a99;--navbar-user-img-border:#4a4a4a;--navbar-credits-color:#10b981;--navbar-login-btn-bg:#f3f4f6;--navbar-login-btn-text:#1a1a1a;--navbar-divider-bg:linear-gradient(90deg,transparent,#ffffff1a,transparent);--navbar-footer-border:#ffffff1a;--navbar-logout-color:#f87171;--navbar-theme-btn-bg:#ffffff1a;--navbar-item-hover-bg:#3a3a3a80;--navbar-item-sub-color:#9ca3af;--navbar-item-sub-hover-bg:#ffffff0d;--modal-bg:#1a1a1af2;--modal-border:#3a3a3a99;--modal-overlay-bg:#000000b3;--close-btn-bg:#ffffff1a;--close-btn-hover-bg:#fff3;--compare-bar-bg:#3a3a3a;--compare-bar-text:#f3f4f6;--compare-bar-clear:#9ca3af;--compare-now-btn-bg:#f3f4f6;--compare-now-btn-text:#1a1a1a;--empty-state-color:#6b7280;--history-card-bg:#2a2a2a;--history-card-border:#3a3a3a;--history-card-selected-border:#8b5cf6;--history-card-selected-bg:#2d1b4e;--history-img-border:#4a4a4a;--date-badge-text:#9ca3af;--date-badge-bg:#3a3a3a;--compare-toggle-text:#9ca3af;--compare-toggle-border:#4a4a4a;--compare-toggle-bg:#2a2a2a;--compare-toggle-active-text:#a78bfa;--compare-toggle-active-bg:#2d1b4e;--color-row-hover-bg:#3a3a3a;--color-hex-text:#6b7280;--actions-border:#3a3a3a;--download-btn-bg:#f3f4f6;--download-btn-text:#1a1a1a;--download-btn-hover-bg:#fff;--view-btn-bg:#3a3a3a;--view-btn-text:#f3f4f6;--view-btn-hover-bg:#4a4a4a;--pricing-modal-bg:#1a1a1ad9;--pricing-modal-border:#3a3a3a99;--pricing-modal-shadow:#00000080;--pricing-close-btn-bg:#ffffff1a;--pricing-close-btn-text:#f3f4f6;--pricing-close-btn-hover-bg:#fff3;--pricing-title-color:#f3f4f6;--pricing-subtitle-color:#9ca3af;--price-card-bg:#2a2a2ab3;--price-card-border:#3a3a3acc;--price-card-shadow:#0000004d;--price-card-hover-bg:#3a3a3ae6;--price-card-hover-shadow:#00000080;--price-card-selected-border:#2563eb;--price-card-selected-bg:#3a3a3af2;--price-card-selected-shadow:#2563eb4d;--price-card-name-color:#f3f4f6;--pricing-credits-label:#6b7280;--pricing-original-price:#6b7280;--pricing-current-price:#f3f4f6;--pricing-validity-color:#9ca3af;--pricing-validity-bg:#ffffff0d;--pricing-tagline-color:#9ca3af;--pricing-proceed-border:#ffffff0d;--proceed-btn-bg:#f3f4f6;--proceed-btn-text:#1a1a1a;--proceed-btn-shadow:#0000004d;--proceed-btn-hover-bg:#fff;--proceed-btn-disabled-bg:#4a4a4a;--pricing-select-prompt:#9ca3af}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0;font-family:Poppins,-apple-system,sans-serif}body{background-color:var(--background-color);color:var(--text-color);flex-direction:column;width:100%;height:100dvh;display:flex;overflow:hidden}.app-container{background:var(--left-panel-bg);flex-direction:column;width:100%;max-width:1600px;height:100%;margin:0 auto;display:flex;box-shadow:0 25px 50px -12px #00000040}.app-header{background:var(--header-bg);z-index:50;height:70px;min-height:70px;box-shadow:0 4px 6px -1px var(--header-shadow);justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:relative}.logo-container{letter-spacing:-.5px;align-items:center;font-size:24px;font-weight:800;display:flex}.logo-paint{color:var(--logo-text-color)}.logo-studio{color:#dc2626;margin-left:1px}.search-container{flex:1;max-width:400px;margin:0 20px;position:relative}.search-input{border:1px solid var(--search-input-border);background:var(--search-input-bg);border-radius:30px;outline:none;width:100%;height:42px;padding:10px 15px 10px 45px;font-size:13px;transition:all .2s}.search-input:focus{border-color:var(--search-input-focus-border);background:var(--search-input-focus-bg);box-shadow:0 0 0 3px #0ea5e91a}.search-icon-svg{fill:none;stroke:#9ca3af;stroke-width:2px;width:18px;height:18px;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.menu-btn{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.menu-btn:hover{background:var(--menu-btn-hover-bg)}.hamburger-menu{background:var(--hamburger-menu-bg);width:220px;box-shadow:0 10px 30px var(--hamburger-menu-shadow);border:1px solid var(--hamburger-menu-border);z-index:100;border-radius:12px;flex-direction:column;animation:.2s ease-out slideDown;display:flex;position:absolute;top:75px;right:20px;overflow:hidden}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.menu-item{color:var(--menu-item-text-color);cursor:pointer;border-bottom:1px solid #f9f9f9;padding:12px 20px;font-size:13px;font-weight:500;transition:all .2s}.menu-item:hover{background:var(--menu-item-hover-bg);color:var(--menu-item-hover-text-color)}.workspace{background-color:var(--workspace-bg);flex-direction:column;flex:1;width:100%;display:flex;overflow:hidden}.left-panel{background:var(--left-panel-bg);z-index:10;flex-direction:column;flex-shrink:0;width:100%;display:flex;position:relative;box-shadow:0 10px 15px -3px #0000001a}.viewer-container{aspect-ratio:4/3;background-color:var(--viewer-container-bg);cursor:default;flex-grow:0;justify-content:center;align-items:center;width:100%;height:auto;min-height:30vh;display:flex;position:relative;overflow:hidden}.viewer-container.panning{cursor:grab}.viewer-container.panning:active{cursor:grabbing}.image-wrapper{will-change:transform;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.main-workspace-img{pointer-events:none;transition:object-fit .3s}.main-workspace-img.img-cover{object-fit:cover;width:100%;height:100%}.main-workspace-img.img-contain{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%}.toolbar{background-color:var(--toolbar-bg);z-index:30;pointer-events:auto;align-items:center;width:100%;min-height:80px;padding:0;display:flex;position:relative}.glass-footer{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;pointer-events:auto;background:linear-gradient(135deg,#8b5cf6f2,#1e3a8af2);border:1px solid #ffffff1a;border-radius:20px;justify-content:space-between;align-items:center;width:100%;height:70px;margin:0 20px;padding:10px 20px;display:flex;box-shadow:0 10px 25px #1e3a8a40}.view-palette-btn{color:#333;cursor:pointer;background:#fbbf24;border:none;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;box-shadow:0 4px 10px #fbbf2466}.view-palette-btn:hover{background:#f59e0b;transform:scale(1.05)}.bottom-swatches{scrollbar-width:none;align-items:center;gap:10px;width:100%;display:flex;overflow-x:auto}.swatches-row{flex:1;align-items:center;gap:10px;display:flex;overflow-x:auto}.mini-swatch{cursor:pointer;background:#fff3;border-radius:8px;flex-direction:column;gap:2px;min-width:80px;padding:5px 12px 5px 8px;transition:all .2s;display:flex}.mini-swatch:hover{background:#ffffff4d}.mini-swatch-row{align-items:center;gap:6px;width:100%;display:flex}.mini-circle{border:1px solid #fff;border-radius:4px;flex-shrink:0;width:16px;height:16px}.mini-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:80px;font-size:10px;font-weight:600;overflow:hidden}.mini-hex{color:#ffffffb3;margin-left:2px;font-size:8px}.upload-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20;background:#000000b3;border:1px solid #ffffff4d;border-radius:30px;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:600;transition:all .2s;display:flex;position:absolute;top:20px;right:20px;box-shadow:0 4px 12px #0003}.reset-upload-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20;background:#dc2626cc;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;transition:all .2s;display:flex;position:absolute;top:20px;left:20px;box-shadow:0 4px 10px #0003}.full-view-btn{background:var(--left-panel-bg);width:40px;height:40px;color:var(--text-color);cursor:pointer;z-index:20;border:1px solid var(--hamburger-menu-border);border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;bottom:20px;left:20px;box-shadow:0 4px 10px #0000001a}.zoom-controls{z-index:20;flex-direction:column;gap:10px;display:flex;position:absolute;bottom:20px;right:20px}.control-btn{background:var(--left-panel-bg);width:40px;height:40px;color:var(--text-color);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid var(--hamburger-menu-border);border-radius:50%;justify-content:center;align-items:center;font-size:20px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 10px #0000001a}.nav-btn{color:#fffc;cursor:pointer;z-index:20;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000004d;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:24px;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.nav-btn.prev{left:15px}.nav-btn.next{right:15px}.lightbox-overlay{z-index:200;background:#000000f2;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.2s fadeIn;display:flex;position:fixed;top:0;left:0}.lightbox-img{object-fit:contain;max-width:90%;max-height:70vh;box-shadow:0 0 20px #00000080}.lightbox-close{color:#fff;cursor:pointer;opacity:.7;z-index:210;font-size:30px;transition:opacity .2s;position:fixed;top:20px;right:20px}.lightbox-close:hover{opacity:1}.lightbox-actions{z-index:210;flex-wrap:wrap;justify-content:center;gap:12px;width:calc(100% - 40px);max-width:500px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.lb-btn{color:#fff;cursor:pointer;z-index:210;white-space:nowrap;background:#ffffff1a;border:1px solid #fff3;border-radius:30px;flex:1;justify-content:center;align-items:center;gap:8px;min-width:120px;padding:12px 20px;font-size:13px;transition:all .2s;display:flex}.lb-btn:hover{background:#fff3;border-color:#fff6}@media (max-width:768px){.lightbox-img{max-width:95%;max-height:60vh}.lightbox-close{font-size:24px;top:15px;right:15px}.lightbox-actions{gap:10px;width:calc(100% - 30px);bottom:15px}.lb-btn{min-width:100px;padding:10px 16px;font-size:12px}}@media (max-width:480px){.lightbox-img{max-width:98%;max-height:55vh}.lightbox-close{font-size:20px;top:10px;right:10px}.lightbox-actions{gap:8px;width:calc(100% - 20px);bottom:10px}.lb-btn{flex:1;min-width:80px;padding:8px 14px;font-size:11px}}.auth-modal-content{background:var(--left-panel-bg);border-radius:24px;width:90%;max-width:400px;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;position:relative;overflow:hidden;box-shadow:0 25px 50px #0003}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.auth-header-gradient{text-align:center;color:#fff;background:linear-gradient(135deg,#7c3aed,#4f46e5);padding:30px}.auth-header-gradient h2{margin:0 0 5px;font-size:24px}.auth-header-gradient p{opacity:.8;font-size:13px}.auth-body{padding:30px}.social-row{justify-content:center;gap:10px;margin-bottom:25px;display:flex}.social-btn{border:1px solid var(--hamburger-menu-border);background:var(--left-panel-bg);cursor:pointer;color:var(--menu-item-text-color);border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.social-btn:hover{background:var(--menu-item-hover-bg);border-color:var(--menu-item-hover-bg)}.scroll-content{background:var(--background-color);flex-direction:column;flex:1;display:flex;position:relative;overflow-y:auto}.tabs-container{background:var(--left-panel-bg);z-index:5;border-bottom:1px solid var(--hamburger-menu-border);gap:10px;padding:20px;display:flex;position:sticky;top:0}.tab-pill{background:var(--menu-item-hover-bg);color:var(--menu-item-text-color);cursor:pointer;border:1px solid #0000;border-radius:50px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.tab-pill.active{color:#fff;background:#8b5cf6;box-shadow:0 4px 6px -1px #8b5cf64d}.section-content{flex-grow:1;padding:10px 20px 20px}.combo-grid{flex-direction:column;gap:20px;display:flex}.combo-card{border:1px solid var(--hamburger-menu-border);cursor:pointer;background:var(--left-panel-bg);border-radius:16px;padding:16px;transition:all .2s}.combo-card:hover{border-color:#8b5cf6;box-shadow:0 4px 15px #0000000d}.combo-header{color:var(--text-color);justify-content:space-between;margin-bottom:12px;font-size:14px;font-weight:700;display:flex}.combo-preview{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.combo-chip{flex-direction:column;gap:4px;display:flex}.combo-box{border:1px solid #0000001a;border-radius:8px;width:100%;height:40px}.combo-hex{color:var(--text-color);font-size:10px;font-weight:600}.family-wrapper{align-items:center;gap:5px;margin-bottom:15px;display:flex;position:relative}.scroll-btn{background:var(--left-panel-bg);border:1px solid var(--hamburger-menu-border);cursor:pointer;width:30px;height:30px;color:var(--menu-item-text-color);z-index:2;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 2px 5px #0000001a}.family-selector{scroll-behavior:smooth;scrollbar-width:none;flex:1;gap:12px;padding:5px;display:flex;overflow-x:auto}.family-selector::-webkit-scrollbar{display:none}.family-circle{cursor:pointer;opacity:.7;border:2px solid #0000;border-radius:50%;min-width:40px;height:40px;transition:all .3s}.family-circle.active{border-color:var(--text-color);opacity:1;transform:scale(1.2);box-shadow:0 4px 10px #0003}.shades-grid{grid-template-columns:repeat(auto-fill,minmax(65px,1fr));gap:12px;display:grid}.shade-box{aspect-ratio:1;cursor:pointer;border:1px solid var(--hamburger-menu-border);border-radius:10px;flex-direction:column;justify-content:flex-end;display:flex;overflow:hidden;box-shadow:0 2px 4px #0000000d}.shade-hex{background:var(--shade-hex-bg);text-align:center;color:var(--shade-hex-text);text-transform:uppercase;padding:4px 0;font-size:9px;font-weight:600}.enamel-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px;display:grid}.enamel-box{cursor:pointer;border:1px solid #0000001a;border-radius:12px;flex-direction:column;height:90px;display:flex;overflow:hidden;box-shadow:0 2px 5px #0000000d}.enamel-color-part{width:100%;height:60%}.enamel-info-part{background:var(--left-panel-bg);border-top:1px solid var(--hamburger-menu-border);flex-direction:column;justify-content:center;align-items:center;width:100%;height:40%;padding:2px 5px;display:flex}.enamel-name{color:var(--text-color);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:10px;font-weight:700;overflow:hidden}.enamel-hex{color:#fff;opacity:1;font-size:9px}.app-footer{background:var(--left-panel-bg);border-top:1px solid var(--hamburger-menu-border);margin-top:auto;padding:40px 20px 20px}.copyright{text-align:center;color:#ccc;padding-bottom:20px;font-size:11px}.analyze-btn{text-align:center;color:#fff;cursor:pointer;background:#0ea5e9;border-radius:10px;justify-content:center;align-items:center;width:100%;min-height:40px;padding:8px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.analyze-btn.disabled{color:#94a3b8;cursor:not-allowed;pointer-events:none;background:#cbd5e1}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cards-scroller{scrollbar-width:none;box-sizing:border-box;justify-content:flex-start;align-items:center;gap:20px;width:100%;padding:30px 20px;display:flex;overflow-x:auto}.price-card{background:var(--left-panel-bg);border:1px solid var(--hamburger-menu-border);opacity:.9;border-radius:24px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:240px;min-width:240px;height:360px;padding:25px;transition:all .4s;display:flex;position:relative;transform:scale(.95);box-shadow:0 10px 20px #0000000d}.price-card.selected{opacity:1;z-index:10;background:linear-gradient(#fff 0%,#fdfcff 100%);border:2px solid #8b5cf6;transform:scale(1.05);box-shadow:0 20px 50px #8b5cf640}.popular-tag{color:#fff;background:#8b5cf6;border-radius:20px;padding:6px 14px;font-size:10px;font-weight:700;position:absolute;top:-12px}.pc-credits{color:#1f2937;margin:10px 0;font-size:32px;font-weight:800;line-height:1}.pc-price{color:#8b5cf6;margin-top:5px;font-size:22px;font-weight:700}.pc-original-price{color:#9ca3af;margin-right:8px;font-size:14px;text-decoration:line-through}.pc-discount-badge{color:#dc2626;vertical-align:middle;background:#fee2e2;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.pc-tagline{color:#555;text-align:center;height:30px;margin-bottom:20px;font-size:12px}.buy-btn{color:#fff;text-align:center;background:#8b5cf6;border-radius:12px;width:100%;margin-top:auto;padding:12px;font-size:14px;font-weight:700;transition:all .2s}.close-pricing-btn{color:var(--text-color);cursor:pointer;z-index:20;background:#0000001a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;font-weight:700;display:flex;position:absolute;top:15px;right:15px}.close-pricing-btn:hover{color:var(--text-color);background:#0003}.user-profile{background:var(--menu-item-hover-bg);border:1px solid var(--hamburger-menu-border);border-radius:12px;flex-direction:column;justify-content:center;align-items:flex-end;gap:2px;min-width:100px;padding:4px 12px;display:flex}.user-info-row{align-items:center;gap:8px;display:flex}.user-avatar{background-size:cover;border:2px solid #fff;border-radius:50%;width:28px;height:28px}.credit-badge{color:#059669;background:#d1fae5;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:700}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0006;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-content{text-align:center;background:#fff;border-radius:20px;width:90%;max-width:400px;padding:30px;position:relative}.pricing-container{flex-direction:column;gap:20px;width:95%;max-width:1200px;display:flex;position:relative}.info-modal-container{background:#fff;border-radius:20px;flex-direction:column;width:90%;max-width:900px;height:80vh;animation:.2s ease-out scaleIn;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.info-header{border-bottom:1px solid var(--hamburger-menu-border);background:var(--left-panel-bg);justify-content:space-between;align-items:center;padding:20px 30px;display:flex}.info-title{color:var(--text-color);font-size:20px;font-weight:800}.info-body{flex:1;display:flex;overflow:hidden}.info-sidebar{background:var(--background-color);border-right:1px solid var(--hamburger-menu-border);flex-direction:column;flex-shrink:0;gap:5px;width:250px;padding:20px;display:flex}.info-tab-btn{text-align:left;color:var(--menu-item-text-color);cursor:pointer;border-radius:10px;padding:12px 15px;font-size:13px;font-weight:600;transition:all .2s}.info-tab-btn:hover{background:var(--menu-item-hover-bg)}.info-tab-btn.active{color:#fff;background:#8b5cf6}.info-content-area{color:var(--text-color);flex:1;padding:40px;font-size:14px;line-height:1.6;overflow-y:auto}.info-content-area h3{color:var(--text-color);margin-bottom:15px;font-size:18px;font-weight:700}.info-content-area p{margin-bottom:15px}.contact-box{background:#3b82f61a;border:1px solid #3b82f633;border-radius:12px;margin-top:20px;padding:20px}@media (max-width:768px){.info-body{flex-direction:column}.info-sidebar{border-bottom:1px solid var(--hamburger-menu-border);border-right:none;flex-direction:row;width:100%;padding:10px;overflow-x:auto}.info-tab-btn{white-space:nowrap;flex-shrink:0}.info-content-area{padding:20px}}.family-pill-premium{background:var(--menu-item-hover-bg);border:1px solid var(--hamburger-menu-border);color:var(--menu-item-text-color);cursor:pointer;white-space:nowrap;border-radius:8px;flex-shrink:0;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.family-pill-premium:hover{background:color-mix(in srgb,var(--menu-item-hover-bg)80%,black 20%)}.family-pill-premium.active{color:#fff;background:#8b5cf6;border-color:#8b5cf6;box-shadow:0 4px 12px #8b5cf64d}.tabs-wrapper-scrollable{z-index:5;background:var(--left-panel-bg);border-bottom:1px solid var(--hamburger-menu-border);align-items:center;padding:4px 0;display:flex;position:sticky;top:0}.tabs-container{white-space:nowrap;scrollbar-width:none;scroll-behavior:smooth;flex:1;gap:10px;padding:4px 20px;display:flex;overflow-x:auto}.tabs-container::-webkit-scrollbar{display:none}.tab-scroll-btn{background:var(--left-panel-bg);border:1px solid var(--hamburger-menu-border);cursor:pointer;width:30px;height:30px;color:var(--menu-item-text-color);z-index:6;opacity:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin:0 5px;font-size:18px;transition:opacity .2s,transform .2s;display:flex;box-shadow:0 2px 5px #0000001a}.tabs-wrapper-scrollable:hover .tab-scroll-btn{opacity:1}.tab-scroll-btn:hover{background:var(--menu-item-hover-bg);transform:scale(1.1)}.proportion-container{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:25;background:#ffffffe6;border-top:1px solid #ffffff4d;width:100%;padding:12px 16px;animation:.2s ease-out slideUp;position:absolute;bottom:80px;left:0}.proportion-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.proportion-title{color:var(--menu-item-text-color);text-transform:uppercase;letter-spacing:.5px;opacity:.8;font-size:12px;font-weight:700}.proportion-hint{color:var(--menu-item-text-color);opacity:.7;font-size:11px}.proportion-bar-wrapper{-webkit-user-select:none;user-select:none;touch-action:none;background:#0000000d;border:2px solid #fff;border-radius:12px;width:100%;height:36px;display:flex;position:relative;overflow:visible;box-shadow:0 2px 8px #00000026}.proportion-segment{color:#fff;text-shadow:0 1px 3px #00000080;justify-content:center;align-items:center;min-width:5%;height:100%;font-size:12px;font-weight:700;transition:width 50ms linear;display:flex;position:relative}.resize-handle{z-index:10;cursor:col-resize;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#fff;border:none;border-radius:4px;justify-content:center;align-items:center;width:18px;height:110%;transition:all .2s;display:flex;position:absolute;top:-5%;right:-9px;box-shadow:0 2px 6px #00000040}.resize-handle:hover{background:#f0f0f0;transform:scale(1.15);box-shadow:0 3px 10px #0000004d}.resize-handle:active{background:#e5e5e5;transform:scale(1.2)}.resize-lines{background:#999;border-radius:2px;width:3px;height:14px;position:relative}.resize-lines:after{content:"";background:#999;border-radius:2px;width:3px;height:14px;position:absolute;top:0;left:5px}@media (max-width:768px){.proportion-container{padding:14px 12px;bottom:70px}.proportion-bar-wrapper{border-radius:14px;height:40px}.proportion-segment{font-size:11px}.resize-handle{-webkit-user-select:none;user-select:none;border-radius:6px;width:20px;height:120%;top:-10%;right:-10px}.resize-handle:hover{transform:scale(1.2)}.resize-lines{width:4px;height:16px}.resize-lines:after{width:4px;height:16px;left:6px}}@media (max-width:480px){.proportion-container{padding:16px 10px;bottom:65px}.proportion-header{margin-bottom:12px}.proportion-bar-wrapper{border-radius:12px;height:44px}.proportion-segment{font-size:10px}.resize-handle{-webkit-user-select:none;user-select:none;border-radius:6px;width:24px;height:130%;top:-15%;right:-12px}.resize-handle:hover{transform:scale(1.25)}.resize-lines{width:4px;height:18px}.resize-lines:after{width:4px;height:18px;left:6px}}.proportion-toggle-btn{cursor:pointer;color:#fff;background:#fff3;border:none;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;margin-left:10px;transition:all .2s;display:flex}.proportion-toggle-btn:hover{background:#ffffff4d}.proportion-toggle-btn.active{color:#8b5cf6;background:#fff;box-shadow:0 4px 10px #0000001a}@media (min-width:1024px){.workspace{flex-direction:row;height:calc(100vh - 70px);overflow:hidden}.left-panel{z-index:20;flex-direction:column;width:65%;height:100%;display:flex;overflow:hidden;box-shadow:10px 0 25px -5px #0000001a;position:relative!important}.workspace>div:last-child{background:#fff;border-left:1px solid #e5e7eb;flex-direction:column;width:35%;height:100%;display:flex}.viewer-container{flex-grow:1;height:auto;min-height:auto}.app-footer{z-index:100;background:#000;border-top:1px solid #f0f0f0;width:100%;position:fixed;bottom:0;left:0;margin:0!important;padding:0!important}.copyright{opacity:.5;margin:0!important;padding-bottom:0!important;font-size:8px!important}.cards-scroller{justify-content:center}.user-profile{display:flex!important}}.floating-modal-content{-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff9;border-radius:24px;width:90%;max-width:650px;max-height:85vh;padding:30px;position:relative;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}[data-theme=dark] .floating-modal-content{background:#2a2a2af2;border:1px solid #3a3a3a99}.floating-modal-content{flex-direction:column;animation:.25s cubic-bezier(.16,1,.3,1) scaleIn;display:flex}.palette-grid-medium{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:15px;margin-top:10px;display:grid}.color-card-medium{background:var(--palette-card-bg);border:1px solid var(--palette-card-border);border-radius:12px;flex-direction:column;gap:8px;padding:8px;transition:transform .2s;display:flex}.color-card-medium:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.cc-swatch{border:1px solid #0000000d;border-radius:8px;width:100%;height:60px}.cc-info{flex-direction:column;gap:2px;padding:0 4px;display:flex}.cc-name{color:var(--text-color);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.cc-hex{color:var(--palette-subtitle-color);text-transform:uppercase;font-family:monospace;font-size:10px}.history-card-detailed{background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;gap:15px;margin-bottom:20px;padding:20px;display:flex;box-shadow:0 4px 6px -1px #00000005}.history-top-row{align-items:flex-start;gap:20px;display:flex}.history-img-wrapper{border:1px solid #eee;border-radius:12px;flex-shrink:0;width:140px;height:140px;position:relative;overflow:hidden}.history-img-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.history-img-wrapper:hover img{transform:scale(1.05)}.history-info-col{flex-direction:column;flex:1;gap:10px;display:flex}.history-date-badge{color:#6b7280;background:#f3f4f6;border-radius:20px;width:fit-content;padding:4px 10px;font-size:11px;font-weight:600}.history-color-list{flex-direction:column;gap:6px;max-height:110px;padding-right:5px;display:flex;overflow-y:auto}.h-color-row{border-radius:6px;align-items:center;gap:10px;padding:4px;font-size:12px;transition:all .2s;display:flex}.h-color-row:hover{background:#f9fafb}.h-dot{border:1px solid #0000001a;border-radius:4px;width:18px;height:18px}.h-name{color:#374151;flex:1;font-weight:600}.h-hex{color:#9ca3af;font-family:monospace;font-size:11px}.history-actions-row{border-top:1px solid #f3f4f6;gap:10px;margin-top:5px;padding-top:15px;display:flex}.action-pill{text-align:center;cursor:pointer;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:12px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.btn-download{color:#fff;background:#1f2937}.btn-download:hover{background:#000}.btn-view{color:#374151;background:#f3f4f6}.btn-view:hover{background:#e5e7eb}@media (max-width:600px){.history-top-row{flex-direction:column}.history-img-wrapper{width:100%;height:180px}.history-color-list{max-height:none}}.canvas-wrapper{border-radius:12px;position:relative;overflow:hidden}.loading-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background-color:#ffffffd9;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.loading-video{border-radius:10px;width:450px;height:auto;margin-bottom:20px}.loading-text{color:#555;font-size:18px;font-weight:600;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.desktop-only{display:none!important}@media (min-width:768px){.desktop-only{display:flex!important}}@media (max-width:768px){.app-footer{height:auto!important;padding:2px 1px!important}.copyright{margin-bottom:2px!important;padding-bottom:2px!important;font-size:10px!important}}
.CookieConsent-module__EUD_Aq__overlay{z-index:9999;pointer-events:none;justify-content:center;display:flex;position:fixed;bottom:16px;left:16px;right:16px}.CookieConsent-module__EUD_Aq__banner{-webkit-backdrop-filter:blur(20px);pointer-events:auto;background:#ffffffd9;border:1px solid #ffffff4d;border-radius:16px;width:100%;max-width:400px;overflow:hidden;box-shadow:0 8px 32px #0000001f}[data-theme=dark] .CookieConsent-module__EUD_Aq__banner{background:#1e1e2ed9;border-color:#ffffff1a;box-shadow:0 8px 32px #0006}.CookieConsent-module__EUD_Aq__content{padding:14px 16px}.CookieConsent-module__EUD_Aq__title{color:var(--text-primary,#1a1a2e);align-items:center;gap:6px;margin:0 0 6px;font-size:13px;font-weight:600;display:flex}[data-theme=dark] .CookieConsent-module__EUD_Aq__title{color:#f1f5f9}.CookieConsent-module__EUD_Aq__description{color:var(--text-secondary,#64748b);margin:0 0 12px;font-size:11px;line-height:1.4}[data-theme=dark] .CookieConsent-module__EUD_Aq__description{color:#94a3b8}.CookieConsent-module__EUD_Aq__details{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000000d;border:1px solid #0000000d;border-radius:8px;margin-bottom:12px;padding:10px;font-size:11px}[data-theme=dark] .CookieConsent-module__EUD_Aq__details{background:#0003;border-color:#ffffff0d}.CookieConsent-module__EUD_Aq__category{margin-bottom:8px}.CookieConsent-module__EUD_Aq__category:last-child{margin-bottom:0}.CookieConsent-module__EUD_Aq__categoryLabel{cursor:pointer;color:var(--text-primary,#1a1a2e);align-items:center;gap:6px;font-size:11px;font-weight:500;display:flex}[data-theme=dark] .CookieConsent-module__EUD_Aq__categoryLabel{color:#e2e8f0}.CookieConsent-module__EUD_Aq__categoryLabel input{accent-color:#6366f1;cursor:pointer;width:14px;height:14px}.CookieConsent-module__EUD_Aq__categoryDesc{color:var(--text-secondary,#64748b);margin:2px 0 0 20px;font-size:10px;line-height:1.3}[data-theme=dark] .CookieConsent-module__EUD_Aq__categoryDesc{color:#64748b}.CookieConsent-module__EUD_Aq__buttons{gap:8px;display:flex}.CookieConsent-module__EUD_Aq__buttonPrimary,.CookieConsent-module__EUD_Aq__buttonSecondary{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:8px 12px;font-size:11px;font-weight:500;transition:all .15s}.CookieConsent-module__EUD_Aq__buttonPrimary{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);flex:1}.CookieConsent-module__EUD_Aq__buttonPrimary:hover{transform:translateY(-1px);box-shadow:0 3px 8px #6366f159}.CookieConsent-module__EUD_Aq__buttonSecondary{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--text-primary,#475569);background:#0000000d;border:1px solid #0000001a}[data-theme=dark] .CookieConsent-module__EUD_Aq__buttonSecondary{color:#e2e8f0;background:#ffffff1a;border-color:#ffffff26}.CookieConsent-module__EUD_Aq__buttonSecondary:hover{background:#0000001a}[data-theme=dark] .CookieConsent-module__EUD_Aq__buttonSecondary:hover{background:#ffffff26}.CookieConsent-module__EUD_Aq__links{text-align:center;color:var(--text-secondary,#64748b);margin:10px 0 0;font-size:10px}[data-theme=dark] .CookieConsent-module__EUD_Aq__links{color:#64748b}.CookieConsent-module__EUD_Aq__links a{color:#6366f1;text-decoration:none}.CookieConsent-module__EUD_Aq__links a:hover{text-decoration:underline}@media (max-width:480px){.CookieConsent-module__EUD_Aq__overlay{bottom:8px;left:8px;right:8px}.CookieConsent-module__EUD_Aq__banner{max-width:100%}.CookieConsent-module__EUD_Aq__content{padding:12px}.CookieConsent-module__EUD_Aq__buttons{flex-wrap:wrap}.CookieConsent-module__EUD_Aq__buttonPrimary{flex:none;order:-1;width:100%;margin-bottom:4px}.CookieConsent-module__EUD_Aq__buttonSecondary{flex:1;min-width:0;padding:6px 8px;font-size:10px}}@media (min-width:769px){.CookieConsent-module__EUD_Aq__overlay{justify-content:flex-end;width:auto;bottom:20px;left:auto;right:20px}.CookieConsent-module__EUD_Aq__banner{max-width:340px}}