.preview-box #previewText,body{background-color:#f8f9fa;display:flex}.textsBox,.textsBox p{transform:translateZ(0);backface-visibility:hidden}.textsBox p,body{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.blog-footer a,.nav-link,.textsBox p,a{transition:color .2s ease-in-out}.category1,.textsBox{contain:layout style paint}.textsBox.loading,.textsBox[style*="opacity: 0"]{pointer-events:none}body{position:relative;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-weight:400;line-height:1.6;color:#2d3436;min-height:100vh;flex-direction:column}main{flex:1}h1,h2,h3,h4,h5,h6{font-family:Poppins,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;letter-spacing:-.01em;margin-top:0;color:#1a1a1a}h3,h4{color:#333;line-height:1.4}h1{font-size:1.75rem;font-weight:600;color:#1a1a1a}.nav-link,h2,h3,h4{font-weight:500}h2{font-size:1.5rem;color:#2d2d2d;margin-bottom:1.25rem;line-height:1.3}h3{font-size:1.25rem;margin-bottom:1rem}.textsBox p,h4{font-size:1.1rem}h4{margin-bottom:.75rem}.navbar{box-shadow:0 2px 4px rgba(0,0,0,.05)}.navbar-brand{font-family:Poppins,sans-serif;font-size:1.2rem;margin-left:.6rem!important;letter-spacing:-.01em}.darkBackground{background:#18222c!important}.navbar-dark{background-color:#18222c!important}.nav-link{padding:.5rem 1rem!important}.nav-link:hover,.text-decorator-box:hover .style-preview,.text-theme{color:#14b28f!important}.mainTitle{background-color:#fff;margin-bottom:-.7rem;padding:2rem 0;border-bottom:1px solid #e9ecef}.mainHeading{font-weight:600;color:#1a1a1a}.mainSubHeading{line-height:1.6;max-width:800px;margin:0 auto}.blog-footer p:last-child,.preview-box,.textsBox p{margin-bottom:0}.inputTextArea{font-size:1.15rem!important;padding:.75rem 1rem .75rem 2.5rem;background-image:url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='20' viewBox='0 0 16 16' fill-rule='evenodd'%3E%3Cpath d='M12.146.146a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-10 10a.5.5 0 0 1-.168.11l-5 2a.5.5 0 0 1-.65-.65l2-5a.5.5 0 0 1 .11-.168l10-10zM11.207 2.5 13.5 4.793 14.793 3.5 12.5 1.207 11.207 2.5zm1.586 3L10.5 3.207 4 9.707V10h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.293l6.5-6.5zm-9.761 5.175-.106.106-1.528 3.821 3.821-1.528.106-.106A.5.5 0 0 1 5 12.5V12h-.5a.5.5 0 0 1-.5-.5V11h-.5a.5.5 0 0 1-.468-.325z'%3E%3C/path%3E%3C/svg%3E ");background-size:18px 18px;background-repeat:no-repeat;background-position:1rem center;border:2px solid #e9ecef;border-radius:8px;transition:.2s ease-in-out}.inputTextArea:focus{border-color:#14b28f;box-shadow:0 0 0 3px rgba(20,178,143,.1);outline:0}.inputTextArea.font-selection-active{border-color:#007bff;box-shadow:0 0 0 3px rgba(0,123,255,.1);background-color:rgba(0,123,255,.02)}.input-section,.stickyHeader,.stickyTextBox{background-color:#fff;border-bottom:1px solid #e9ecef;margin-top:-1px;padding:.5rem 0}.modal-header,.preview-section{border-bottom:1px solid #e9ecef}.preview-box{transition:.3s;background:#fff;border-radius:8px;border:2px solid #e9ecef;box-shadow:0 2px 8px rgba(0,0,0,.08);padding:1rem}.preview-box #previewText{font-size:var(--preview-font-size, 16px);line-height:1.5;word-break:break-word;transition:.3s;min-height:50px;align-items:center;justify-content:center;padding:1rem 1.5rem;border-radius:8px;border:2px solid #dee2e6;margin-bottom:0;box-shadow:inset 0 1px 3px rgba(0,0,0,.05)}.preview-actions{display:flex;gap:.5rem}.action-btn{background:0 0;border:none;padding:.25rem;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:.2s;width:28px;height:28px}.text-decorator-box,.textsBox{background-color:#fff!important}.action-btn:hover{background-color:rgba(0,0,0,.05);transform:translateY(-1px)}.action-btn:active{transform:scale(.95)}.action-btn svg{width:16px;height:16px}.text-theme:hover{color:#0d8a6f!important}.text-decorator-box{min-height:40px!important;max-height:60px!important;padding:.5rem!important;margin-bottom:.5rem!important;border-radius:6px!important;display:flex!important;align-items:center!important;justify-content:center!important;border:1px solid #e9ecef!important;transition:.2s ease-in-out!important;box-shadow:0 2px 4px rgba(0,0,0,.05)!important}.clear-icon,.list-group-item,.style-label,.textsBox{transition:.2s ease-in-out}.text-decorator-box:hover{transform:translateY(-1px)!important;box-shadow:0 4px 8px rgba(20,178,143,.15)!important;border-color:#14b28f!important;background-color:#fcfcfc!important}.text-decorator-box .style-preview{margin:0!important;font-size:.95rem!important;color:#333!important;line-height:1.2!important;width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-weight:500!important}.textsBox{cursor:pointer;border:1px solid #e9ecef;text-align:center;min-height:50px;max-height:150px;height:auto;padding:1rem;resize:none;overflow-y:auto;overflow-x:hidden;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.05);margin-bottom:1rem;will-change:transform;perspective:1000px;scrollbar-width:none;-ms-overflow-style:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;z-index:1}.textsBox::-webkit-scrollbar{display:none}.style-label{position:absolute;top:-3px;left:10px;background-color:#fff;padding:3px 10px;border-radius:4px;font-size:.75rem;color:#6c757d;box-shadow:0 1px 2px rgba(0,0,0,.05);white-space:nowrap;z-index:1}.textsBox:hover .style-label,.textsBox:hover p{color:#14b28f}.textsBox:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1);border-color:#14b28f;background-color:#f8f9fa!important}.textsBox:hover .decorator-btn{opacity:1}.textsBox:active{transform:translateY(0);box-shadow:0 2px 4px rgba(0,0,0,.1)}.textsBox p{color:#2b2b2b;margin-top:8px;contain:layout;contain:layout;font-display:swap;min-height:1.5em;line-height:1.5}.categoryName{font-size:1.25rem;color:#2d2d2d;font-weight:600;margin:2rem 0 1rem;padding-bottom:.5rem;border-bottom:2px solid #e9ecef}.clear-icon{cursor:pointer;opacity:.6;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute;top:50%;right:.75rem;transform:translateY(-50%);z-index:10}.clear-icon:hover{opacity:1;background-color:rgba(0,0,0,.05)}.clear-icon svg{display:block;width:18px;height:18px}.blog-footer{padding:2.5rem 0;color:#727272;background-color:#fff;border-top:1px solid #e9ecef;margin-top:auto;box-shadow:0 -2px 4px rgba(0,0,0,.05)}.blog-footer a,a{color:#14b28f;text-decoration:none}.blog-footer a:hover{color:#008f6a;text-decoration:underline}.bgDarkGreen{background-color:#14b28f}.bgGreen{background-color:#15c298}a:hover{color:#008f6a;text-decoration:none}.toast{border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15)}.font-list,.mixed-font-hidden{display:none}.scroll-container{width:100%;overflow:hidden;position:relative;padding:1rem 0}.scroll-wrapper{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-bottom:1rem}.modal-body,.modal-footer,.modal-header{padding:1.25rem}.scroll-content{display:grid;grid-template-rows:repeat(4,1fr);grid-auto-flow:column;gap:.5rem;min-width:max-content}.scroll-item{width:calc((100vw - 3rem)/ 4);max-width:300px;min-width:200px}.text-decorator-box~.scroll-content{grid-template-rows:repeat(4,1fr)!important;gap:.5rem!important}.text-decorator-box~.scroll-item{width:calc((100vw - 2rem)/ 4)!important;max-width:250px!important;min-width:180px!important}.scroll-wrapper::-webkit-scrollbar{height:6px}.scroll-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.scroll-wrapper::-webkit-scrollbar-thumb{background:#14b28f;border-radius:3px}.scroll-wrapper::-webkit-scrollbar-thumb:hover{background:#0d8a6f}@media (max-width:768px){.inputTextArea{height:48px!important;font-size:1rem!important;background-size:16px 16px;background-position:.75rem center;padding:.75rem 1rem .75rem 2.5rem}body{font-size:.95rem}h1{font-size:1.35rem!important}.mainSubHeading,h4{font-size:.9rem!important}h2{font-size:1.15rem!important}h3{font-size:1rem!important}.textsBox{font-size:.95rem;margin-bottom:.6rem!important;padding:.5rem;min-height:40px;transform:none;will-change:auto}.textsBox p{font-size:.95rem;margin-top:16px}.mainTitle{padding:1rem 0}.categoryName{margin:1.5rem 0 .75rem}.style-label{font-size:.6rem;padding:1px 6px;top:-2px;left:8px;color:#6c757d;background-color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.05)}.blog-footer{padding:1.5rem 0}.blog-footer .row{gap:1rem}.blog-footer .list-inline{justify-content:center}.blog-footer .list-inline-item{margin:0 .5rem}.scroll-item{width:calc((100vw - 3rem)/ 3);min-width:200px}}@media (max-width:480px){.scroll-item{width:calc((100vw - 3rem)/ 3);min-width:150px}}.list-group-item{border:1px solid #e9ecef;border-radius:8px;margin-bottom:.5rem}.inputTextArea.processing,.list-group-item:hover{background-color:#f8f9fa;border-color:#14b28f}.modal-content{border-radius:12px;border:none;box-shadow:0 4px 20px rgba(0,0,0,.15)}.modal-footer{border-top:1px solid #e9ecef}.btn-dark{background-color:#18222c;border-color:#18222c}.btn-dark:hover{background-color:#1a2733;border-color:#1a2733}.accordion-button:focus,.textsBox:focus{border-color:#14b28f}.decorator-btn,.favorite-btn{position:absolute;top:10px;background:0 0;border:none;font-size:1.2rem;cursor:pointer;padding:0;color:#6c757d;transition:.2s ease-in-out;z-index:2;pointer-events:auto}#loadMoreMixedFonts,.back-to-top{color:#fff;cursor:pointer;transition:.2s}.favorite-btn{right:10px}.decorator-btn{right:40px}.decorator-btn:hover{transform:scale(1.2);color:#14b28f}.favorite-btn:hover{transform:scale(1.2);color:#dc3545}.favorite-btn.favorite-active{color:#dc3545}.favorites-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.textsBox{position:relative;will-change:opacity,transform;aspect-ratio:auto;box-sizing:border-box}.back-to-top{position:fixed;bottom:20px;right:20px;display:none;width:32px;height:32px;background-color:rgba(20,178,143,.9);border:none;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.1);z-index:1000;padding:0;display:flex;align-items:center;justify-content:center}.back-to-top:hover{background-color:#14b28f;transform:translateY(-1px);box-shadow:0 3px 10px rgba(0,0,0,.15)}.back-to-top:active{transform:translateY(0)}#loadMoreMixedFonts svg,.back-to-top svg{width:14px;height:14px}.category1{overflow:hidden;min-height:600px}@supports (font-display:swap){.textsBox p{font-display:swap}}@media (prefers-reduced-motion:reduce){.textsBox{transition:none!important}}.mixed-font-visible,.textsBox-hidden{transition:opacity .3s ease-out,transform .3s ease-out}.textsBox.loading{opacity:.7}.textsBox.loading p::after{content:"...";animation:1.5s infinite loading}@keyframes loading{0%,20%{content:"."}40%{content:".."}100%,60%{content:"..."}}.textsBox:focus{outline:0;box-shadow:0 0 0 2px rgba(20,178,143,.2)}input[type=range]{-webkit-appearance:none;appearance:none;background:0 0;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{background:#e9ecef;height:6px;border-radius:3px}input[type=range]::-moz-range-track{background:#e9ecef;height:6px;border-radius:3px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-4px;background-color:#14b28f;height:14px;width:14px;border-radius:50%;border:none;transition:.2s ease-in-out}input[type=range]::-moz-range-thumb{border:none;background-color:#14b28f;height:14px;width:14px;border-radius:50%;transition:.2s ease-in-out}input[type=range]:hover::-webkit-slider-thumb{background-color:#0d8a6f;transform:scale(1.1)}input[type=range]:hover::-moz-range-thumb{background-color:#0d8a6f;transform:scale(1.1)}input[type=range]:focus{outline:0}input[type=range]:focus::-webkit-slider-thumb{box-shadow:0 0 0 2px rgba(20,178,143,.2)}input[type=range]:focus::-moz-range-thumb{box-shadow:0 0 0 2px rgba(20,178,143,.2)}#loadMoreMixedFonts{background-color:#14b28f;border:1px solid #14b28f;font-size:14px;font-weight:500;padding:8px 16px;border-radius:6px;display:inline-flex;align-items:center;gap:6px}#loadMoreMixedFonts:hover{background-color:#0d8a6f;border-color:#0d8a6f}#loadMoreMixedFonts:active{transform:translateY(1px)}.category17{position:relative}.nav-tabs .nav-link{color:#6c757d}.accordion-button:focus,.accordion-button:not(.collapsed){color:#14b28f;background-color:#fff}@media (max-width:768px){.back-to-top{bottom:15px;right:15px;width:30px;height:30px}.back-to-top svg{width:12px;height:12px}h5{font-size:1rem}.tip-alert{font-size:.85rem;padding:.4rem .6rem!important}}.textsBox-hidden{opacity:0;transform:translateY(20px)}.textsBox-visible{opacity:1;transform:translateY(0)}.mixed-font-visible{display:block;opacity:0;transform:translateY(20px);animation:.3s ease-out forwards fadeInUp}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.favorites-section{min-height:200px}.favorites-container{min-height:150px}.favorites-container .textsBox{align-self:start}@media (min-width:768px){.category1,.favorites-container,.favorites-section{min-height:auto}}#fullTextDecorations{min-height:250px;}#spacingDecorations{min-height:250px;}#wordDecorations{min-height:250px;}#letterDecorations{min-height:250px;}