body{font-family:Inter,sans-serif;min-height:100vh;width:100%}.colors-wrapper{display:flex;height:100vh}@media (max-width:768px){.color-block .content{opacity:1}.colors-wrapper{flex-direction:column;height:100vh}.color-block{flex:1 1;height:auto}}.color-block{flex-direction:column;position:relative;width:100%}.color-block,.color-block button{align-items:center;display:flex;justify-content:center}.color-block button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:22px;font-weight:600;height:42px;position:absolute;right:20px;top:20px;transition:all .25s ease;width:42px}.color-block button:hover{background:#ffffff4d;transform:scale(1.1)}.color-block button:active{transform:scale(.95)}.icons{font-size:25px;gap:30px}.color-block .content,.icons{align-items:center;display:flex;flex-direction:column}.color-block .content{gap:32px;opacity:0;transition:opacity .3s ease}.color-block:hover .content{opacity:1}.hovered-text{color:#fff}.color-block{transition:background-color .25s ease}.copied-popup{animation:popup 1.2s forwards;background:#000000b3;border-radius:8px;color:#fff;font-size:14px;left:50%;opacity:0;padding:8px 14px;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) scale(.8)}@keyframes popup{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}80%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}.palette-container{border-radius:6px;box-shadow:0 2px 6px #0003;display:flex;height:30px;margin-left:auto;margin-right:auto;margin-top:20px;max-width:600px;min-width:200px;overflow:hidden;transition:all .2s ease;width:80%}.palette-color{cursor:pointer;flex:1 1;transition:transform .2s ease}.palette-color:hover{transform:scale(1.8) translateY(-5px);z-index:1}.history-slider{align-items:center;background:#000000e6;bottom:-140px;display:flex;gap:12px;height:120px;left:0;overflow-x:auto;overflow-y:hidden;padding:12px 16px;position:fixed;transition:bottom .35s ease;width:100%;z-index:999}.history-slider.active{bottom:0}.history-slider::-webkit-scrollbar{height:6px}.history-slider::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:10px}.history-item{border-radius:10px;cursor:pointer;display:flex;flex-shrink:0;height:70px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;width:140px}.history-item:hover{box-shadow:0 8px 20px #0006;transform:translateY(-6px) scale(1.05)}.history-color{flex:1 1}.history-slider{scroll-behavior:smooth;scroll-snap-type:x mandatory}.history-item{scroll-snap-align:start}@media (max-width:768px){.history-slider{gap:8px;height:90px;padding:8px 12px}.history-item{height:55px;width:110px}}@media (max-width:480px){.history-slider{height:80px}.history-item{height:50px;width:95px}}.sliders-container{position:fixed;right:20px;top:100px;width:300px;z-index:1000}.export-slider,.modes-slider{background:#fffffff2;border-radius:12px;box-shadow:0 4px 20px #0003;max-height:calc(100vh - 120px);opacity:0;overflow-y:auto;position:fixed;right:-320px;transform:translateX(0);transition:transform .3s ease,opacity .3s ease,right .3s ease;width:300px;z-index:1000}.export-slider.active,.modes-slider.active{opacity:1;right:20px}.export-slider.active.pushed-left{right:-120px}.modes-slider.active.pushed-right{right:160px}.export-slider{top:100px;z-index:2}.modes-slider{top:100px;z-index:1}.export-header,.modes-header{align-items:center;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;margin-bottom:20px;padding:12px 16px}.export-header h3,.modes-header h3{color:#333;font-size:18px;font-weight:400}.export-header svg,.modes-header svg{color:#666;cursor:pointer;font-size:20px;transition:color .2s ease}.export-header svg:hover,.modes-header svg:hover{color:#000}.modes-list{display:flex;flex-direction:column;gap:12px;padding:0 16px 16px}.mode-item{align-items:center;background:#fff;border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;padding:15px 18px;transition:all .2s ease}.mode-item p{font-size:14px;font-weight:300}.mode-item:hover{background:#f0f0f0}.mode-item.selected{background:#fff;border:2px solid #111}.mode-dot{background:#111;border-radius:50%;height:10px;width:10px}.export-options{grid-gap:10px;box-sizing:border-box;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);padding:0 16px 16px;width:100%}.export-options button{background:#0000;border:1px solid #ccc;border-radius:8px;color:#333;cursor:pointer;font-family:Inter,sans-serif;font-size:15px;height:120px;padding:20px 15px;text-align:center;transition:background .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease;width:100%}.export-options button,.export-options button .button-content{align-items:center;display:flex;flex-direction:column;justify-content:center}.export-options button .button-content{height:100%}.export-options button .main-text{align-items:center;display:flex;font-weight:500}.export-options button .sub-text{color:#888;font-size:12px;margin-top:4px}.export-options button svg{margin-bottom:6px;transition:transform .2s ease,color .2s ease}.export-options button:hover{background:#0000000d}.export-options button:hover .sub-text{color:#555}@media (max-width:768px){.export-options{grid-template-columns:1fr}.export-options button{height:90px}.export-header,.modes-header{padding:14px 20px}.export-header h3,.modes-header h3{font-size:16px}.sliders-container{bottom:0;right:0;top:auto;width:100%}}@font-face{font-family:MyFont;font-style:normal;font-weight:400;src:url(/static/media/Milker.51c62b0925a74f6409bc.otf) format("truetype")}.navbar{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#111;border-radius:10px;box-shadow:0 8px 32px #00000040;color:#fff;font-family:Inter,sans-serif;gap:20px;left:0;margin:0 auto;max-width:90%;padding:10px 20px;position:fixed;right:0;top:20px;transition:background .3s,-webkit-backdrop-filter .3s;transition:background .3s,backdrop-filter .3s;transition:background .3s,backdrop-filter .3s,-webkit-backdrop-filter .3s;width:1300px;z-index:1000}.nav-logo,.navbar{align-items:center;display:flex}.nav-logo{font-size:1.2rem;gap:10px}.logo-text,.nav-logo{cursor:pointer;font-weight:700}.logo-text{-webkit-user-select:none;user-select:none}.logo-half-colored,.logo-text{color:#f5f5f5;font-family:MyFont}.nav-item:hover{color:#fff;transform:scale(1.1)}.nav-items{display:flex;gap:15px}.nav-text{font-size:1rem}.nav-item{align-items:center;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px 10px;position:relative;transition:color .2s ease}.nav-item.active{background:#4d4a4a3d;border-radius:8px}.nav-icon{font-size:20px}.history-count span{align-items:center;background:#fff;border-radius:10px;box-shadow:0 0 2px #00000080;color:#111;display:flex;font-size:12px;font-weight:700;justify-content:center;line-height:1;padding:2px 5px;pointer-events:none;position:absolute;right:-2px;top:2px}.manual{background-color:#0000004d;border-radius:5px;color:#ccc;font-size:.9rem;padding:5px 10px;position:absolute;right:20px}.manual-key{background-color:#444;border-radius:3px;color:#fff;font-family:Inter,sans-serif;font-weight:700;padding:2px 5px}.manual-mobile{display:none}@media (max-width:1024px){.navbar{padding:8px 16px;top:15px}.nav-logo{font-size:1rem}.nav-item{padding:6px 8px}.nav-icon{font-size:18px}.manual{font-size:.8rem;right:15px}}@media (max-width:768px){.navbar{border-radius:0;flex-wrap:wrap;justify-content:space-between;max-width:100%;padding:30px 45px;top:0;width:1300px}.logo-text{display:flex}.manual-mobile{border-radius:3px;color:#cecdcd;display:flex;font-family:Inter,sans-serif;font-weight:500}.manual{display:none}.nav-item{padding:6px}.nav-icon{font-size:18px}.history-count span{font-size:10px;padding:2px 4px}}@media (max-width:480px){.navbar{padding:8px 12px;top:10px}.nav-logo{font-size:.9rem}.nav-icon{font-size:16px}}*{box-sizing:border-box;font-family:Inter,sans-serif;margin:0;padding:0}body{background:#f8f8fb;overflow-x:hidden}.hero{align-items:center;display:flex;justify-content:center;padding:40px 20px;position:relative;text-align:center}.hero-content{max-width:850px;z-index:2}.hero-pill{align-items:center;border:1px solid #ccc;border-radius:999px;display:inline-flex;font-size:14px;font-weight:500;justify-content:center;margin-bottom:28px;max-width:400px;overflow:hidden;padding:6px 12px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.hero-heading{color:#111;font-family:Figtree,sans-serif;font-size:3.8rem;font-weight:800;line-height:1.15}.highlight-line{-webkit-text-fill-color:#0000;animation:textGradientShift 5s ease infinite;background:linear-gradient(90deg,#ff6ec4,#7873f5,#00f2fe,#43e97b,#f9f047,#ff6ec4);-webkit-background-clip:text;background-size:300% 300%;display:inline-block;font-weight:700}@keyframes textGradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.hero-text{color:#555;font-size:1.15rem;line-height:1.7;margin-left:auto;margin-right:auto;margin-top:24px;max-width:680px}.hero-actions{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:40px}.primary-btn{background:linear-gradient(90deg,#5b7cfa,#7c3aed);border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 30px;transition:all .3s ease}.primary-btn:hover{box-shadow:0 12px 24px #5b7cfa4d}.outline-btn{background:#111;border:1px solid #b8b6b6;border-radius:14px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 30px;transition:all .3s ease}.outline-btn:hover{background:#111111ea}@media (max-width:768px){.hero{padding:80px 20px;text-align:center}.hero-content{margin:0 auto;max-width:100%}.hero-pill{font-size:.75rem;justify-content:center;padding:6px 14px}.hero-heading{font-size:2rem;line-height:1.3}.hero-heading .highlight-line{font-size:2.1rem}.hero-text{font-size:.95rem;line-height:1.6;padding:0 10px}.hero-actions{flex-direction:column;gap:15px;margin-top:30px}.outline-btn,.primary-btn{font-size:.95rem;margin:0 auto;max-width:300px;padding:14px;width:100%}}.demo-image-wrapper{justify-content:center}.demo-section{background:#fff;padding:80px 20px;text-align:center}.demo-header{margin-bottom:40px}.demo-header .hero-pill{align-items:center;background:#111;border-radius:999px;color:#fff;display:inline-flex;font-size:.85rem;justify-content:center;margin-bottom:15px;padding:5px 12px}.demo-header h2{color:#111;font-size:2rem;margin-bottom:10px}.demo-header p{color:#555;font-size:1rem}.demo-browser{background:#fff;border-radius:20px;box-shadow:0 25px 60px #00000026;margin:0 auto;max-width:1100px;overflow:hidden}.demo-url-bar{align-items:center;background:#f1f1f1;border-bottom:1px solid #e5e5e5;display:flex;padding:12px 20px}.browser-dots{display:flex;gap:8px;margin-right:15px}.dot{border-radius:50%;height:12px;width:12px}.red{background:#ff5f56}.yellow{background:#ffbd2e}.green{background:#27c93f}.url-text{background:#fff;border:1px solid #ddd;border-radius:20px;color:#666;font-size:.9rem;padding:6px 14px}.demo-image-wrapper{display:flex}.demo-image{display:block;width:100%}@media (max-width:768px){.demo-section{padding:60px 15px}.demo-header h2{font-size:1.5rem}.demo-image{border-radius:15px}.hero-heading{font-size:2.6rem}.hero-text{font-size:1rem}}.features{margin:0 auto;max-width:1200px;padding:40px 20px;text-align:center}.features-header .hero-pill{align-items:center;background:#f5f5f5;border-radius:999px;display:inline-flex;font-size:12px;font-weight:500;margin-bottom:16px;padding:4px 12px}.features-header h2{font-size:2rem;font-weight:700;margin-bottom:8px}.features-header p{color:#666;font-size:1rem;margin-bottom:40px}.features-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature-card{background:#f9f9f9;border:1px solid #ccc;border-radius:12px;padding:20px;text-align:left;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{box-shadow:0 10px 20px #0000001a;transform:translateY(-4px)}.feature-icon{color:#4f46e5;font-size:24px;margin-bottom:12px}.feature-card h3{font-size:1.1rem;font-weight:600;margin:0 0 8px}.feature-card p{color:#555;font-size:.9rem;line-height:1.4}.how-it-works{background:#f9f9f9;padding:60px 20px}.how-header{margin-bottom:40px;text-align:center}.how-header .hero-pill{align-items:center;background:#f5f5f5;border-radius:999px;display:inline-flex;font-size:12px;font-weight:500;margin-bottom:16px;padding:4px 12px}.how-header h2{color:#111;font-size:2rem;line-height:1.3;margin-bottom:10px}.how-header p{color:#555;font-size:1rem}.how-steps{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1000px}.how-step{background:#fff;border-radius:12px;box-shadow:0 6px 18px #00000014;padding:25px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.how-step:hover{box-shadow:0 12px 25px #0000001f;transform:translateY(-5px)}.step-number{align-items:center;background:#111;border-radius:50%;color:#fff;display:flex;font-size:1.1rem;font-weight:700;height:40px;justify-content:center;margin:0 auto 15px;width:40px}.how-step h3{color:#111;font-size:1.2rem;margin-bottom:10px}.how-step p{color:#555;font-size:.95rem;line-height:1.5}.try-it-out-container{display:flex;justify-content:center;margin:20px 0}.try-it-out-btn{background:#111;border:none;border-radius:30px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:1.3rem;font-weight:700;padding:20px 50px;transition:background .3s ease,transform .2s ease}.try-it-out-btn:hover{background:#333;transform:translateY(-3px)}@media (max-width:600px){.how-header h2{font-size:1.5rem}.how-step{padding:20px}}.export-section{background:#f9f9f9;padding:80px 20px}.export-header{align-items:center;display:flex;flex-direction:column;margin-bottom:40px;text-align:center}.export-header .hero-pill{align-items:center;background:#f5f5f5;border-radius:999px;display:inline-flex;font-size:12px;font-weight:500;margin-bottom:16px;padding:4px 12px}.export-header h2{color:#111;font-size:2rem;font-weight:600;line-height:1.4;margin:0 auto;max-width:800px}.export-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.export-card{background:#fff;border-radius:12px;padding:25px;transition:transform .3s ease,box-shadow .3s ease}.export-card:hover{box-shadow:0 12px 25px #0000001f;transform:translateY(-5px)}.export-card h3{color:#111;font-size:1.2rem;margin-bottom:10px}.export-card p{color:#555;font-size:.95rem;margin-bottom:15px}.export-card pre{background:#f4f4f4;border-radius:8px;color:#111;font-size:.85rem;overflow-x:auto;padding:12px}.export-card pre::-webkit-scrollbar{height:6px}.export-card pre::-webkit-scrollbar-track{background:#eee;border-radius:10px}.export-card pre::-webkit-scrollbar-thumb{background:#111;border-radius:10px}.export-card pre::-webkit-scrollbar-thumb:hover{background:#444}@media (max-width:600px){.export-header h2{font-size:1.5rem}.export-card{padding:20px}}.faq-section{background:#fff;font-family:Inter,sans-serif;padding:60px 20px}.faq-header{margin-bottom:40px;text-align:center}.faq-header h2{color:#111;font-size:2rem;margin-bottom:10px}.faq-header p{color:#555;font-size:1rem}.faq-list{margin:0 auto;max-width:800px}.faq-item{border-bottom:1px solid #eee}.faq-question{align-items:center;background:none;border:none;color:#111;cursor:pointer;display:flex;font-size:1rem;justify-content:space-between;padding:18px 20px;text-align:left;transition:background .3s ease;width:100%}.faq-question:hover{background:#f4f4f4}.faq-icon{color:#111;font-size:1.3rem}.faq-answer{animation:fadeIn .3s ease;color:#555;font-size:.95rem;line-height:1.6;padding:0 20px 18px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.faq-question{font-size:.95rem;padding:14px 16px}.faq-header h2{font-size:1.5rem}.faq-answer{font-size:.9rem}}.footer{background:linear-gradient(180deg,#0f0f12,#0a0a0d);color:#fff;padding:80px 20px 40px;text-align:center;width:100%}.footer-content{margin:0 auto 60px;max-width:700px}.footer-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#bdbdbd);-webkit-background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:20px}.footer-subtitle{color:#9ca3af;font-size:1.1rem;margin-bottom:35px}.footer-btn{background:#fff;border:none;border-radius:14px;color:#000;cursor:pointer;font-weight:600;padding:14px 30px;transition:.3s ease}.footer-btn:hover{background:#f3f3f3;transform:translateY(-4px)}.footer-hint{color:#6b7280;font-size:.9rem;margin-top:20px}.footer-bottom{border-top:1px solid #1f1f23;flex-direction:column;gap:15px;padding-top:30px}.footer-bottom,.logo{align-items:center;display:flex}.logo{font-size:1.1rem;font-weight:600;gap:10px}.logo-icon{color:#fff;font-size:1.3rem}.social-icons{cursor:pointer;display:flex;font-size:1.3rem;gap:20px}.social-icons svg{color:#9ca3af;transition:.3s ease}.social-icons svg:hover{color:#fff;transform:translateY(-3px)}.copyright{color:#6b7280;font-size:.85rem}
/*# sourceMappingURL=main.c18ce956.css.map*/