@font-face{font-family:geologica;font-weight:300 900;src:url(/build/fonts/Geologica-VariableFont_CRSV,SHRP,slnt,wght.f3e3fbc9.ttf) format("truetype")}:root{--primary-color:#4574ce;--primary-dark-color:#1b68a7;--accent-color:#ff7319;--darker-accent-color:#e65800;--text-color:#333;--bg-color:#fff;--card-bg:#f0f4f5;--card-border:#dae2e4;--shadow:0 4px 10px rgba(0,0,0,.08);--border-radius:8px;--transition:all 0.3s ease}*{box-sizing:border-box;font-family:geologica,sans-serif;font-weight:300;margin:0;padding:0}iframe,img{max-height:100%;max-width:100%}body{background-color:#fff;background-color:var(--bg-color);color:#333;color:var(--text-color);font-size:16px;line-height:1.6}.container{margin:0 auto;max-width:1200px;padding:0 20px;width:100%}header{background-color:#f0f4f5;background-color:var(--card-bg);box-shadow:0 4px 10px rgba(0,0,0,.08);box-shadow:var(--shadow);position:sticky;top:0;z-index:1000}.navbar{justify-content:space-between;padding:15px 0}.logo,.navbar{align-items:center;display:flex}.logo{color:#4574ce;color:var(--primary-color);gap:10px;text-decoration:none}.logo img{height:40px;width:auto}.logo span{font-size:1.5em;font-weight:400}.nav-links{display:flex;gap:20px}.nav-links a{color:#333;color:var(--text-color);font-weight:300;position:relative;text-decoration:none;transition:all .3s ease;transition:var(--transition)}.nav-links a:hover{color:#4574ce;color:var(--primary-color)}.nav-links a:after{background-color:#4574ce;background-color:var(--primary-color);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:all .3s ease;transition:var(--transition);width:0}.nav-links a:hover:after{width:100%}.dropdown,.dropdown>a{display:inline-block;position:relative}.dropdown>a{height:100%;padding-right:20px}.dropdown>a:before{border-bottom:2px solid #ff7319;border-bottom:2px solid var(--accent-color);border-right:2px solid #ff7319;border-right:2px solid var(--accent-color);content:"";height:8px;position:absolute;right:0;top:50%;transform:translateY(-50%) rotate(45deg);width:8px}.dropdown-content{background-color:#f0f4f5;background-color:var(--card-bg);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 10px rgba(0,0,0,.08);box-shadow:var(--shadow);display:none;min-width:200px;padding:10px 0;position:absolute;z-index:1}.dropdown-content a{color:#333;color:var(--text-color);display:block;padding:8px 16px;text-decoration:none;transition:all .3s ease;transition:var(--transition)}.dropdown-content a:hover{background-color:rgba(0,128,128,.1);color:#4574ce;color:var(--primary-color)}.dropdown:hover .dropdown-content{display:block}.mobile-menu-btn{background:none;border:none;color:#333;color:var(--text-color);cursor:pointer;display:none;font-size:1.5em}.hero-tool{padding:20px 0}.hero,.hero-tool{text-align:center}.hero{padding:30px 0}.hero h1,.hero-tool h1{color:#4574ce;color:var(--primary-color);font-size:2.5em;margin-bottom:20px}.hero p,.hero-tool p{color:#555;font-size:1.1em;margin:0 auto 30px;max-width:800px}.tools-section{padding:40px 0}.section-title{font-size:2em;margin-bottom:40px;position:relative;text-align:center}.section-title:after{background:linear-gradient(90deg,#4574ce,#4574ce 50%,#ff7319 0,#ff7319);background:linear-gradient(to right,var(--primary-color) 0,var(--primary-color) 50%,var(--accent-color) 50%,var(--accent-color) 100%);bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:30px;gap:30px;margin-bottom:40px;margin-top:10px}.tool-card{background-color:#f0f4f5;background-color:var(--card-bg);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 10px rgba(0,0,0,.08);box-shadow:var(--shadow);color:#4574ce;color:var(--primary-color);cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;text-decoration:none;transition:all .3s ease;transition:var(--transition)}.tool-card:hover{box-shadow:0 10px 20px rgba(0,0,0,.1);transform:translateY(-5px)}.tool-icon{align-items:center;border-bottom:1px solid #eee;display:flex;padding:20px}.tool-icon img{height:40px;margin-right:15px;width:40px}.tool-content{flex-grow:1;padding:20px}.tool-content h3{color:#4574ce;color:var(--primary-color);margin-bottom:10px}.tool-content p{color:#666;font-size:.95em}.blog-section{background-color:#f0f4f5;background-color:var(--card-bg);padding:40px 0}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:30px;gap:30px}.blog-card{background-color:#fff;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 10px rgba(0,0,0,.08);box-shadow:var(--shadow);overflow:hidden;transition:all .3s ease;transition:var(--transition)}.blog-card:hover{box-shadow:0 10px 20px rgba(0,0,0,.1);transform:translateY(-5px)}.blog-img{height:200px;overflow:hidden}.blog-img img{height:100%;max-height:300px;min-height:200px;-o-object-fit:cover;object-fit:cover;transition:all .3s ease;transition:var(--transition);width:100%}.blog-card:hover .blog-img img{transform:scale(1.05)}.blog-content{padding:20px}.blog-content .h3,.blog-content h3{color:#4574ce;color:var(--primary-color);font-size:22px;margin-bottom:10px;text-decoration:none}.blog-content .date{color:#888;display:block;font-size:.85em;margin-bottom:10px}.blog-content p{color:#666;margin-bottom:15px}.read-more{color:#ff7319;color:var(--accent-color);display:inline-block;font-weight:500;text-decoration:none;transition:all .3s ease;transition:var(--transition)}.read-more:hover{color:#e64c4c}.tool-section .container{max-width:800px}.text-section{background-color:#fff;background-color:var(--bg-color);padding:30px 0}.text-section ol,.text-section ul{margin-left:25px}.text-section h2,.text-section h3{margin-top:10px}.text-section pre{background:#f0f4f5;background:var(--card-bg);border:1px solid #dae2e4;border:1px solid var(--card-border);border-radius:10px;margin:10px 0;max-width:100%;overflow:auto;padding:10px}.text-section pre code{color:#4574ce;color:var(--primary-color)}.text-section strong{font-weight:700}.text-section table{background-color:#fff;background-color:var(--bg-color);border-collapse:collapse;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 10px rgba(0,0,0,.08);box-shadow:var(--shadow);color:#333;color:var(--text-color);font-family:geologica,sans-serif;margin:10px 0;overflow:hidden;width:100%}.text-section thead{background-color:#4574ce;background-color:var(--primary-color);color:#fff}.text-section td,.text-section th{border-bottom:1px solid #ddd;padding:12px 16px;text-align:left}.text-section tbody tr:nth-child(2n){background-color:#f0f4f5;background-color:var(--card-bg)}.text-section tbody tr:hover{background-color:#e9f0fa;transition:all .3s ease;transition:var(--transition)}.text-content,.text-section .container{max-width:800px}.text-content{margin:0 auto}.text-content h2{color:#4574ce;color:var(--primary-color);font-size:1.8em;margin-bottom:20px}.text-content p{color:#555;margin-bottom:20px}footer{background-color:#f0f4f5;background-color:var(--card-bg);border-top:1px solid #eee;padding:30px 0;text-align:center}.footer-links{margin-bottom:20px}.footer-links a{color:#333;color:var(--text-color);margin:0 15px;text-decoration:none;transition:all .3s ease;transition:var(--transition)}.footer-links a:hover{color:#4574ce;color:var(--primary-color)}.copyright{color:#888;font-size:.9em}.color-block{background-color:#4574ce;background-color:var(--primary-color);border:2px solid #ddd;border-radius:8px;border-radius:var(--border-radius);height:200px;margin:20px auto;width:200px}.color-info{font-size:1.1em;margin-bottom:20px;text-align:center}.color-info p{margin:5px 0}.generator-container{background-color:#f0f4f5;background-color:var(--card-bg);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 10px rgba(0,0,0,.08);box-shadow:var(--shadow);margin:20px auto;overflow:hidden;padding:20px;position:relative}.generator-container:before{background-color:rgba(0,128,128,.05);height:200px;left:-50px;top:-50px;width:200px}.generator-container:after,.generator-container:before{border-radius:50%;content:"";position:absolute;z-index:0}.generator-container:after{background-color:hsla(0,100%,71%,.05);bottom:-100px;height:300px;right:-50px;width:300px}.btn-generate{background-color:#ff7319;background-color:var(--accent-color);border:none;border-radius:4px;color:#fff;cursor:pointer;display:block;font-size:1em;margin:0 auto;padding:10px 20px;position:relative;transition:all .3s ease;transition:var(--transition);z-index:1}.btn-generate:hover{background-color:#e64c4c}.text-section.with-sidebar .container{padding:0 20px}.content-wrapper{display:flex;flex-direction:row;gap:40px;position:relative}.sidebar{flex-shrink:0;width:300px}.sidebar-widget{background-color:#f0f4f5;background-color:var(--card-bg);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 10px rgba(0,0,0,.08);box-shadow:var(--shadow);margin-bottom:20px;padding:20px}.sidebar-widget .subscription-form form{display:flex;flex-direction:column;gap:12px}.sidebar-widget .form-group{position:relative}.sidebar-widget .form-group input,.sidebar-widget .form-group select{border:1px solid #ddd;border-radius:4px;font-size:.9em;padding:10px;transition:all .3s ease;transition:var(--transition);width:100%}.sidebar-widget .form-group input:focus,.sidebar-widget .form-group select:focus{border-color:#4574ce;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(69,116,206,.1);outline:none}.sidebar-widget .btn-subscribe{background-color:#ff7319;background-color:var(--accent-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:400;padding:10px;transition:all .3s ease;transition:var(--transition)}.sidebar-widget .btn-subscribe:hover{background-color:#e64c4c}.sidebar-widget .popular-tests{list-style:none}.sidebar-widget .popular-tests li{margin-bottom:8px;padding-left:15px;position:relative}.sidebar-widget .popular-tests li:before{background-color:#ff7319;background-color:var(--accent-color);border-radius:50%;content:"";height:6px;left:0;position:absolute;top:10px;width:6px}.sidebar-widget .popular-tests a{color:#333;color:var(--text-color);text-decoration:none;transition:all .3s ease;transition:var(--transition)}.sidebar-widget .popular-tests a:hover,.sidebar-widget h3{color:#4574ce;color:var(--primary-color)}.sidebar-widget h3{font-size:1.2em;font-weight:400;margin-bottom:15px}.sidebar-widget p{color:#666;font-size:.95em;margin-bottom:15px}.text-section.with-sidebar .text-content{flex:1;margin:0;max-width:100%}.tools-section-with-subscription{background-color:#fff;background-color:var(--bg-color);padding:60px 0}.tools-section-with-subscription .container{max-width:800px}.split-container{align-items:flex-start;display:flex;flex-wrap:wrap;gap:40px}.subscription-block{background-color:#f0f4f5;background-color:var(--card-bg);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 10px rgba(0,0,0,.08);box-shadow:var(--shadow);flex:1;flex-basis:calc(60% - 20px);min-width:240px;overflow:hidden;padding:30px;position:relative}.subscription-block:before{background-color:rgba(69,116,206,.05);border-radius:50%;content:"";height:200px;left:-50px;position:absolute;top:-50px;width:200px;z-index:0}.subscription-title{color:#4574ce;color:var(--primary-color);font-size:1.8em;margin-bottom:15px;position:relative;z-index:1}.subscription-description{color:#666;font-size:1em;margin-bottom:25px}.subscription-description,.subscription-form{position:relative;z-index:1}.form-group{margin-bottom:20px}.form-group label{color:#333;color:var(--text-color);display:block;font-weight:400;margin-bottom:8px}.form-group input[type=email],.form-group input[type=text]{border:1px solid #ddd;border-radius:4px;font-size:1em;padding:12px 15px;transition:all .3s ease;transition:var(--transition);width:100%}.form-group input:focus{border-color:#4574ce;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(69,116,206,.2);outline:none}.checkbox-group{align-items:center;display:flex;gap:10px}.checkbox-group input{height:18px;width:18px}.checkbox-group label{font-size:.9em;margin-bottom:0}.btn-subscribe{background-color:#ff7319;background-color:var(--accent-color);border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:1em;font-weight:400;margin-top:10px;padding:12px 25px;transition:all .3s ease;transition:var(--transition)}.btn-subscribe:hover{background-color:#e65800;background-color:var(--darker-accent-color);transform:translateY(-2px)}.tools-grid-container{flex:1;flex-basis:calc(40% - 20px);min-width:240px}.tools-grid-container .section-title{margin-bottom:30px;text-align:left}.tools-grid-container .section-title:after{left:0;transform:none}.tools-grid-compact{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:20px;gap:20px}.hero-media{background-color:#f0f4f5;background-color:var(--card-bg);border-radius:8px;border-radius:var(--border-radius);height:450px;margin:0 auto;padding:20px;width:-moz-fit-content;width:fit-content}@media (max-width:1500px){body{font-size:15px}}@media (max-width:1100px){body{font-size:14px}.hero h1,.hero-tool h1{font-size:2em}.hero-media{height:400px;padding:10px}}@media (max-width:900px){.content-wrapper{flex-direction:column}.sidebar{order:2;width:100%}.text-section.with-sidebar .text-content{margin-bottom:30px;order:1}.split-container{flex-direction:column;gap:50px}.subscription-block,.tools-grid-container{flex-basis:100%;min-width:100%}.tools-grid-container .section-title{text-align:center}.tools-grid-container .section-title:after{left:50%;transform:translateX(-50%)}}.blog-nav{background-color:#f0f4f5;background-color:var(--card-bg);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 10px rgba(0,0,0,.08);box-shadow:var(--shadow);margin-bottom:30px;overflow:hidden}.blog-nav,.blog-nav .nav-span{position:relative;transition:all .3s ease;transition:var(--transition)}.blog-nav .nav-span{align-items:center;background-color:#4574ce;background-color:var(--primary-color);color:#fff;cursor:pointer;display:flex;gap:8px;justify-content:center;padding:12px 15px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.blog-nav .nav-span:hover{background-color:#1b68a7;background-color:var(--primary-dark-color)}.blog-nav .nav-span svg{fill:#fff!important;color:#fff!important;transition:all .3s ease;transition:var(--transition)}.blog-nav .nav-span .arrow-unsorted-368013{transform:rotate(0deg);transition:transform .3s ease}.blog-nav.collapsed .nav-span .arrow-unsorted-368013{transform:rotate(180deg)}.blog-nav ol{background-color:#fff;list-style:none;margin:0;max-height:400px;overflow-y:auto;padding:0;transition:max-height .3s ease,padding .3s ease}.blog-nav.collapsed ol{max-height:0;overflow:hidden;padding:0}.blog-nav ol li{border-bottom:1px solid #eee;margin:0;padding:0}.blog-nav ol li:last-child{border-bottom:none}.blog-nav ol li a{color:#333;color:var(--text-color);display:block;font-size:.95em;font-weight:300;padding:12px 20px;text-decoration:none;transition:all .3s ease;transition:var(--transition)}.blog-nav ol li a:hover{background-color:#f0f4f5;background-color:var(--card-bg);color:#4574ce;color:var(--primary-color);padding-left:25px}.blog-nav ol li a.active,.blog-nav ol li a:active{background-color:rgba(69,116,206,.1);border-left:3px solid #4574ce;border-left:3px solid var(--primary-color);color:#4574ce;color:var(--primary-color);font-weight:400}.blog-nav ol::-webkit-scrollbar{width:6px}.blog-nav ol::-webkit-scrollbar-track{background:#f1f1f1}.blog-nav ol::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.blog-nav ol::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.fixed-ad-right{right:10px}.fixed-ad-left,.fixed-ad-right{position:absolute;top:190px;z-index:1000}.fixed-ad-left{left:10px}#fixed-ad-3,#fixed-ad-4{top:900px}.form-message{border-radius:4px;display:none;margin-bottom:1rem;padding:10px}.form-message.error{background-color:#f2dede;border:1px solid #ebccd1;color:#a94442;display:block}.form-message.success{background-color:#dff0d8;border:1px solid #d6e9c6;color:#3c763d;display:block}@media (max-width:768px){.hero-media{height:220px;padding:10px}.navbar{padding:5px 0}.hero p,.hero-tool p{font-size:1em}.nav-links{background-color:#f0f4f5;background-color:var(--card-bg);box-shadow:0 4px 10px rgba(0,0,0,.08);box-shadow:var(--shadow);display:none;flex-direction:column;left:0;padding:20px;position:absolute;top:40px;width:100%}.logo span{font-size:1.2em}.logo img{height:30px;width:auto}.nav-links.active{display:flex;max-height:calc(100vh - 40px);overflow-y:auto}.mobile-menu-btn{display:block}.hero h1{font-size:2em}.blog-grid,.tools-grid{grid-template-columns:1fr}.dropdown-content{display:block;margin:5px;position:relative}.blog-nav{margin-bottom:20px}.blog-nav .nav-span{font-size:.9em;padding:10px 12px}.blog-nav ol li a{font-size:.9em;padding:10px 15px}.blog-nav ol li a:hover{padding-left:20px}}.tool-section{background-color:var(--bg-color)}.tool-header{margin-bottom:30px;text-align:center}.tool-header .h2,.tool-header h2{color:var(--primary-color);font-size:2rem;font-weight:500;margin-bottom:10px}.tool-header p{color:#666;font-size:1.1rem;margin:0 auto;max-width:600px}.tool-container{background-color:var(--card-bg);box-shadow:var(--shadow);margin-bottom:30px;overflow:hidden;padding:20px;position:relative}.tool-container *{position:relative;z-index:1}.tool-container:before{background-color:rgba(0,128,128,.05);height:200px;left:-50px;top:-50px;width:200px}.tool-container:after,.tool-container:before{border-radius:50%;content:"";position:absolute;z-index:0}.tool-container:after{background-color:hsla(0,100%,71%,.05);bottom:-100px;height:300px;right:-50px;width:300px}.tool-config{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:30px}.tool-config-column{flex:1;max-width:300px;min-width:200px}.tool-input-group{margin-bottom:20px;text-align:left}.tool-input-group label{color:var(--text-color);display:block;font-size:.95rem;font-weight:400;margin-bottom:8px}.tool-input{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:12px 15px;transition:var(--transition);width:100%}.tool-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(69,116,206,.2);outline:none}.tool-options{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.input-suffix{margin-left:5px}.tool-button-primary{background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:.95rem;font-weight:400;padding:10px 20px;text-decoration:none;transition:var(--transition)}.tool-button-primary:hover{background-color:var(--primary-dark-color)}.tool-button-accent{background-color:var(--accent-color);border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:.95rem;font-weight:400;padding:10px 20px;text-decoration:none;transition:var(--transition)}.tool-button-accent:hover{background-color:var(--darker-accent-color)}.button-container{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}.flat-button{background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:12px 20px;transition:var(--transition)}.flat-button:hover{background-color:var(--primary-dark-color);transform:translateY(-2px)}.tool-controls{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:20px}.tool-result{margin-top:30px;text-align:center}.result-box{background-color:#fff;border:1px solid #eee;border-radius:var(--border-radius);box-shadow:0 2px 8px rgba(0,0,0,.05);display:inline-block;padding:15px 20px}.result-value{color:var(--primary-color);font-size:1.8rem;font-weight:500;margin-right:5px}.result-unit{color:#666;font-size:1.2rem}.tool-2cols{display:flex;flex-wrap:wrap;gap:30px}.tool-col{flex:1;min-width:240px}.white-screen{background-color:#fff;border:1px solid #eee;border-radius:var(--border-radius);box-shadow:inset 0 0 10px rgba(0,0,0,.05);height:300px}.ruler-display{background-color:#fff;border:1px solid #ddd;border-radius:var(--border-radius);height:100px;overflow:hidden;position:relative}.ruler-markings{height:100%;position:relative;width:100%}.ruler-cm{background-image:repeating-linear-gradient(90deg,#ddd,#ddd 1px,transparent 0,transparent 10px);background-size:10px 100%}.ruler-cm,.ruler-cm:before{background-position:0 0;height:100%}.ruler-cm:before{background-image:repeating-linear-gradient(90deg,#999,#999 2px,transparent 0,transparent 100px);background-size:100px 100%;content:"";left:0;position:absolute;top:0;width:100%}.hacker-display{background-color:#000;border-radius:var(--border-radius);color:#0f0;font-family:monospace;height:400px;overflow:auto;padding:20px}.hacker-text{font-size:.9rem;line-height:1.4;margin:0;white-space:pre-wrap}.test-highlight{background-color:var(--accent-color);padding:2px 6px}.key-action,.test-highlight{border-radius:3px;color:#fff;font-weight:500}.key-action{background-color:var(--primary-color);font-family:monospace;padding:2px 8px}.test-notice{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:var(--border-radius);margin:20px 0;padding:15px;position:relative;z-index:1}.test-notice p{color:#856404;margin:0}.test-disclaimer{color:#666;font-size:.9em;font-style:italic;margin-top:20px}.fullscreen-test{cursor:pointer;display:none;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:9999}.grid-pattern{background-color:#fff;background-image:repeating-linear-gradient(0deg,transparent,transparent 35px,#000 0,#000 70px),repeating-linear-gradient(90deg,transparent,transparent 35px,#000 0,#000 70px);height:100%;width:100%}.grey-background{background-color:grey;height:100%;width:100%}.test-timer{background-color:rgba(0,0,0,.7);font-family:monospace;font-size:1.2em;left:20px;padding:10px 15px;top:20px}.test-instructions-overlay,.test-timer{border-radius:var(--border-radius);color:#fff;position:absolute;z-index:10000}.test-instructions-overlay{background-color:rgba(0,0,0,.8);bottom:20px;font-size:.9em;left:50%;padding:15px 20px;text-align:center;transform:translateX(-50%)}.tool-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:20px;gap:20px}.tool-gallery-grid a{border-radius:var(--border-radius);box-shadow:var(--shadow);display:block;overflow:hidden;transition:transform .3s ease}.tool-gallery-grid a:hover{transform:scale(1.03)}.tool-gallery-grid img{border-radius:var(--border-radius);display:block;height:auto;width:100%}@media (max-width:768px){.tool-header .h2,.tool-header h2{font-size:1.8rem}.tool-2cols{flex-direction:column}.tool-col{width:100%}.hacker-display{height:300px}.white-screen{height:200px}.test-timer{font-size:1em;left:10px;padding:8px 12px;top:10px}.test-instructions-overlay{bottom:10px;font-size:.8em;max-width:90%;padding:12px 15px}.tool-gallery-grid{gap:10px;grid-template-columns:1fr}}.nav{display:flex;gap:15px;justify-content:center;margin:40px 0;padding:20px 0}.nav,.nav a{align-items:center}.nav a{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius);box-shadow:var(--shadow);color:var(--text-color);display:inline-flex;font-size:.95em;font-weight:400;gap:8px;overflow:hidden;padding:12px 20px;position:relative;text-decoration:none;transition:var(--transition)}.nav a:hover{background-color:var(--primary-color);border-color:var(--primary-color);box-shadow:0 6px 15px rgba(69,116,206,.3);color:#fff;transform:translateY(-2px)}.nav a.prev:before{content:"←";font-size:1.1em;font-weight:700}.nav a.next:after{content:"→";font-size:1.1em;font-weight:700}.nav a:active{box-shadow:var(--shadow);transform:translateY(0)}.nav a.disabled,.nav a:disabled{background-color:#f8f9fa;border-color:#e9ecef;color:#6c757d;cursor:not-allowed;opacity:.6;pointer-events:none;transform:none}.nav a.next{background-color:var(--accent-color);border-color:var(--accent-color);color:#fff}.nav a.next:hover{background-color:var(--darker-accent-color);border-color:var(--darker-accent-color);box-shadow:0 6px 15px rgba(255,115,25,.3)}@media (max-width:768px){.nav{gap:10px;margin:30px 0;padding:15px 0}.nav a{font-size:.9em;padding:10px 16px}@media (max-width:480px){.nav{flex-direction:column;gap:10px}.nav a{justify-content:center;max-width:200px;width:100%}}}.nav.minimal{gap:20px;margin:30px 0}.nav.minimal a{background-color:transparent;border:none;box-shadow:none;color:var(--primary-color);font-weight:500;padding:8px 12px;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px}.nav.minimal a:hover{background-color:transparent;color:var(--primary-dark-color);text-decoration-color:currentColor;transform:none}.nav.with-indicator{gap:20px}.nav.with-indicator:before{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius);color:var(--text-color);content:"Page " attr(data-current-page);font-size:.9em;font-weight:500;padding:8px 16px}.yk-color{align-items:center;border-radius:var(--border-radius);cursor:pointer;display:flex;height:200px;justify-content:center;position:relative;transition:var(--transition);width:100%}.yk-color.fullscreen{border:none;border-radius:0;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:9999}.fs-icon{opacity:.5;transition:opacity .3s ease}.yk-color:hover .fs-icon{opacity:1}.fs-icon.hidden{display:none}.yk-color-module-download{flex-wrap:wrap;justify-content:center;margin-top:20px}.yk-color-form,.yk-color-module-download{align-items:center;display:flex;gap:15px}.yk-color-form select{border:1px solid #ddd;border-radius:4px;font-size:.95rem;padding:8px 10px}.download-size{align-items:center;display:flex;gap:5px}.download-size input{border:1px solid #ddd;border-radius:4px;font-size:.95rem;padding:8px 10px;width:80px}.download-btn{background-color:var(--accent-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:400;padding:10px 20px;transition:var(--transition)}.download-btn:hover{background-color:var(--darker-accent-color)}.color-navigation{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.color-nav-item{border:2px solid #eee;border-radius:50%;cursor:pointer;display:inline-block;height:30px;transition:var(--transition);width:30px}.color-nav-item.active,.color-nav-item:hover{border-color:var(--primary-color);transform:scale(1.1)}@media (max-width:900px){.color-navigation{gap:5px}.yk-color{height:150px}}