.tool-container{max-width:800px;margin:var(--spacing-md) auto;margin-left:calc(var(--spacing-xl)*-1);background:var(--color-card);padding:var(--spacing-md);border-radius:16px;box-shadow:0 8px 24px var(--box-shadow);grid-area:content}@media (min-width:1024px){.tool-container{margin-left:auto;padding:var(--spacing-lg)}}h3{margin-bottom:1rem}.page-hero{display:grid;grid-template-areas:"header-wrapper header-wrapper""subtitle subtitle";grid-template-columns:1fr 1fr;text-align:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--color-border)}.hero-header-wrapper{grid-area:header-wrapper;display:flex;align-items:center;justify-content:center;gap:10px}.page-title{font-size:clamp(1.8rem,1rem + 2vw,2.5rem);font-weight:700;color:var(--color-text);margin:1rem 0;line-height:1.2;letter-spacing:-.5px}.page-subtitle{grid-area:subtitle;font-size:clamp(1rem,.85rem + 1vw,1.6rem);font-weight:400;color:var(--color-text2);line-height:1.4;max-width:700px;margin:0 auto 1.5rem}.logo{width:clamp(50px,70px + 1vw,100px);height:auto;overflow-x:hidden}.input-label{display:block;font-weight:600;font-size:.95rem;color:var(--color-text);margin-bottom:.25rem}.input-field{width:100%;padding:.65rem;border-radius:8px;border:1px solid var(--color-border);background:var(--color-card);color:var(--color-text);font-size:.95rem;box-shadow:0 4px 10px var(--box-shadow);transition:border var(--transition),box-shadow var(--transition),background var(--transition)}.input-field:hover{border-color:var(--color-link)}.input-field:focus{outline:0;border-color:var(--color-link);box-shadow:0 0 0 3px #228ec326,0 6px 16px var(--box-shadow-hover);background:var(--color-search-bg)}.input-field::placeholder{color:var(--color-text2);opacity:.3}.textarea{min-height:12rem;resize:vertical;line-height:1.6;font-size:1rem}.tool-input-section{margin-bottom:1.5rem}.tool-options-section{margin:1.5rem 0;padding:1rem;background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 2px 8px var(--box-shadow)}.tool-options-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width:600px){.tool-options-grid{grid-template-columns:repeat(2,1fr)}}.tool-option-item{display:flex;flex-direction:column}.range-control{display:flex;align-items:center;gap:1rem;flex-wrap:nowrap}.range-control input[type=range]{flex:1;min-width:50%;height:6px;border-radius:5px;background:var(--color-border);outline:0;-webkit-appearance:none;appearance:none}.range-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--color-link);cursor:pointer;box-shadow:0 2px 6px var(--box-shadow);transition:transform var(--transition),box-shadow var(--transition)}.range-control input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 3px 10px var(--box-shadow-hover)}.range-control input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--color-link);cursor:pointer;border:0;box-shadow:0 2px 6px var(--box-shadow);transition:transform var(--transition),box-shadow var(--transition)}.range-control input[type=range]::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 3px 10px var(--box-shadow-hover)}.range-value{font-weight:700;color:var(--color-link);font-size:1rem;min-width:50px;text-align:left}.input-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;max-width:300px;padding:.65rem 2.5rem .65rem .65rem;border-radius:8px;border:1px solid var(--color-border);background-color:var(--color-card);color:var(--color-text);font-size:.95rem;cursor:pointer;box-shadow:0 4px 10px var(--box-shadow);transition:border var(--transition),box-shadow var(--transition);background-image:url('data:image/svg+xml;utf8,<svg width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><polyline points="5 8.5 12 15.5 19 8.5" style="fill: none; stroke: black; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2;"></polyline><polyline points="19 14 12 21 5 14" style="fill: none; stroke: white; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2;"></polyline><polyline points="5 3 12 10 19 3" style="fill: none; stroke: white; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2;"></polyline></svg>');background-repeat:no-repeat;background-position:right 10px center;background-size:20px}.input-select:hover{border-color:var(--color-link)}.input-select:focus{outline:0;border-color:var(--color-link);box-shadow:0 0 0 3px #228ec326}.input-select option{background-color:var(--color-card);color:var(--color-text);padding:5px}.input-select option:checked{background-color:var(--color-text2);color:var(--color-text-on-accent)}.input-checkbox-wrapper,.input-radio-wrapper{display:flex;align-items:center;gap:.5rem;cursor:pointer;margin:.5rem 0}.input-checkbox,.input-radio{width:20px;height:20px;cursor:pointer;accent-color:var(--color-link)}.input-checkbox-custom{appearance:none;-webkit-appearance:none;width:20px;height:20px;border:2px solid var(--color-border);border-radius:4px;background:var(--color-card);cursor:pointer;position:relative;transition:all var(--transition)}.input-checkbox-custom:hover{border-color:var(--color-link)}.input-checkbox-custom:checked{background:var(--color-link);border-color:var(--color-link)}.input-checkbox-custom:checked:after{content:"";position:absolute;left:5px;top:2px;width:6px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.input-checkbox-custom:focus{outline:0;box-shadow:0 0 0 3px #228ec326}.input-radio-custom{appearance:none;-webkit-appearance:none;width:20px;height:20px;border:2px solid var(--color-border);border-radius:50%;background:var(--color-card);cursor:pointer;position:relative;transition:all var(--transition)}.input-radio-custom:hover{border-color:var(--color-link)}.input-radio-custom:checked{border-color:var(--color-link)}.input-radio-custom:checked:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background:var(--color-link)}.input-radio-custom:focus{outline:0;box-shadow:0 0 0 3px #228ec326}.input-check-label{font-size:.95rem;color:var(--color-text);cursor:pointer;user-select:none}.input-check-group{display:flex;flex-direction:column;gap:.75rem}.input-check-group-inline{display:flex;flex-direction:row;flex-wrap:wrap;gap:1.5rem}.input-with-unit{display:flex;align-items:center;gap:.5rem}.input-with-unit .input-field{flex:1;max-width:200px}.input-unit{font-size:.95rem;font-weight:600;color:var(--color-text2);white-space:nowrap}.input-group{display:flex;align-items:stretch}.input-prefix,.input-suffix{display:flex;align-items:center;padding:.65rem;background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text2);font-size:.95rem;font-weight:600;white-space:nowrap}.input-prefix{border-right:none;border-radius:8px 0 0 8px}.input-suffix{border-left:none;border-radius:0 8px 8px 0}.input-group .input-field{border-radius:0;flex:1}.input-group .input-field:first-child{border-radius:8px 0 0 8px}.input-group .input-field:last-child{border-radius:0 8px 8px 0}.input-file-wrapper{position:relative}.input-file{width:100%;padding:.65rem;border-radius:8px;border:2px dashed var(--color-border);background:var(--color-bg);color:var(--color-text);font-size:.95rem;cursor:pointer;transition:border var(--transition),background var(--transition)}.input-file:hover{border-color:var(--color-link);background:var(--color-card)}.input-file:focus{outline:0;border-color:var(--color-link);box-shadow:0 0 0 3px #228ec326}.input-file::file-selector-button{padding:.5rem 1rem;margin-right:1rem;border:0;border-radius:6px;background:var(--color-link);color:var(--color-text-on-accent);font-weight:600;cursor:pointer;transition:background var(--transition)}.input-file::file-selector-button:hover{background:var(--color-link-hover)}.input-color-wrapper{display:flex;align-items:center;gap:.75rem}.input-color{width:60px;height:40px;padding:2px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-card);cursor:pointer;transition:border var(--transition)}.input-color:hover{border-color:var(--color-link)}.input-color:focus{outline:0;border-color:var(--color-link);box-shadow:0 0 0 3px #228ec326}.input-color-value{font-family:monospace;font-size:.9rem;color:var(--color-text2)}.input-date,.input-time,.input-datetime{width:100%;max-width:250px}.input-toggle-wrapper{display:flex;align-items:center;gap:.75rem;cursor:pointer}.input-toggle{position:relative;width:50px;height:26px;appearance:none;-webkit-appearance:none;background:var(--color-border);border-radius:13px;cursor:pointer;transition:background var(--transition)}.input-toggle:checked{background:var(--color-link)}.input-toggle:before{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:#fff;top:3px;left:3px;transition:transform var(--transition);box-shadow:0 2px 4px #0003}.input-toggle:checked:before{transform:translate(24px)}.input-toggle:focus{outline:0;box-shadow:0 0 0 3px #228ec326}.actions{display:flex;justify-content:flex-end;align-items:center;gap:.75rem;margin-top:1.5rem;margin-bottom:var(--spacing-lg);flex-wrap:wrap}.btn{border:1px solid var(--color-border);background:var(--color-theme-btn-bg);color:var(--color-theme-btn-icon);border-radius:10px;padding:.7rem 1.5rem;font-weight:700;font-size:1rem;cursor:pointer;transition:transform var(--transition),box-shadow var(--transition),background var(--transition);box-shadow:0 2px 6px var(--box-shadow)}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px var(--box-shadow-hover);background:var(--color-link);color:var(--color-text-on-accent)}.btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px var(--box-shadow)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--color-link);color:var(--color-text-on-accent);border-color:var(--color-link)}.btn--primary:hover:not(:disabled){background:var(--color-link-hover);border-color:var(--color-link-hover)}.btn--secondary{background:0 0;color:var(--color-link);border-color:var(--color-link)}.btn--secondary:hover:not(:disabled){background:var(--color-link);color:var(--color-text-on-accent)}@media (max-width:500px){.btn{padding:.7rem .35rem;font-size:.85rem}}.status-message{margin-top:1rem;padding:.75rem 1rem;border-radius:8px;font-weight:600;font-size:.95rem;display:none;animation:slideIn .3s ease}.status-message.show{display:block}.status-message--error{background:var(--color-error-bg);color:var(--color-error-text);border:1px solid var(--color-error-border)}.status-message--success{background:var(--color-success-bg);color:var(--color-success-text);border:1px solid var(--color-success-border)}.status-message--info{background:var(--color-info-bg);color:var(--color-info-text);border:1px solid var(--color-info-border)}.result-section{margin-top:2rem;padding:1.5rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 6px 12px var(--box-shadow);text-align:center;transition:background var(--transition),box-shadow var(--transition)}.result-section h3{margin:0 0 1.5rem;color:var(--color-text);font-size:1.4rem;font-weight:700}.result-text{padding:1rem;background:var(--color-card);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-size:1rem;line-height:1.6;text-align:left;word-wrap:break-word;max-height:400px;overflow-y:auto}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:1.2rem 0}@media (min-width:700px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{border:1px solid var(--color-border);background:var(--color-card);box-shadow:0 4px 10px var(--box-shadow);border-radius:12px;padding:1rem .5rem;text-align:center;transition:transform var(--transition),box-shadow var(--transition)}.stat-card:hover{transform:translateY(-3px);box-shadow:0 6px 16px var(--box-shadow-hover)}.stat-value{font-size:1.8rem;font-weight:900;margin-bottom:.25rem;color:var(--color-link);line-height:1}.stat-label{font-size:.85rem;color:var(--color-text2);font-weight:600;text-transform:uppercase;letter-spacing:.5px}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.result-section.show{animation:fadeIn .4s ease}.quote{font-size:calc(var(--font-size-sm)/1.25);color:var(--color-text2);text-align:left;margin-top:var(--spacing-sm)}.disclaimer-note{font-size:.95rem;color:var(--color-text2);font-style:italic;margin-top:1rem;padding:.5rem 1rem}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.related-tools__heading{font-size:clamp(.95rem,.9rem + .2vw,1.05rem);font-weight:600;color:var(--color-text2);margin:var(--spacing-md)0 var(--spacing-sm)0}.related-tools__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--spacing-sm);list-style:none;margin:0;padding:0}@media (min-width:480px){.related-tools__grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.related-tools__item{margin:0}.related-tools__tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;width:100%;aspect-ratio:1/1;min-height:140px;border:1px solid var(--color-border);border-radius:12px;text-decoration:none;color:var(--color-text);padding:var(--spacing-sm);text-align:center;transition:background-color var(--transition),border-color var(--transition),box-shadow var(--transition),transform var(--transition)}.related-tools__tile:hover{background-color:var(--color-focus-shadow);border-color:var(--color-border)}.related-tools__tile:focus-visible{outline:2px solid var(--color-text-on-accent);outline-offset:2px}.related-tools__icon{width:36px;height:36px;object-fit:contain}.related-tools__title{font-size:.95rem;line-height:1.2;max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (min-width:768px){.related-tools__icon{width:40px;height:40px}.related-tools__title{font-size:1rem}}@media (prefers-reduced-motion:reduce){.related-tools__tile{transition:none}}@media (max-width:480px){.header__actions{gap:var(--spacing-xs)}.related-tools__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.related-tools__tile{min-height:110px;padding:var(--spacing-xs);gap:.4rem}.related-tools__icon{width:28px;height:28px}.related-tools__title{font-size:.9rem}}