@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"}
@media (min-width:768px){:root{--font-ratio:var(--font-ratio-lg)}}*,:before,:after{box-sizing:inherit}html{box-sizing:border-box;-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:transparent}abbr[title]{text-decoration:underline;border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button{-webkit-appearance:button}[type=button]{-webkit-appearance:button}[type=reset]{-webkit-appearance:button}[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring{outline:1px dotted buttontext}[type=button]:-moz-focusring{outline:1px dotted buttontext}[type=reset]:-moz-focusring{outline:1px dotted buttontext}[type=submit]:-moz-focusring{outline:1px dotted buttontext}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;white-space:normal;max-width:100%;padding:0;display:table}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox]{box-sizing:border-box;padding:0}[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template,[hidden]{display:none}:root{--space-unit:1rem;--space-xxs:calc(.25*var(--space-unit));--space-xs:calc(.5*var(--space-unit));--space-sm:calc(.75*var(--space-unit));--space-md:calc(1.25*var(--space-unit));--space-lg:calc(2*var(--space-unit));--space-xl:calc(3.25*var(--space-unit));--space-xxl:calc(5.25*var(--space-unit));--font-family-heading:"Poppins",sans-serif;--font-family-body:"Inter",sans-serif;--font-family-logo:"Kaushan Script",cursive;--font-size:100%;--font-size-base:1rem;--font-ratio:1.2;--font-ratio-lg:1.333;--font-size-small:calc(var(--font-size-base)/var(--font-ratio));--font-size-h5:calc(var(--font-size-base)*var(--font-ratio));--font-size-h4:calc(var(--font-size-h5)*var(--font-ratio));--font-size-h3:calc(var(--font-size-h4)*var(--font-ratio));--font-size-h2:calc(var(--font-size-h3)*var(--font-ratio));--font-size-h1:calc(var(--font-size-h2)*var(--font-ratio))}@media (min-width:768px){:root{--font-ratio:var(--font-ratio-lg)}}body{background:#fff}textarea{color:#000;background-color:#fff;border:none;border-radius:.2rem;width:100%}input[type=text]{color:#000;background-color:#fff;border:none;border-radius:.2rem;width:100%}input[type=email]{color:#000;background-color:#fff;border:none;border-radius:.2rem;width:100%}input[type=url]{color:#000;background-color:#fff;border:none;border-radius:.2rem;width:100%}input[type=password]{color:#000;background-color:#fff;border:none;border-radius:.2rem;width:100%}input[type=search]{color:#000;background-color:#fff;border:none;border-radius:.2rem;width:100%}input[type=number]{color:#000;background-color:#fff;border:none;border-radius:.2rem;width:100%}input[type=tel]{color:#000;background-color:#fff;border:none;border-radius:.2rem;width:100%}input[type=range]{color:#000;background-color:#fff;border:none;border-radius:.2rem;width:100%}input[type=date]{color:#000;background-color:#fff;border:none;border-radius:.2rem;width:100%}input[type=month]{color:#000;background-color:#fff;border:none;border-radius:.2rem;width:100%}input[type=week]{color:#000;background-color:#fff;border:none;border-radius:.2rem;width:100%}input[type=time]{color:#000;background-color:#fff;border:none;border-radius:.2rem;width:100%}input[type=datetime]{color:#000;background-color:#fff;border:none;border-radius:.2rem;width:100%}input[type=datetime-local]{color:#000;background-color:#fff;border:none;border-radius:.2rem;width:100%}input[type=color]{color:#000;background-color:#fff;border:none;border-radius:.2rem;width:100%}input[type=text]::-moz-placeholder{color:#8a8b8b}input[type=email]::-moz-placeholder{color:#8a8b8b}input[type=url]::-moz-placeholder{color:#8a8b8b}input[type=password]::-moz-placeholder{color:#8a8b8b}input[type=search]::-moz-placeholder{color:#8a8b8b}input[type=number]::-moz-placeholder{color:#8a8b8b}input[type=tel]::-moz-placeholder{color:#8a8b8b}input[type=range]::-moz-placeholder{color:#8a8b8b}input[type=date]::-moz-placeholder{color:#8a8b8b}input[type=month]::-moz-placeholder{color:#8a8b8b}input[type=week]::-moz-placeholder{color:#8a8b8b}input[type=time]::-moz-placeholder{color:#8a8b8b}input[type=datetime]::-moz-placeholder{color:#8a8b8b}input[type=datetime-local]::-moz-placeholder{color:#8a8b8b}input[type=color]::-moz-placeholder{color:#8a8b8b}textarea::-moz-placeholder{color:#8a8b8b}input[type=text]::placeholder{color:#8a8b8b}input[type=email]::placeholder{color:#8a8b8b}input[type=url]::placeholder{color:#8a8b8b}input[type=password]::placeholder{color:#8a8b8b}input[type=search]::placeholder{color:#8a8b8b}input[type=number]::placeholder{color:#8a8b8b}input[type=tel]::placeholder{color:#8a8b8b}input[type=range]::placeholder{color:#8a8b8b}input[type=date]::placeholder{color:#8a8b8b}input[type=month]::placeholder{color:#8a8b8b}input[type=week]::placeholder{color:#8a8b8b}input[type=time]::placeholder{color:#8a8b8b}input[type=datetime]::placeholder{color:#8a8b8b}input[type=datetime-local]::placeholder{color:#8a8b8b}input[type=color]::placeholder{color:#8a8b8b}textarea::placeholder{color:#8a8b8b}input[type=text]:focus:not(:focus-visible){outline:none}input[type=email]:focus:not(:focus-visible){outline:none}input[type=url]:focus:not(:focus-visible){outline:none}input[type=password]:focus:not(:focus-visible){outline:none}input[type=search]:focus:not(:focus-visible){outline:none}input[type=number]:focus:not(:focus-visible){outline:none}input[type=tel]:focus:not(:focus-visible){outline:none}input[type=range]:focus:not(:focus-visible){outline:none}input[type=date]:focus:not(:focus-visible){outline:none}input[type=month]:focus:not(:focus-visible){outline:none}input[type=week]:focus:not(:focus-visible){outline:none}input[type=time]:focus:not(:focus-visible){outline:none}input[type=datetime]:focus:not(:focus-visible){outline:none}input[type=datetime-local]:focus:not(:focus-visible){outline:none}input[type=color]:focus:not(:focus-visible){outline:none}textarea:focus:not(:focus-visible){outline:none}textarea:focus{color:#000;outline:2px solid #1f3c88}input[type=text]:focus{color:#000;outline:2px solid #1f3c88}input[type=email]:focus{color:#000;outline:2px solid #1f3c88}input[type=url]:focus{color:#000;outline:2px solid #1f3c88}input[type=password]:focus{color:#000;outline:2px solid #1f3c88}input[type=search]:focus{color:#000;outline:2px solid #1f3c88}input[type=number]:focus{color:#000;outline:2px solid #1f3c88}input[type=tel]:focus{color:#000;outline:2px solid #1f3c88}input[type=range]:focus{color:#000;outline:2px solid #1f3c88}input[type=date]:focus{color:#000;outline:2px solid #1f3c88}input[type=month]:focus{color:#000;outline:2px solid #1f3c88}input[type=week]:focus{color:#000;outline:2px solid #1f3c88}input[type=time]:focus{color:#000;outline:2px solid #1f3c88}input[type=datetime]:focus{color:#000;outline:2px solid #1f3c88}input[type=datetime-local]:focus{color:#000;outline:2px solid #1f3c88}input[type=color]:focus{color:#000;outline:2px solid #1f3c88}select{padding:var(--space-sm);border:none;border-radius:.2rem}a{color:#1f3c88;text-decoration:none;transition:color .3s;display:inline-block}a:hover{text-decoration:underline}a:focus:not(:focus-visible){outline:none}a:focus{outline-offset:2px;outline:thin dotted #1f3c88}a:hover,a:active{outline:0}img{max-width:100%;height:auto}table{width:100%;margin:0 0 1.5rem}html{font-size:var(--font-size)}@media (min-width:1200px){html{font-size:calc(var(--font-size)*1.25)}}body,button,input,select,optgroup,textarea{color:#000;font-family:var(--font-geist-sans),system-ui,sans-serif;font-size:1rem;line-height:1.75}.h1,h1,.h2,h2,.h3,h3,.h4,h4,.h5,h5{font-family:var(--font-geist-sans),serif;margin:3rem 0 1.38rem;font-weight:400;line-height:1.3}.h1,h1{font-size:var(--font-size-h1);margin-top:0}.h2,h2{font-size:var(--font-size-h2)}.h3,h3{font-size:var(--font-size-h3)}.h4,h4{font-size:var(--font-size-h4)}.h5,h5{font-size:var(--font-size-h5)}.small,small{font-size:var(--font-size-small)}p{margin-bottom:1.5rem}.modal{z-index:1000;position:relative}.modal__backdrop,.export-modal-overlay{backdrop-filter:blur(4px);z-index:998;cursor:pointer;background:rgba(0,0,0,.5);animation:.2s modalFadeIn;position:fixed;inset:0}.modal__container,.export-modal{z-index:999;background:#fff;border-radius:12px;flex-direction:column;width:90vw;max-width:600px;max-height:80vh;animation:.3s modalSlideIn;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.modal__header,.export-modal__header{border-bottom:1px solid #8a8b8b;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.modal__title,.export-modal__title{color:#000;font-size:18px;font-weight:600;font-family:var(--font-geist-sans),system-ui,sans-serif;margin:0}.modal__close,.export-modal__close{cursor:pointer;color:#506778;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.modal__close:hover,.export-modal__close:hover{color:#000;background:#f8fbfd}.modal__close:focus,.export-modal__close:focus{outline:none;box-shadow:0 0 0 2px rgba(28,208,250,.2)}.modal__content,.export-modal__content{flex:1;overflow:hidden auto}.modal__footer,.export-modal__footer{justify-content:flex-end;align-items:center;gap:var(--space-sm);border-top:1px solid #8a8b8b;flex-shrink:0;padding:20px 24px;display:flex}.modal--small .modal__container,.modal--small .export-modal{max-width:400px}.modal--medium .modal__container,.modal--medium .export-modal{max-width:600px}.modal--large .modal__container,.modal--large .export-modal{max-width:800px}.modal--wide .modal__container,.modal--wide .export-modal{max-width:900px}.modal--full-height .modal__container,.modal--full-height .export-modal{max-height:95vh}.modal--no-padding .modal__content,.modal--no-padding .export-modal__content{padding:0}.modal--header-accent .modal__header,.modal--header-accent .export-modal__header{background:#f8fbfd}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.95)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@media (max-width:640px){.modal__container,.export-modal{width:95vw;max-height:85vh;margin:var(--space-sm)}.modal__header,.export-modal__header{padding:16px 20px 12px}.modal__footer,.export-modal__footer{gap:var(--space-xs);flex-direction:column-reverse;padding:16px 20px}.modal__title,.export-modal__title{font-size:16px}}@media (max-width:480px){.modal__container,.export-modal{border-radius:0;width:100vw;height:100vh;max-height:100vh;top:0;left:0;transform:none}.modal__header,.export-modal__header,.modal__footer,.export-modal__footer{padding:12px 16px}}.site-header{width:100%;padding:var(--space-sm)0;z-index:100;transition:background-color .3s,box-shadow .3s;position:fixed;top:0;left:0}.site-header--scrolled{background-color:#fff}.site-header--scrolled .nav__logo{color:#0caacc;box-shadow:none}.site-header--scrolled .nav__link{color:#000}.site-header--scrolled .nav__toggle-bar{background-color:#000}.nav{width:100%}.nav__wrapper{justify-content:space-between;align-items:center;display:flex;position:relative}.nav__logo{font-family:var(--font-geist-sans),serif;font-size:var(--font-size-h4);color:#fff;letter-spacing:.02em;text-shadow:1px 1px 2px rgba(0,0,0,.1);font-weight:400;line-height:1.1;transition:color .3s}.nav__logo:hover{color:#6adffc;text-decoration:none}@media (min-width:768px){.nav__logo{font-size:calc(var(--font-size-h4)*1.1)}}.nav__toggle{cursor:pointer;z-index:20;background:0 0;border:none;flex-direction:column;justify-content:space-between;width:30px;min-width:auto;height:21px;min-height:auto;padding:0;display:flex}@media (min-width:768px){.nav__toggle{display:none}}.nav__toggle:hover{background-color:transparent}.nav__toggle:focus{outline:none}.nav__toggle-bar{background-color:#fff;border-radius:3px;width:100%;height:3px;transition:transform .3s,opacity .3s,background-color .3s;display:block}.nav__toggle[aria-expanded=true] .nav__toggle-bar:first-child{transform:translateY(9px)rotate(45deg)}.nav__toggle[aria-expanded=true] .nav__toggle-bar:nth-child(2){opacity:0}.nav__toggle[aria-expanded=true] .nav__toggle-bar:nth-child(3){transform:translateY(-9px)rotate(-45deg)}.nav__backdrop{z-index:5;cursor:pointer;background-color:rgba(0,0,0,.5);width:100%;height:100%;position:fixed;top:0;left:0}@media (min-width:768px){.nav__backdrop{display:none}}.nav__menu{width:80%;max-width:300px;height:100vh;padding:var(--space-xxl)var(--space-lg);z-index:10;background:linear-gradient(135deg,#8a8b8b 0%,#fff 100%);border-right:4px solid #1cd0fa;transition:left .3s;position:fixed;top:0;left:-100%;overflow-y:auto}.nav__menu:before{content:"";opacity:.8;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg width='52' height='26' viewBox='0 0 52 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%231cd0fa' fill-opacity='0.05'%3E%3Cpath d='M10 10c0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6h2c0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4v2c-3.314 0-6-2.686-6-6 0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6zm25.464-1.95l8.486 8.486-1.414 1.414-8.486-8.486 1.414-1.414z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");width:100%;height:100%;position:absolute;top:0;left:0}@media (min-width:768px){.nav__menu{background:0 0;border-right:none;width:auto;max-width:100%;height:auto;padding:0;display:block;position:static;overflow-y:visible}.nav__menu:before{display:none}}.nav__menu--open{left:0;box-shadow:5px 0 25px rgba(0,0,0,.15)}.nav__links{gap:var(--space-lg);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}@media (min-width:768px){.nav__links{align-items:center;gap:var(--space-md);flex-direction:row}}.nav__item{margin:0;position:relative}@media (max-width:767.98px){.nav__item:after{content:"";opacity:.5;background-color:#6adffc;width:40px;height:2px;position:absolute;bottom:-10px;left:0}}.nav__item--cta{display:none}@media (min-width:768px){.nav__item--cta{margin-left:var(--space-md);display:block}}.nav__link{color:#1f3c88;font-size:var(--font-size-base);padding:var(--space-xs);font-weight:600;text-decoration:none;transition:color .3s,transform .2s;display:inline-block;position:relative}.nav__link:after{content:"";background-color:#6adffc;width:0;height:2px;transition:width .3s,left .3s;position:absolute;bottom:0;left:50%}.nav__link:hover{text-decoration:none}@media (max-width:767.98px){.nav__link{font-size:calc(var(--font-size-base)*1.2)}.nav__link:hover,.nav__link:focus{color:#1cd0fa;transform:translate(5px)}}@media (min-width:768px){.nav__link{color:#fff;font-weight:500}.nav__link:hover:after,.nav__link:focus:after{width:100%;left:0}}.visual-controls{width:300px;height:100vh;font-family:var(--font-geist-sans),system-ui,sans-serif;background-color:#fff;border-right:1px solid #e5e7eb;padding:0;overflow-y:auto}.visual-controls__header{padding:var(--space-md);border-bottom:1px solid #f3f4f6}.visual-controls__title{font-size:var(--font-size-base);color:#000;text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:13px;font-weight:600}.visual-controls__section{border-bottom:1px solid #ddd}.visual-controls__section:last-child{border-bottom:none}.visual-controls__section-title{color:#000;padding:var(--space-sm)var(--space-sm);text-transform:uppercase;letter-spacing:.8px;margin:0;font-size:11px;font-weight:600}.visual-controls__section-content{padding:var(--space-sm)var(--space-md)var(--space-md)}.visual-controls__control{margin-bottom:var(--space-md)}.visual-controls__control:last-child{margin-bottom:0}.visual-controls__control--compact{margin-bottom:var(--space-sm)}.visual-controls__control-row{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.visual-controls__control-row:last-child{margin-bottom:0}.visual-controls__label{color:#374151;margin-bottom:var(--space-xs);font-size:12px;font-weight:500;font-family:var(--font-geist-sans),system-ui,sans-serif;line-height:1.3;display:block}.visual-controls__label-inline{color:#374151;font-size:12px;font-weight:500;font-family:var(--font-geist-sans),system-ui,sans-serif;flex-shrink:0;min-width:70px}.visual-controls__select,.visual-controls__input,.visual-controls__number-input{width:100%;padding:var(--space-xxs)var(--space-xs);font-size:12px;font-family:var(--font-geist-sans),system-ui,sans-serif;color:#000;background-color:#fff;border-radius:4px;line-height:1.3;border:1px solid #d1d5db!important}.visual-controls__select:focus,.visual-controls__input:focus,.visual-controls__number-input:focus{border-color:#1cd0fa;outline:none;box-shadow:0 0 0 1px #1cd0fa}.visual-controls__select:hover,.visual-controls__input:hover,.visual-controls__number-input:hover{border-color:#9ca3af}.visual-controls__select optgroup,.visual-controls__input optgroup,.visual-controls__number-input optgroup{font-size:12px;font-family:var(--font-geist-sans),system-ui,sans-serif;color:#374151;padding:4px 8px 2px;font-weight:600}.visual-controls__select option,.visual-controls__input option,.visual-controls__number-input option{font-size:12px;font-family:var(--font-geist-sans),system-ui,sans-serif;color:#000;padding:2px 8px;font-weight:400;line-height:1.3}.visual-controls__number-input{text-align:center;max-width:80px}.visual-controls__range{cursor:pointer;appearance:none;border:none;flex:1;min-width:100px;height:20px;background:0 0!important}.visual-controls__range:focus{outline:none}.visual-controls__range::-webkit-slider-track{background:#e5e7eb;border:none;border-radius:3px;width:100%;height:6px;box-shadow:inset 0 1px 2px rgba(0,0,0,.05)}.visual-controls__range::-webkit-slider-runnable-track{background:#ddd;border:none;border-radius:3px;width:100%;height:6px;box-shadow:inset 0 1px 2px rgba(0,0,0,.05)}.visual-controls__range::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#1cd0fa;border:3px solid #fff;border-radius:50%;width:18px;height:18px;margin-top:-6px;transition:all .15s;box-shadow:0 2px 6px rgba(0,0,0,.15)}.visual-controls__range::-webkit-slider-thumb:hover{background:#0caacc;transform:scale(1.1);box-shadow:0 3px 8px rgba(0,0,0,.2)}.visual-controls__range::-webkit-slider-thumb:active{transform:scale(1.05)}.visual-controls__range::-moz-range-track{background:#e5e7eb;border:none;border-radius:3px;width:100%;height:6px;box-shadow:inset 0 1px 2px rgba(0,0,0,.05)}.visual-controls__range::-moz-range-progress{background:#e5e7eb;border-radius:3px;height:6px}.visual-controls__range::-moz-range-thumb{cursor:pointer;background:#1cd0fa;border:3px solid #fff;border-radius:50%;width:18px;height:18px;transition:all .15s;box-shadow:0 2px 6px rgba(0,0,0,.15)}.visual-controls__range::-moz-range-thumb:hover{background:#0caacc;transform:scale(1.1);box-shadow:0 3px 8px rgba(0,0,0,.2)}.visual-controls__range::-moz-range-thumb:active{transform:scale(1.05)}.visual-controls__range:focus::-webkit-slider-thumb{box-shadow:0 2px 6px rgba(0,0,0,.15),0 0 0 3px rgba(28,208,250,.2)}.visual-controls__range:focus::-moz-range-thumb{box-shadow:0 2px 6px rgba(0,0,0,.15),0 0 0 3px rgba(28,208,250,.2)}.visual-controls__color-control{align-items:center;gap:var(--space-sm);display:flex}.visual-controls__color-swatch-small{cursor:pointer;background-image:linear-gradient(45deg,#f0f0f0 25%,transparent 25%),linear-gradient(-45deg,#f0f0f0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f0f0f0 75%),linear-gradient(-45deg,transparent 75%,#f0f0f0 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px;border:1px solid #d1d5db;border-radius:3px;flex-shrink:0;width:20px;height:20px;position:relative}.visual-controls__color-swatch-small:hover{border-color:#1cd0fa}.visual-controls__color-input-small{cursor:pointer;opacity:0;border:none;width:100%;height:100%;padding:0;position:absolute;top:0;left:0}.visual-controls__color-input-small::-webkit-color-swatch-wrapper{border:none;padding:0}.visual-controls__color-input-small::-webkit-color-swatch{border:none}.visual-controls__color-input-small::-moz-color-swatch{border:none}.visual-controls__color-overlay-small{pointer-events:none;border-radius:2px;width:100%;height:100%;position:absolute;top:0;left:0}.visual-controls__color-hex{color:#6b7280;padding:var(--space-xxs)var(--space-xs);background:0 0;flex:1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;border:1px solid #d1d5db!important}.visual-controls__color-hex:focus{color:#000;outline:none}.visual-controls__button{justify-content:center;align-items:center;gap:var(--space-xxs);padding:var(--space-xs);color:#fff;cursor:pointer;background:#1cd0fa;border:none;border-radius:6px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.visual-controls__button:hover{background:#05c8f5;transform:translateY(-1px)}.visual-controls__button:active{transform:translateY(0)}.visual-controls__button--small{padding:var(--space-sm)var(--space-md);min-width:auto;font-size:11px}.visual-controls__button--active{color:#fff;background-color:#1cd0fa}.visual-controls__button--full-width{width:100%}.visual-controls__button--icon{gap:var(--space-xs)}.visual-controls__button svg{transition:transform .2s}.visual-controls__button:hover svg{transform:rotate(15deg)scale(1.1)}.visual-controls__icon{color:#fff;flex-shrink:0;transition:transform .2s}.visual-controls__button-group{gap:4px;display:flex}.visual-controls__button-group .visual-controls__button{flex:1}.visual-controls__range-display{color:#6b7280;text-align:right;flex-shrink:0;min-width:35px;font-size:12px;font-weight:500}.visual-controls__font-pairings{margin-top:12px}.visual-controls__pairing-list{flex-direction:column;gap:8px;max-height:400px;margin-top:12px;display:flex;overflow-y:auto}.visual-controls__pairing-list::-webkit-scrollbar{width:4px}.visual-controls__pairing-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.visual-controls__pairing-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}.visual-controls__pairing-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.visual-controls__pairing-card{cursor:pointer;background:#fff;border:1px solid #e9ecef;border-radius:6px;padding:12px;transition:all .2s}.visual-controls__pairing-card:hover{border-color:#1cd0fa;transform:translateY(-1px)}.visual-controls__pairing-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.visual-controls__pairing-name{color:#1f2937;margin:0;font-size:13px;font-weight:600}.visual-controls__pairing-category{color:#6b7280;text-transform:uppercase;background:#e5e7eb;border-radius:12px;padding:2px 8px;font-size:10px;font-weight:500}.visual-controls__pairing-description{color:#6b7280;margin:0 0 8px;font-size:11px}.visual-controls__pairing-preview{border-top:1px solid #e9ecef;padding-top:8px}.visual-controls__pairing-heading{color:#1f2937;margin-bottom:4px;font-size:14px;font-weight:600;line-height:1.2}.visual-controls__pairing-body{color:#4b5563;font-size:11px;line-height:1.4}@media (max-width:991.98px){.visual-controls{width:280px}}@media (max-width:767.98px){.visual-controls{z-index:1000;transition:transform .3s;position:fixed;top:0;left:0;transform:translate(-100%)}.visual-controls--open{transform:translate(0)}.visual-controls__overlay{z-index:999;opacity:0;visibility:hidden;background-color:rgba(0,0,0,.5);width:100vw;height:100vh;transition:all .3s;position:fixed;top:0;left:0}.visual-controls__overlay--visible{opacity:1;visibility:visible}}.visual-controls__toggle-wrapper{align-items:center;gap:var(--space-xs);display:flex}.visual-controls__toggle{cursor:pointer;background-color:#d1d5db;border:none;border-radius:10px;width:36px;height:20px;transition:background-color .2s;position:relative}.visual-controls__toggle:focus{outline:none;box-shadow:0 0 0 2px rgba(28,208,250,.2)}.visual-controls__toggle--active{background-color:#1cd0fa}.visual-controls__toggle-thumb{background-color:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.visual-controls__toggle--active .visual-controls__toggle-thumb{transform:translate(16px)}.visual-controls__toggle-label{color:#6b7280;min-width:24px;font-size:12px;font-weight:500}.visual-controls__shadow-options{gap:var(--space-xs);display:flex}.visual-controls__shadow-option{align-items:center;gap:var(--space-xxs);padding:var(--space-xs);cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;flex-direction:column;flex:1;transition:all .15s;display:flex}.visual-controls__shadow-option:hover,.visual-controls__shadow-option--active{border-color:#1cd0fa}.visual-controls__shadow-option--active .visual-controls__shadow-label{color:#1cd0fa;font-weight:600}.visual-controls__shadow-preview{justify-content:center;align-items:center;width:24px;height:20px;display:flex}.visual-controls__shadow-preview--subtle .visual-controls__shadow-box{box-shadow:0 1px 2px rgba(0,0,0,.05)}.visual-controls__shadow-preview--medium .visual-controls__shadow-box{box-shadow:0 2px 4px -1px rgba(0,0,0,.1)}.visual-controls__shadow-preview--dramatic .visual-controls__shadow-box{box-shadow:0 4px 6px rgba(0,0,0,.15)}.visual-controls__shadow-box{background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:2px;width:12px;height:12px}.visual-controls__shadow-label{color:#6b7280;text-align:center;text-transform:capitalize;font-size:10px;font-weight:500}.visual-controls__logo-preview{margin-top:var(--space-sm)}.visual-controls__logo-preview-text{transition:all .2s}.visual-controls__logo-preview-text:hover{transform:scale(1.02)}.visual-controls__text-input{width:100%;padding:var(--space-xxs)var(--space-xs);background-color:#fff;border-radius:6px;font-family:inherit;font-size:12px;transition:all .2s;border:1px solid #d1d5db!important}.visual-controls__text-input:focus{border-color:#1cd0fa;outline:none;box-shadow:0 0 0 3px rgba(28,208,250,.1)}.visual-controls__text-input::placeholder{color:#9ca3af}.visual-controls__radio-group{gap:var(--space-xs);flex-wrap:wrap;display:flex}.visual-controls__radio-label{align-items:center;gap:var(--space-xxs);cursor:pointer;color:#6b7280;padding:var(--space-xxs)var(--space-xs);background-color:#fff;border:1px solid #e5e7eb;border-radius:4px;font-size:12px;transition:all .2s;display:flex}.visual-controls__radio-label:hover{background-color:#f9fafb;border-color:#1cd0fa}.visual-controls__radio-label:has(input:checked){color:#1cd0fa;background-color:rgba(59,130,246,.1);border-color:#1cd0fa;font-weight:500}.visual-controls__radio{accent-color:#1cd0fa;opacity:0;pointer-events:none;width:14px;height:14px;margin:0;position:absolute}.visual-controls__radio-text{font-size:11px;font-weight:inherit;color:inherit}.visual-controls__icon-toggle{align-items:center;gap:var(--space-xs);padding:var(--space-xs)var(--space-sm);color:#6b7280;cursor:pointer;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.visual-controls__icon-toggle:hover{background:#e5e7eb}.visual-controls__icon-toggle--active{color:#1cd0fa;background:rgba(59,130,246,.1);border-color:#1cd0fa}.visual-controls__icon-toggle svg{width:14px;height:14px}.visual-controls__icon-picker{width:100%;position:relative}.visual-controls__icon-picker-button{width:100%;padding:var(--space-xs)var(--space-sm);cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;justify-content:space-between;align-items:center;font-size:12px;transition:all .2s;display:flex}.visual-controls__icon-picker-button:hover{border-color:#1cd0fa}.visual-controls__icon-picker-button:focus{border-color:#1cd0fa;outline:none;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.visual-controls__icon-picker-current{align-items:center;gap:var(--space-xs);color:#374151;font-weight:500;display:flex}.visual-controls__icon-picker-current svg{color:#6b7280}.visual-controls__icon-picker-dropdown{z-index:100;background:#fff;border:1px solid #e5e7eb;border-radius:8px;max-height:300px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.visual-controls__icon-categories-wrapper{position:relative}.visual-controls__icon-categories-wrapper:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(270deg,#fff,transparent);width:24px;height:100%;position:absolute;top:0;right:0}.visual-controls__icon-categories{scroll-behavior:smooth;border-bottom:1px solid #e5e7eb;padding-right:24px;display:flex;position:relative;overflow-x:auto}.visual-controls__icon-categories::-webkit-scrollbar{height:6px}.visual-controls__icon-categories::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.visual-controls__icon-categories::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:3px}.visual-controls__icon-categories::-webkit-scrollbar-thumb:hover{background:#6b7280}.visual-controls__icon-categories:not(:hover)::-webkit-scrollbar{height:3px}.visual-controls__icon-categories:not(:hover)::-webkit-scrollbar-thumb{background:#d1d5db}.visual-controls__icon-category{padding:var(--space-xs)var(--space-sm);color:#6b7280;cursor:pointer;background:0 0;border:none;flex-shrink:0;font-size:11px;font-weight:500;transition:all .2s}.visual-controls__icon-category:hover{color:#374151;background:#f9fafb}.visual-controls__icon-category--active{color:#1cd0fa;background:rgba(59,130,246,.1);border-bottom:2px solid #1cd0fa}.visual-controls__icon-grid{grid-gap:2px;padding:var(--space-xs);grid-template-columns:repeat(6,1fr);gap:2px;max-height:200px;display:grid;overflow-y:auto}.visual-controls__icon-grid::-webkit-scrollbar{width:4px}.visual-controls__icon-grid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.visual-controls__icon-grid::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}.visual-controls__icon-grid-item{cursor:pointer;color:#6b7280;background:0 0;border:1px solid transparent;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.visual-controls__icon-grid-item:hover{color:#374151;background:#f3f4f6;border-color:#d1d5db}.visual-controls__icon-grid-item--selected{color:#1cd0fa;background:rgba(59,130,246,.1);border-color:#1cd0fa}.visual-controls__icon-grid-item svg{width:18px;height:18px}.mobile-frame{padding:var(--space-lg);justify-content:center;align-items:center;display:flex}.mobile-frame__device{background:linear-gradient(145deg,#2a2a2a,#1a1a1a);border-radius:40px;width:375px;height:812px;padding:8px;position:relative;box-shadow:0 0 0 2px #333,0 20px 60px rgba(0,0,0,.4),0 8px 25px rgba(0,0,0,.3)}.mobile-frame__device:before{content:"";background:#333;border-radius:0 2px 2px 0;width:3px;height:60px;position:absolute;top:180px;right:-3px}.mobile-frame__device:after{content:"";background:#333;border-radius:2px 0 0 2px;width:3px;height:30px;position:absolute;top:120px;left:-3px;box-shadow:0 45px #333}.mobile-frame__screen{background:#000;border-radius:32px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.mobile-frame__screen:before{content:"";z-index:100;background:#000;border-radius:19px;width:126px;height:37px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.mobile-frame__status-bar{color:#fff;z-index:50;justify-content:space-between;align-items:center;margin-top:44px;padding:14px 24px 8px;font-size:17px;font-weight:600;display:flex;position:relative}.mobile-frame__status-left{flex:1}.mobile-frame__time{letter-spacing:-.2px;color:#fff;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:17px;font-weight:600}.mobile-frame__status-right{align-items:center;gap:6px;display:flex}.mobile-frame__signal-bars{align-items:end;gap:3px;display:flex}.mobile-frame__signal-bars span{background:#fff;border-radius:1px;width:3px}.mobile-frame__signal-bars span:first-child{height:4px}.mobile-frame__signal-bars span:nth-child(2){height:6px}.mobile-frame__signal-bars span:nth-child(3){height:8px}.mobile-frame__signal-bars span:nth-child(4){height:10px}.mobile-frame__battery{border:1px solid #fff;border-radius:3px;width:27px;height:13px;position:relative}.mobile-frame__battery:after{content:"";background:#000;border-radius:0 1px 1px 0;width:2px;height:5px;position:absolute;top:3px;right:-4px}.mobile-frame__battery-level{background:#34c759;border-radius:1px;width:80%;position:absolute;inset:1px}.mobile-frame__content{flex:1;position:relative;overflow:hidden auto}.mobile-frame__content::-webkit-scrollbar{width:2px}.mobile-frame__content::-webkit-scrollbar-track{background:0 0}.mobile-frame__content::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:1px}.mobile-frame__home-indicator{opacity:.3;background:#000;border-radius:3px;width:134px;height:5px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}@media (max-width:991.98px){.mobile-frame{padding:var(--space-md)}.mobile-frame__device{width:320px;height:693px;transform:scale(.85)}}@media (max-width:767.98px){.mobile-frame{padding:var(--space-sm)}.mobile-frame__device{transform:scale(.75)}}.template-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:0}.template-header__content{justify-content:space-between;align-items:center;max-width:100%;padding:8px 20px;display:flex}.template-header__selector{flex:none}.template-header__dropdown{appearance:none;color:#374151;cursor:pointer;background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e") right 8px center/16px no-repeat;border:1px solid #d1d5db;border-radius:6px;min-width:140px;padding:8px 32px 8px 12px;font-size:14px;font-weight:500;transition:all .2s}.template-header__dropdown:hover{border-color:#9ca3af;box-shadow:0 1px 3px rgba(0,0,0,.1)}.template-header__dropdown:focus{border-color:#1cd0fa;outline:none;box-shadow:0 0 0 3px rgba(28,208,250,.1)}.template-header__controls{align-items:center;gap:16px;display:flex}.template-header__view-toggle{background:#f3f4f6;border-radius:8px;gap:1px;padding:2px;display:flex}.template-header__view-button{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px 12px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.template-header__view-button:hover{color:#374151;background:#e5e7eb}.template-header__view-button--active{color:#1cd0fa;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1)}.template-header__view-button--active:hover{color:#0caacc;background:#fff}.template-header__view-button svg{transition:color .2s}.template-header__zoom-controls{background:#f3f4f6;border-radius:8px;align-items:center;gap:1px;padding:2px;display:flex}.template-header__zoom-button{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px 12px;transition:all .2s;display:flex}.template-header__zoom-button:hover:not(:disabled){color:#374151;background:#e5e7eb}.template-header__zoom-button:disabled{opacity:.4;cursor:not-allowed}.template-header__zoom-button svg{transition:color .2s}.template-header__zoom-reset{color:#374151;cursor:pointer;font-size:12px;font-weight:600;font-family:var(--font-geist-sans),system-ui,sans-serif;background:#fff;border:none;border-radius:6px;justify-content:center;align-items:center;min-width:48px;padding:6px 10px;transition:all .2s;display:flex;box-shadow:0 1px 2px rgba(0,0,0,.05)}.template-header__zoom-reset:hover{color:#1cd0fa;background:#f9fafb;box-shadow:0 1px 3px rgba(0,0,0,.1)}.template-header__actions{align-items:center;gap:8px;display:flex}.template-header__action-button{color:#fff;cursor:pointer;font-size:14px;font-weight:500;font-family:var(--font-geist-sans),system-ui,sans-serif;white-space:nowrap;background:#1cd0fa;border:1px solid #1cd0fa;border-radius:6px;justify-content:center;align-items:center;gap:6px;height:36px;padding:0 12px;transition:all .2s;display:flex}.template-header__action-button:hover{background:#05c8f5;border-color:#05c8f5;transform:translateY(-1px);box-shadow:0 2px 4px rgba(28,208,250,.2)}.template-header__action-button:active{background:#05bce7;transform:translateY(0);box-shadow:0 1px 2px rgba(28,208,250,.2)}.template-header__action-button:focus{outline:none;box-shadow:0 0 0 3px rgba(28,208,250,.2)}.template-header__action-button svg{flex-shrink:0;transition:all .2s}@media (max-width:767.98px){.template-header__content{gap:12px;padding:8px 16px}.template-header__dropdown{min-width:120px;padding:6px 28px 6px 10px;font-size:13px}.template-header__view-button{padding:6px 10px}.template-header__zoom-button{padding:5px 6px}.template-header__zoom-reset{min-width:42px;padding:5px 8px;font-size:11px}.template-header__action-button{gap:4px;height:32px;padding:0 10px;font-size:13px}.template-header__action-button svg{width:14px;height:14px}.template-header__actions{gap:6px}}@media (max-width:575.98px){.template-header__actions,.template-header__zoom-controls{display:none}.template-header__controls{gap:12px}}.accessibility-score{backdrop-filter:blur(10px);font-family:var(--font-geist-sans),system-ui,sans-serif;z-index:1000;background:rgba(255,255,255,.95);border:1px solid rgba(0,0,0,.1);border-radius:12px;min-width:200px;font-size:12px;transition:all .2s;position:fixed;bottom:20px;right:20px;box-shadow:0 8px 25px rgba(0,0,0,.15)}.accessibility-score:hover{background:rgba(255,255,255,.98);transform:translateY(-2px);box-shadow:0 12px 35px rgba(0,0,0,.2)}.accessibility-score__header{align-items:center;gap:var(--space-xs);background:rgba(248,250,252,.8);border-bottom:1px solid rgba(0,0,0,.08);border-radius:12px 12px 0 0;padding:12px 16px;display:flex}.accessibility-score__icon{color:#1cd0fa;flex-shrink:0}.accessibility-score__title{color:#1f2937;flex:1;font-size:13px;font-weight:600}.accessibility-score__percentage{border-radius:6px;padding:2px 8px;font-size:14px;font-weight:700}.accessibility-score__percentage--excellent{color:#fff;background:#10b981}.accessibility-score__percentage--good{color:#fff;background:#3b82f6}.accessibility-score__percentage--warning{color:#fff;background:#f59e0b}.accessibility-score__percentage--poor{color:#fff;background:#ef4444}.accessibility-score__percentage--critical{color:#dc2626;background:rgba(220,38,38,.1)}.accessibility-score__content{padding:var(--space-sm);gap:var(--space-xs);flex-direction:column;display:flex}.accessibility-score__insights{color:#6b7280;margin-bottom:var(--space-xs);padding:var(--space-xxs)var(--space-xs);background:rgba(243,244,246,.5);border-left:2px solid #1cd0fa;border-radius:4px;font-size:11px;font-style:italic}.accessibility-score__item{gap:var(--space-xxs);flex-direction:column;display:flex}.accessibility-score__item-header{justify-content:between;align-items:center;display:flex}.accessibility-score__label{color:#374151;flex:1;font-size:11px;font-weight:500}.accessibility-score__ratio{color:#6b7280;margin-left:var(--space-xxs);background:#f9fafb;border-radius:2px;padding:1px 4px;font-family:Courier New,monospace;font-size:10px}.accessibility-score__badges{align-items:center;gap:var(--space-xxs);display:flex}.accessibility-score__badge{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:700}.accessibility-score__badge--pass{color:#fff;background:#10b981}.accessibility-score__badge--fail{color:#fff;background:#ef4444}.accessibility-score__badge--aaa{color:#fff;background:#3b82f6}.accessibility-score__weight{color:#9ca3af;cursor:help;background:#f3f4f6;border-radius:2px;padding:1px 4px;font-size:9px;font-weight:500}.accessibility-score__accordion-toggle{width:100%;padding:var(--space-xs)0;cursor:pointer;color:#6b7280;margin-top:var(--space-xs);background:0 0;border:none;border-top:1px solid rgba(0,0,0,.05);justify-content:space-between;align-items:center;font-size:10px;transition:color .2s;display:flex}.accessibility-score__accordion-toggle:hover{color:#374151}.accessibility-score__accordion-toggle:focus{color:#1cd0fa;outline:none}.accessibility-score__accordion-label{font-weight:500}.accessibility-score__accordion-icon{color:#1cd0fa;transition:transform .2s}.accessibility-score__accordion-content{padding-top:var(--space-xs);border-top:1px solid rgba(0,0,0,.05);animation:.2s ease-out slideDown}.accessibility-score__item--accordion{margin-top:var(--space-xs);padding-top:var(--space-xs);border-top:1px solid rgba(0,0,0,.03)}.accessibility-score__item--accordion:first-child{border-top:none;margin-top:0;padding-top:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (max-width:767.98px){.accessibility-score{min-width:180px;font-size:11px;bottom:16px;right:16px}.accessibility-score__header,.accessibility-score__content{padding:10px 12px}.accessibility-score__title{font-size:12px}.accessibility-score__percentage{padding:1px 6px;font-size:13px}}@media (max-width:575.98px){.accessibility-score{min-width:160px;bottom:12px;right:12px}.accessibility-score__label{font-size:10px}.accessibility-score__badge{padding:1px 4px;font-size:8px}}.export-modal-overlay{z-index:9999;padding:var(--space-md);justify-content:center;align-items:center;display:flex}.export-modal{background:#fff;width:100%;max-width:800px;max-height:90vh}.export-modal__header{padding:var(--space-lg);background:#f9fafb}.export-modal__title{font-size:var(--font-size-lg);color:#1f2937}.export-modal__close{padding:var(--space-xs);color:#6b7280}.export-modal__close:hover{color:#374151;background:#e5e7eb}.export-modal__close:focus{outline:none;box-shadow:0 0 0 2px #1cd0fa}.export-modal__content{padding:var(--space-lg);flex-direction:column;display:flex}.export-modal__description{font-size:var(--font-size-base);color:#6b7280;margin:0 0 var(--space-lg)0;line-height:1.6;font-family:var(--font-geist-sans),system-ui,sans-serif}.export-modal__preview{border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;flex:1;min-height:300px;display:flex;overflow:hidden}.export-modal__preview-header{padding:var(--space-sm)var(--space-md);background:#f3f4f6;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;display:flex}.export-modal__filename{font-size:var(--font-size-sm);color:#374151;font-family:Courier New,monospace;font-weight:500}.export-modal__preview-actions{gap:var(--space-xs);display:flex}.export-modal__preview-button{align-items:center;gap:var(--space-xs);padding:var(--space-xs)var(--space-sm);font-size:var(--font-size-sm);color:#374151;cursor:pointer;font-weight:500;font-family:var(--font-geist-sans),system-ui,sans-serif;background:0 0;border:1px solid #d1d5db;border-radius:6px;transition:all .2s;display:flex}.export-modal__preview-button:hover{background:#f9fafb;border-color:#9ca3af}.export-modal__preview-button:focus{border-color:#1cd0fa;outline:none;box-shadow:0 0 0 1px #1cd0fa}.export-modal__code{padding:var(--space-md);color:#1f2937;white-space:pre;background:#f8fafc;flex:1;margin:0;font-family:Courier New,Monaco,monospace;font-size:12px;line-height:1.5;overflow:auto}.export-modal__code::-webkit-scrollbar{width:8px;height:8px}.export-modal__code::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.export-modal__code::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.export-modal__code::-webkit-scrollbar-thumb:hover{background:#94a3b8}.export-modal__code code{color:inherit;background:0 0;padding:0;font-family:inherit}.export-modal__footer{padding:var(--space-lg);background:#f9fafb}.export-modal__button{align-items:center;gap:var(--space-xs);padding:var(--space-sm)var(--space-md);font-size:var(--font-size-sm);cursor:pointer;font-weight:500;font-family:var(--font-geist-sans),system-ui,sans-serif;border:none;border-radius:6px;transition:all .2s;display:flex}.export-modal__button--secondary{color:#374151;background:#fff;border:1px solid #d1d5db}.export-modal__button--secondary:hover{background:#f9fafb;border-color:#9ca3af}.export-modal__button--secondary:focus{border-color:#1cd0fa;outline:none;box-shadow:0 0 0 1px #1cd0fa}.export-modal__button--primary{color:#fff;background:#1cd0fa;border:1px solid transparent}.export-modal__button--primary:hover{background:#05c8f5}.export-modal__button--primary:focus{outline:none;box-shadow:0 0 0 2px rgba(28,208,250,.2)}.export-modal--wide{max-width:900px}@media (max-width:767.98px){.export-modal__header,.export-modal__content,.export-modal__footer{padding:var(--space-md)}.export-modal__preview-header{padding:var(--space-xs)var(--space-sm)}.export-modal__code{padding:var(--space-sm);font-size:11px}.export-modal__footer .export-modal__button{justify-content:center;width:100%}}@media (max-width:575.98px){.export-modal__filename{display:none}.export-modal__preview-actions{justify-content:center;width:100%}}.export-formats{grid-gap:var(--space-md);gap:var(--space-md);margin-top:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}@media (max-width:767.98px){.export-formats{gap:var(--space-sm);grid-template-columns:1fr}}.export-format-card{padding:var(--space-lg);cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:12px;transition:all .2s;position:relative;overflow:hidden}.export-format-card:hover{border-color:#1cd0fa;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.export-format-card:active{transform:translateY(0)}.export-format-card--disabled{cursor:not-allowed;opacity:.6;background:#f9fafb}.export-format-card--disabled:hover{box-shadow:none;border-color:#e5e7eb;transform:none}.export-format-card__icon{color:#1cd0fa;width:48px;height:48px;margin-bottom:var(--space-md);background:rgba(28,208,250,.1);border-radius:8px;justify-content:center;align-items:center;display:flex}.export-format-card--disabled .export-format-card__icon{color:#9ca3af;background:#f3f4f6}.export-format-card__title{font-size:var(--font-size-lg);color:#1f2937;margin:0 0 var(--space-xs)0;font-weight:600;font-family:var(--font-geist-sans),system-ui,sans-serif;align-items:center;gap:var(--space-xs);display:flex}.export-format-card--disabled .export-format-card__title{color:#6b7280}.export-format-card__badge{color:#92400e;text-transform:uppercase;letter-spacing:.5px;background:#fef3c7;border-radius:4px;align-items:center;padding:2px 6px;font-size:10px;font-weight:500;display:inline-flex}.export-format-card__badge[data-status=pro]{color:#7c3aed;background:#ddd6fe}.export-format-card__description{font-size:var(--font-size-sm);color:#6b7280;line-height:1.5;font-family:var(--font-geist-sans),system-ui,sans-serif;margin:0}.export-format-card--disabled .export-format-card__description{color:#9ca3af}.export-format-card:not(.export-format-card--disabled):before{content:"";background:linear-gradient(90deg,transparent,rgba(28,208,250,.05),transparent);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.export-format-card:not(.export-format-card--disabled):hover:before{left:100%}@media (max-width:575.98px){.export-format-card{padding:var(--space-md)}.export-format-card__icon{width:40px;height:40px;margin-bottom:var(--space-sm)}.export-format-card__title{font-size:var(--font-size-base)}.export-format-card__description{font-size:var(--font-size-xs)}}.template-shimmer{z-index:10;pointer-events:none;position:absolute;inset:0;overflow:hidden}.template-shimmer__overlay{backdrop-filter:blur(.5px);background:rgba(255,255,255,.7);position:absolute;inset:0}.template-shimmer__animation{background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.8) 50%,transparent 70%);width:200%;height:200%;animation:1.5s ease-in-out infinite shimmer;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)}@keyframes shimmer{0%{transform:translate(-100%)translateY(-100%)rotate(45deg)}to{transform:translate(100%)translateY(100%)rotate(45deg)}}.template-shimmer.template-shimmer--entering{animation:.2s ease-out fadeIn}.template-shimmer.template-shimmer--exiting{animation:.3s ease-out fadeOut}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media (max-width:767.98px){.template-shimmer__animation{animation-duration:1.2s}}@media (prefers-reduced-motion:reduce){.template-shimmer__animation{animation:none}.template-shimmer__overlay{backdrop-filter:none;background:rgba(255,255,255,.8)}}.mobile-visual-controls{z-index:1000;background:#fff;border-top:1px solid #e5e7eb;border-radius:16px 16px 0 0;max-height:80vh;transition:all .3s;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px rgba(0,0,0,.1)}.mobile-visual-controls__handle{width:100%;padding:var(--space-md)var(--space-lg);align-items:center;gap:var(--space-xs);cursor:pointer;background:0 0;border:none;flex-direction:column;display:flex;position:relative}.mobile-visual-controls__handle:active{background:#f9fafb}.mobile-visual-controls__handle-bar{background:#d1d5db;border-radius:2px;width:36px;height:4px;transition:background-color .2s}.mobile-visual-controls__handle:hover .mobile-visual-controls__handle-bar{background:#9ca3af}.mobile-visual-controls__handle-text{font-size:var(--font-size-sm);color:#374151;margin-top:var(--space-xs);font-weight:500}.mobile-visual-controls__content{max-height:0;transition:max-height .3s;overflow:hidden}.mobile-visual-controls__content--expanded{max-height:60vh}.mobile-visual-controls__tabs{background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex}.mobile-visual-controls__tab{justify-content:center;align-items:center;gap:var(--space-xs);padding:var(--space-md);font-size:var(--font-size-sm);color:#6b7280;cursor:pointer;background:0 0;border:none;flex:1;font-weight:500;transition:all .2s;display:flex;position:relative}.mobile-visual-controls__tab:active{background:#e5e7eb}.mobile-visual-controls__tab--active{color:#1cd0fa;background:#fff}.mobile-visual-controls__tab--active:after{content:"";background:#1cd0fa;height:2px;position:absolute;bottom:0;left:0;right:0}.mobile-visual-controls__tab-content{padding:var(--space-lg);max-height:calc(60vh - 120px);overflow-y:auto}.mobile-visual-controls__color-grid{grid-gap:var(--space-md);gap:var(--space-md);margin-bottom:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}.mobile-visual-controls__randomize-button{justify-content:center;align-items:center;gap:var(--space-xs);width:100%;padding:var(--space-md);color:#fff;font-size:var(--font-size-sm);cursor:pointer;margin-bottom:var(--space-lg);background:#1cd0fa;border:none;border-radius:8px;font-weight:500;transition:all .2s;display:flex}.mobile-visual-controls__randomize-button:hover{background:#05c8f5;transform:translateY(-1px)}.mobile-visual-controls__randomize-button:active{transform:translateY(0)}.mobile-visual-controls__randomize-button svg{transition:transform .2s}.mobile-visual-controls__randomize-button:hover svg{transform:rotate(15deg)scale(1.1)}.mobile-visual-controls__color-item{gap:var(--space-xs);flex-direction:column;display:flex}.mobile-visual-controls__color-label{font-size:var(--font-size-sm);color:#374151;font-weight:500}.mobile-visual-controls__color-input{cursor:pointer;appearance:none;background:0 0;border:2px solid #e5e7eb;border-radius:8px;width:100%;height:44px;transition:border-color .2s}.mobile-visual-controls__color-input:focus{border-color:#1cd0fa;outline:none}.mobile-visual-controls__color-input::-webkit-color-swatch-wrapper{border:none;border-radius:6px;padding:0;overflow:hidden}.mobile-visual-controls__color-input::-webkit-color-swatch{border:none;border-radius:6px}.mobile-visual-controls__color-input::-moz-color-swatch{border:none;border-radius:6px}.mobile-visual-controls__fonts{gap:var(--space-lg);flex-direction:column;display:flex}.mobile-visual-controls__font-section{gap:var(--space-xs);flex-direction:column;display:flex}.mobile-visual-controls__font-label{font-size:var(--font-size-sm);color:#374151;font-weight:500}.mobile-visual-controls__font-select{width:100%;padding:var(--space-sm)var(--space-md);font-size:var(--font-size-base);color:#374151;cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:8px;transition:border-color .2s}.mobile-visual-controls__font-select:focus{border-color:#1cd0fa;outline:none}@media (min-width:768px) and (max-width:1024px){.mobile-visual-controls__color-grid{grid-template-columns:repeat(3,1fr)}.mobile-visual-controls__content--expanded{max-height:50vh}.mobile-visual-controls__tab-content{max-height:calc(50vh - 120px)}}@media (max-width:360px){.mobile-visual-controls__color-grid{grid-template-columns:1fr}.mobile-visual-controls__handle{padding:var(--space-sm)var(--space-md)}.mobile-visual-controls__tab-content{padding:var(--space-md)}}.container{width:100%;max-width:1600px;padding:0 var(--space-lg);margin:0 auto}