@font-face{font-family:Outfit;font-style:normal;font-weight:300;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.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:Outfit;font-style:normal;font-weight:300;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.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:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.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:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.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:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.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:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.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:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.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:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.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:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.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:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.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:Outfit;font-style:normal;font-weight:800;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.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:Outfit;font-style:normal;font-weight:800;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.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:Outfit Fallback;src:local(Arial);ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.0%;size-adjust:99.82%}.outfit_9f281ca2-module__quHkjG__className{font-family:Outfit,Outfit Fallback;font-style:normal}.outfit_9f281ca2-module__quHkjG__variable{--font-outfit:"Outfit", "Outfit Fallback"}
@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(../media/8298327da6d5bcce-s.3q4n78m6muld7.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(../media/44fac91e6f2d2b1b-s.1d_6dtvtn9g3_.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2b402d8aebffd579-s.16nfeub7ja6ze.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(../media/a88409fdd7dc121c-s.1mvr14jy3vxq7.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:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e8f2fbee2754df70-s.p.1dqa_6e_ad4sj.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:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(../media/8298327da6d5bcce-s.3q4n78m6muld7.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(../media/44fac91e6f2d2b1b-s.1d_6dtvtn9g3_.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(../media/2b402d8aebffd579-s.16nfeub7ja6ze.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(../media/a88409fdd7dc121c-s.1mvr14jy3vxq7.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:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(../media/e8f2fbee2754df70-s.p.1dqa_6e_ad4sj.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:Montserrat Fallback;src:local(Arial);ascent-override:85.79%;descent-override:22.25%;line-gap-override:0.0%;size-adjust:112.83%}.montserrat_9f51c4c3-module__UzAAjW__className{font-family:Montserrat,Montserrat Fallback;font-style:normal}.montserrat_9f51c4c3-module__UzAAjW__variable{--font-montserrat:"Montserrat", "Montserrat Fallback"}
:root{--font-primary:var(--font-outfit), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-secondary:var(--font-montserrat), sans-serif;--bg-gradient-start:#0f172a;--bg-gradient-end:#1e1b4b;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--card-bg:#0f172a73;--card-border:#ffffff14;--input-bg:#ffffff08;--input-border:#ffffff1a;--input-focus-border:#6366f1;--input-focus-shadow:#6366f140;--accent-primary:#818cf8;--accent-secondary:#c084fc;--accent-gradient:linear-gradient(135deg, #6366f1 0%, #a855f7 100%);--success:#10b981;--danger:#ef4444;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #00000026, 0 10px 10px -5px #0000000a}[data-theme=light]{--bg-gradient-start:#f1f5f9;--bg-gradient-end:#e2e8f0;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--card-bg:#ffffffb3;--card-border:#0f172a14;--input-bg:#fffc;--input-border:#0f172a1f;--input-focus-border:#4f46e5;--input-focus-shadow:#4f46e526;--accent-primary:#4f46e5;--accent-secondary:#9333ea;--shadow-xl:0 20px 25px -5px #00000014, 0 10px 10px -5px #00000005}*{box-sizing:border-box;font-family:var(--font-primary);margin:0;padding:0;transition:background-color .3s,border-color .3s,color .3s}body{background:linear-gradient(135deg, var(--bg-gradient-start) 0%, var(--bg-gradient-end) 100%);min-height:100vh;color:var(--text-primary);flex-direction:column;justify-content:flex-start;align-items:center;padding:2rem 1rem;display:flex;position:relative;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#6366f126 0%,#0000 70%);width:300px;height:300px;position:absolute;top:10%;left:15%}body:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#a855f71f 0%,#0000 70%);width:400px;height:400px;position:absolute;bottom:15%;right:10%}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);letter-spacing:-.02em;font-weight:700}.app-container{width:100%;max-width:1200px;margin:0 auto}.header{text-align:center;margin-bottom:2.5rem}.header h1{background:linear-gradient(90deg,#a5b4fc,#f472b6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.header p{color:var(--text-secondary);font-size:1.1rem}.generator-grid{grid-template-columns:1.3fr 1fr;gap:2rem;width:100%;display:grid}@media (max-width:968px){.generator-grid{grid-template-columns:1fr}}.card{background:var(--card-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--card-border);box-shadow:var(--shadow-xl);border-radius:24px;flex-direction:column;gap:1.5rem;padding:2rem;display:flex;overflow:hidden}.form-group{flex-direction:column;gap:.5rem;width:100%;display:flex}.form-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.9rem;font-weight:600}.form-row{grid-template-columns:1fr 1fr;gap:1rem;width:100%;display:grid}@media (max-width:480px){.form-row{grid-template-columns:1fr}}input[type=text],input[type=password],input[type=email],input[type=url],textarea,select{background:var(--input-bg);border:1px solid var(--input-border);width:100%;color:var(--text-primary);border-radius:12px;outline:none;padding:.8rem 1rem;font-size:1rem;transition:all .2s ease-in-out}input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,input[type=url]:focus,textarea:focus,select:focus{border-color:var(--input-focus-border);box-shadow:0 0 0 4px var(--input-focus-shadow);background:#ffffff0d}textarea{resize:vertical;min-height:100px}.tabs{border:1px solid var(--input-border);background:#0003;border-radius:14px;grid-template-columns:repeat(4,1fr);padding:4px;display:grid}.tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;padding:.75rem .5rem;font-size:.85rem;font-weight:600;transition:all .25s;display:flex}.tab-btn:hover{color:var(--text-primary);background:#ffffff08}.tab-btn.active{color:#fff;background:var(--accent-gradient);box-shadow:var(--shadow-md)}.section-title{color:var(--text-primary);border-left:4px solid var(--accent-primary);margin-top:.5rem;padding-left:.75rem;font-size:1.2rem;font-weight:700}.controls-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (max-width:580px){.controls-grid{grid-template-columns:1fr}}.color-picker-container{background:var(--input-bg);border:1px solid var(--input-border);border-radius:12px;align-items:center;gap:.75rem;padding:.5rem;display:flex}.color-input-wrapper{cursor:pointer;border:2px solid #ffffff26;border-radius:10px;width:40px;height:40px;position:relative;overflow:hidden}.color-input-wrapper input[type=color]{cursor:pointer;border:none;width:50px;height:50px;position:absolute;top:-5px;left:-5px}.color-hex{color:var(--text-secondary);font-family:monospace;font-size:.95rem;font-weight:500}input[type=range]{-webkit-appearance:none;background:var(--input-border);border-radius:3px;outline:none;width:100%;height:6px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent-primary);cursor:pointer;border-radius:50%;width:18px;height:18px;transition:transform .1s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.preview-container{flex-direction:column;justify-content:center;align-items:center;gap:2rem;height:100%;display:flex}.canvas-wrapper{box-shadow:var(--shadow-xl), 0 0 40px #6366f126;background:#fff;border-radius:20px;justify-content:center;align-items:center;max-width:100%;padding:1.5rem;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);display:flex}.canvas-wrapper:hover{transform:scale(1.02)}.canvas-wrapper canvas{max-width:100%;display:block;height:auto!important}.btn-group{gap:1rem;width:100%;display:flex}.btn{cursor:pointer;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s ease-in-out;display:inline-flex}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 14px #6366f166}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f199}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--input-bg);border:1px solid var(--input-border);color:var(--text-primary)}.btn-secondary:hover{border-color:var(--text-secondary);background:#ffffff14}.switch-wrapper{justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}.switch{width:50px;height:26px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:var(--input-border);border-radius:34px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .4s;position:absolute;bottom:4px;left:4px}input:checked+.slider{background-color:var(--accent-primary)}input:checked+.slider:before{transform:translate(24px)}.theme-toggle{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(10px);cursor:pointer;width:44px;height:44px;color:var(--text-primary);box-shadow:var(--shadow-md);z-index:10;border-radius:12px;justify-content:center;align-items:center;font-size:1.2rem;display:flex;position:absolute;top:1.5rem;right:1.5rem}.theme-toggle:hover{background:#ffffff14;transform:scale(1.05)}.icon{stroke-width:2px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}footer{text-align:center;color:var(--text-muted);margin-top:4rem;font-size:.9rem}footer a{color:var(--text-secondary);font-weight:500}footer a:hover{color:var(--accent-primary);text-decoration:underline}