:root{--content-width: 480px}.tool-hero{text-align:center;max-width:600px;margin:20px auto 40px;padding:0 20px}.tool-hero h1{font-family:Outfit,sans-serif;font-size:2.5rem;font-weight:800;margin-bottom:12px;color:var(--text-main);letter-spacing:-1px;line-height:1.2}.tool-hero .subtitle{font-size:1.1rem;color:var(--text-muted);line-height:1.5}main{width:100%;display:flex;flex-direction:column;align-items:center;padding:0 20px}.calculator-card{background:var(--card-bg);width:100%;max-width:var(--content-width);padding:30px;border-radius:16px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.form-group{margin-bottom:20px}label{display:block;font-size:.9rem;font-weight:600;margin-bottom:8px;color:var(--text-main)}.input-group{display:flex;align-items:stretch;border:2px solid var(--border-color);border-radius:8px;overflow:hidden;transition:border-color .2s;background:#fff}.input-group:focus-within{border-color:var(--primary)}.input-addon{display:flex;align-items:center;justify-content:center;background-color:#f9fafb;padding:0 18px;font-weight:600;color:var(--text-muted);border-right:1px solid var(--border-color);min-width:50px;font-size:1.1rem}input[type=number],input[type=text],input[type=url],input[type=password],input[type=email],textarea{flex:1;width:100%;border:none;padding:14px;font-size:1.1rem;outline:none;font-family:Outfit,sans-serif;text-align:left;background:transparent}textarea{resize:vertical;min-height:100px;line-height:1.5}.radio-group{display:flex;gap:10px}.radio-option{flex:1;position:relative}.radio-option input{position:absolute;opacity:0;cursor:pointer}.radio-tile{display:flex;justify-content:center;align-items:center;padding:12px;border:2px solid var(--border-color);border-radius:8px;cursor:pointer;font-weight:600;color:var(--text-muted);transition:all .2s ease;text-align:center}.radio-option input:checked+.radio-tile{background-color:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 4px 6px -1px #4f46e533}.btn-calc{width:100%;padding:16px;background-color:var(--primary);color:#fff;font-size:1.1rem;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s,transform .1s}.btn-calc:hover{background-color:var(--primary-hover)}.btn-calc:active{transform:scale(.98)}#result-area{margin-top:30px;padding-top:20px;border-top:2px dashed var(--border-color);display:none;animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.result-row{display:flex;justify-content:space-between;margin-bottom:12px;font-size:1rem;color:var(--text-muted)}.result-row.highlight{font-size:1.25rem;font-weight:800;color:var(--text-main);margin-top:15px;padding:15px;background-color:#ecfdf5;border-radius:8px;align-items:center}.result-label{font-weight:500}.result-value{font-feature-settings:"tnum"}.seo-article{width:100%;max-width:var(--content-width);margin-top:40px;color:var(--text-main);line-height:1.6;margin-left:auto;margin-right:auto}.seo-article h2{font-size:1.25rem;font-weight:700;margin-bottom:10px;color:var(--text-main)}.seo-article h3{font-size:1.1rem;font-weight:600;margin-top:20px;margin-bottom:8px;color:var(--text-main)}.seo-article p{margin-bottom:15px;color:#374151}.seo-article ul,.seo-article ol{margin-left:20px;margin-bottom:25px;color:var(--text-muted);padding-left:0}.seo-article ul li,.seo-article ol li{margin-bottom:8px}.seo-article a{color:var(--primary);text-decoration:none;font-weight:600;transition:color .2s}.seo-article a:hover{color:var(--primary-hover);text-decoration:underline}.seo-article:before{content:"";display:block;width:50px;height:4px;background-color:var(--border-color);margin:0 auto 40px;border-radius:2px}.seo-example{background:var(--bg-color);padding:15px;border-radius:8px;font-size:.9rem;border:1px solid var(--border-color)}.related-tools{width:100%;max-width:var(--content-width);margin-top:40px;padding-top:20px;border-top:1px solid var(--border-color);margin-left:auto;margin-right:auto}body footer{margin-top:60px!important}details.faq-item{background:#fff;border:1px solid var(--border-color);border-radius:10px;margin-bottom:10px;overflow:hidden}.faq-question{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;cursor:pointer;font-weight:600;color:var(--text-main);list-style:none}.faq-question::-webkit-details-marker{display:none}.faq-question:after{content:"+";font-size:1.5rem;line-height:1;color:var(--primary);margin-left:10px}details[open] .faq-question:after{content:"−"}details.faq-item p{margin:0 20px 18px;color:var(--text-muted);line-height:1.6}[data-theme=dark] details.faq-item{background:#1f2937;border-color:#374151}[data-theme=dark] .faq-question{color:#e5e7eb}[data-theme=dark] details.faq-item p{color:#9ca3af}.related-title{font-size:1.1rem;font-weight:700;margin-bottom:15px;color:var(--text-main);text-align:center}.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:15px}.related-card{background:#fff;padding:15px;border-radius:8px;border:1px solid var(--border-color);font-weight:600;font-size:.9rem;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:10px}.related-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000000d}@media(max-width:600px){.mobile-hide{display:none}.tool-hero h1{font-size:2rem}}.converter-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.editor-container{display:flex;flex-direction:column;gap:10px}.editor-header{display:flex;justify-content:space-between;align-items:center}.editor-header label{font-weight:600;color:var(--text-main)}.editor-actions{display:flex;gap:8px}.action-btn{background:transparent;border:1px solid var(--border-color);border-radius:6px;padding:4px 8px;font-size:.85rem;color:var(--text-muted);cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:4px}.action-btn:hover{color:var(--primary);border-color:var(--primary)}.code-editor{width:100%;height:400px;padding:16px;border:2px solid var(--border-color);border-radius:12px;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;font-size:.9rem;line-height:1.5;resize:vertical;background:#fff;color:var(--text-main);white-space:pre;overflow-x:auto}.code-editor:focus{outline:none;border-color:var(--primary)}.btn-convert{width:100%;padding:16px;background:var(--primary);color:#fff;font-size:1.1rem;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s;margin-bottom:20px;display:flex;align-items:center;justify-content:center;gap:10px}.btn-convert:hover{background:var(--primary-hover)}.error-msg{color:#ef4444;font-size:.9rem;margin-top:8px;display:none}[data-theme=dark] .code-editor{background:#1f2937;border-color:#374151;color:#e5e7eb}[data-theme=dark] .action-btn{border-color:#374151;color:#9ca3af}[data-theme=dark] .action-btn:hover{border-color:var(--primary);color:var(--primary)}[data-theme=dark] .editor-header label{color:#e5e7eb}@media(max-width:768px){.converter-grid{grid-template-columns:1fr}}