:root{color-scheme:light;--bg:#eef5fd;--bg-strong:#fff;--surface:#fff;--surface-strong:#f4f9ff;--surface-hover:#e8f2ff;--text:#0d1b2e;--text-secondary:#2d4a6b;--muted:#6b8299;--border:#cde4f5;--border-strong:#9dc8ea;--accent:#0ea5e9;--accent-hover:#0284c7;--accent-soft:#e0f2fe;--accent-text:#fff;--accent2:#06b6d4;--accent2-soft:#cffafe;--danger:#ef4444;--success:#22c55e;--warning:#f59e0b;--danger-soft:#fef2f2;--success-soft:#f0fdf4;--warning-soft:#fffbeb;--shadow-sm:0 1px 3px #0ea5e914, 0 1px 2px #0ea5e90a;--shadow:0 4px 24px #0ea5e91a, 0 2px 8px #0ea5e90f;--shadow-lg:0 20px 60px #0ea5e924, 0 8px 24px #0ea5e914;--radius-sm:8px;--radius:12px;--radius-lg:18px;--radius-xl:28px;--radius-pill:9999px;--header-h:68px;--font:"Inter", system-ui, -apple-system, sans-serif;--date-icon-filter:none}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;min-height:100vh;display:flex}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}img,svg{display:block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}::selection{background:var(--accent-soft);color:var(--accent)}.site-header{z-index:100;height:var(--header-h);border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;padding:0 28px;display:flex;position:sticky;top:0;box-shadow:0 1px 8px #0ea5e912}.brand{letter-spacing:-.025em;color:var(--text);align-items:center;gap:10px;font-size:1.05rem;font-weight:800;transition:opacity .15s;display:inline-flex}.brand:hover{opacity:.8}.brand-logo-img{object-fit:contain;width:auto;height:38px;transition:transform .2s}.brand-logo-img:hover{transform:scale(1.05)}.footer-logo-img{object-fit:contain;width:auto;height:28px}.nav-links{align-items:center;gap:10px;display:flex}.tools-dropdown{position:relative}.tools-dropdown>summary{cursor:pointer;border-radius:var(--radius-pill);border:1.5px solid var(--border);background:var(--surface-strong);color:var(--text);user-select:none;align-items:center;gap:8px;padding:9px 15px;font-size:.88rem;font-weight:600;list-style:none;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.tools-dropdown>summary::-webkit-details-marker{display:none}.tools-dropdown>summary:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.tools-dropdown>summary .fa-grip{color:var(--muted);font-size:.85rem}.chevron{color:var(--muted);font-size:.7rem;transition:transform .2s}.tools-dropdown[open] .chevron{transform:rotate(180deg)}.dropdown-menu{border-radius:var(--radius-lg);border:1.5px solid var(--border);z-index:200;background:#fff;grid-template-columns:repeat(3,1fr);gap:12px 0;width:900px;max-width:calc(100vw - 32px);padding:16px;animation:.15s dropIn;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 40px #0ea5e91f,0 2px 12px #0000000f}@keyframes dropIn{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.dm-col{border-right:1px solid var(--border);border-bottom:1px solid var(--border);flex-direction:column;gap:1px;padding:0 12px 12px;display:flex}.dm-col:nth-child(3n){border-right:none}.dm-col:nth-child(3n+1){padding-left:0}.dm-col:nth-last-child(-n+3){border-bottom:none;padding-bottom:0}.dm-cat{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);border-bottom:1px solid var(--border);margin-bottom:4px;padding:4px 8px 8px;font-size:.68rem;font-weight:800}.dropdown-menu a{border-radius:var(--radius-sm);color:var(--text-secondary);white-space:nowrap;align-items:center;gap:8px;padding:7px 10px;font-size:.82rem;font-weight:500;transition:background .12s,color .12s;display:flex}.dropdown-menu a:hover{background:var(--accent-soft);color:var(--accent)}.menu-icon{text-align:center;width:16px;color:var(--muted);flex-shrink:0;font-size:.8rem;transition:color .12s}.dropdown-menu a:hover .menu-icon{color:var(--accent)}.menu-badge{border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent);letter-spacing:.03em;text-transform:uppercase;margin-left:auto;padding:1px 6px;font-size:.62rem;font-weight:700}@media (width<=800px){.dropdown-menu{grid-template-columns:repeat(2,1fr);width:min(620px,100vw - 32px);max-height:80vh;overflow-y:auto}.dm-col:nth-child(3n){border-right:1px solid var(--border)}.dm-col:nth-child(2n){border-right:none}.dm-col:nth-child(odd){padding-left:0}.dm-col:nth-last-child(-n+3){border-bottom:1px solid var(--border);padding-bottom:12px}.dm-col:nth-last-child(-n+2){border-bottom:none;padding-bottom:0}}@media (width<=500px){.dropdown-menu{grid-template-columns:1fr;width:calc(100vw - 32px);max-height:70vh;overflow-y:auto}.dm-col{border-bottom:1px solid var(--border);border-right:none!important;padding:0 0 12px!important}.dm-col:last-child{border-bottom:none}}.blog-nav-link{border-radius:var(--radius-pill);border:1.5px solid var(--border);background:var(--surface-strong);color:var(--text);align-items:center;gap:7px;padding:9px 15px;font-size:.88rem;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.blog-nav-link:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.lang-switcher{position:relative}.lang-btn{border-radius:var(--radius-pill);border:1.5px solid var(--border);background:var(--surface-strong);color:var(--text-secondary);cursor:pointer;letter-spacing:.03em;white-space:nowrap;align-items:center;gap:5px;padding:8px 12px;font-size:.8rem;font-weight:700;transition:all .15s;display:inline-flex}.lang-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.lang-btn i{font-size:.82rem}.lang-chev{opacity:.7;font-size:.55rem}.lang-dropdown{border:1.5px solid var(--border);border-radius:var(--radius);z-index:300;background:#fff;width:260px;animation:.15s dropIn;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 8px 32px #0ea5e91a,0 2px 8px #0000000f}.lang-search-wrap{border-bottom:1px solid var(--border);padding:10px 10px 6px}.lang-search-wrap input{border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--bg);width:100%;color:var(--text);padding:6px 10px;font-size:.8rem}.lang-search-wrap input:focus{border-color:var(--accent);outline:none}.lang-list{scrollbar-width:thin;max-height:260px;padding:6px;overflow-y:auto}.lang-option{border-radius:var(--radius-sm);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:7px 10px;transition:background .12s;display:flex}.lang-option:hover{background:var(--accent-soft)}.lang-option.active{background:var(--accent-soft);color:var(--accent)}.lang-native{color:var(--text);font-size:.85rem;font-weight:600}.lang-option.active .lang-native{color:var(--accent)}.lang-english{color:var(--muted);font-size:.7rem}.lang-toast{border:1.5px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:1000;background:#fff;flex-wrap:wrap;align-items:center;gap:16px;width:max-content;max-width:90vw;padding:14px 20px;animation:.3s slideUp;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@keyframes slideUp{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}#lang-toast-msg{color:var(--text);font-size:.85rem;font-weight:500}.lang-toast-btns{flex-shrink:0;gap:8px;display:flex}.lang-toast-accept{padding:7px 16px;font-size:.8rem}.lang-toast-dismiss{border:1.5px solid var(--border);border-radius:var(--radius-pill);color:var(--muted);cursor:pointer;background:0 0;padding:7px 14px;font-size:.78rem;transition:all .15s}.lang-toast-dismiss:hover{border-color:var(--accent);color:var(--accent)}.site-footer{border-top:1px solid var(--border);background:#fff;margin-top:auto;padding:20px 28px}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;max-width:1200px;margin:0 auto;display:flex}.footer-brand{color:var(--text);letter-spacing:-.02em;align-items:center;gap:8px;font-size:.9rem;font-weight:800;display:flex}.footer-copy{color:var(--muted);font-size:.82rem}.eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);align-items:center;gap:6px;margin-bottom:10px;font-size:.73rem;font-weight:700;display:flex}.btn{border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:7px;padding:10px 20px;font-size:.88rem;font-weight:600;text-decoration:none;transition:opacity .15s,transform .15s,box-shadow .15s;display:inline-flex}.btn:hover{opacity:.88;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{color:#fff;background:linear-gradient(135deg,#0ea5e9,#06b6d4);box-shadow:0 4px 14px #0ea5e94d}.btn-secondary{color:var(--text);border:1.5px solid var(--border);background:#fff}.btn-secondary:hover{background:var(--surface-hover)}.btn-ghost{background:var(--accent-soft);color:var(--accent)}.pill{border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:5px;padding:4px 11px;font-size:.73rem;font-weight:700;display:inline-flex}.card{border:1.5px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow);background:#fff}.tool-page{flex:1;width:100%;max-width:900px;margin:0 auto;padding:32px 24px 64px}.tool-header{margin-bottom:28px}.tool-header h1{letter-spacing:-.04em;color:var(--text);margin-bottom:8px;font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:800;line-height:1.1}.tool-header p{color:var(--muted);max-width:620px;font-size:.98rem;line-height:1.65}.tool-header p.tool-intro{color:var(--text-secondary);max-width:700px;margin-top:12px;font-size:.92rem;line-height:1.75}.form-group{flex-direction:column;gap:6px;margin-bottom:18px;display:flex}.form-group:last-child{margin-bottom:0}label{color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:5px;font-size:.8rem;font-weight:700;display:flex}label .label-optional{color:var(--muted);text-transform:none;letter-spacing:0;font-size:.68rem;font-weight:500}label .label-required:after{content:" *";color:var(--danger);font-weight:700}input[type=text],input[type=url],input[type=email],input[type=password],input[type=search],input[type=number],input[type=tel],input[type=date],input[type=datetime-local],input[type=month],input[type=week],input[type=time],textarea,select{border-radius:var(--radius);border:1.5px solid var(--border);width:100%;color:var(--text);font-size:.92rem;font-family:var(--font);resize:vertical;appearance:none;background:#fff;outline:none;padding:11px 14px;line-height:1.5;transition:border-color .18s,box-shadow .18s,background .18s}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.75;font-weight:400}input[type=text]:focus,input[type=url]:focus,input[type=email]:focus,input[type=password]:focus,input[type=search]:focus,input[type=number]:focus,input[type=tel]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=month]:focus,input[type=week]:focus,input[type=time]:focus,textarea:focus,select:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 3px #0ea5e924,0 1px 4px #0ea5e91a}input[type=text]:not(:disabled):hover,input[type=url]:not(:disabled):hover,input[type=email]:not(:disabled):hover,input[type=password]:not(:disabled):hover,input[type=search]:not(:disabled):hover,input[type=number]:not(:disabled):hover,input[type=tel]:not(:disabled):hover,input[type=date]:not(:disabled):hover,input[type=datetime-local]:not(:disabled):hover,textarea:not(:disabled):hover,select:not(:disabled):hover{border-color:#0ea5e980}input:disabled,textarea:disabled,select:disabled{opacity:.48;cursor:not-allowed;background:var(--surface-hover)}input[readonly],textarea[readonly]{background:var(--surface-hover);color:var(--text-secondary);cursor:default;border-style:dashed}input[readonly]:focus,textarea[readonly]:focus{box-shadow:none;border-color:var(--border)}input:not(:placeholder-shown):invalid,textarea:not(:placeholder-shown):invalid{border-color:#ef444480}input:not(:placeholder-shown):invalid:focus,textarea:not(:placeholder-shown):invalid:focus{border-color:var(--danger);box-shadow:0 0 0 3px #ef44441f}textarea{resize:vertical;min-height:100px;line-height:1.65}select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M3 5L7 9L11 5' stroke='%236b8299' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:14px;padding-right:38px}select option{color:var(--text);background:#fff;padding:8px}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[type=date]::-webkit-calendar-picker-indicator{filter:var(--date-icon-filter,none);cursor:pointer;opacity:.6;transition:opacity .15s}input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:var(--date-icon-filter,none);cursor:pointer;opacity:.6;transition:opacity .15s}input[type=month]::-webkit-calendar-picker-indicator{filter:var(--date-icon-filter,none);cursor:pointer;opacity:.6;transition:opacity .15s}input[type=time]::-webkit-calendar-picker-indicator{filter:var(--date-icon-filter,none);cursor:pointer;opacity:.6;transition:opacity .15s}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}input[type=search]::-webkit-search-cancel-button{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 6L6 18M6 6l12 12' stroke='%236b8299' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-size:contain;width:16px;height:16px}input[type=checkbox],input[type=radio]{border:1.5px solid var(--border-strong);cursor:pointer;appearance:none;vertical-align:middle;background:#fff;border-radius:5px;flex-shrink:0;width:18px;min-width:18px;height:18px;padding:0;transition:border-color .15s,background .15s,box-shadow .15s;position:relative}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:linear-gradient(135deg,#0ea5e9,#06b6d4);border-color:#0000}input[type=checkbox]:checked:after{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6l3 3 5-5' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:10px;display:flex;position:absolute;inset:0}input[type=radio]:checked:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:3px}input[type=checkbox]:focus,input[type=radio]:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #0ea5e92e}input[type=checkbox]:hover:not(:disabled),input[type=radio]:hover:not(:disabled){border-color:var(--accent)}.check-row,.radio-row{cursor:pointer;align-items:center;gap:8px;display:flex}.check-row label,.radio-row label{text-transform:none;letter-spacing:0;color:var(--text);cursor:pointer;font-size:.88rem;font-weight:500}input[type=range]{appearance:none;background:var(--border);width:100%;height:6px;box-shadow:none;cursor:pointer;accent-color:var(--accent);border:none;border-radius:3px;outline:none;padding:0;transition:opacity .15s}input[type=range]:hover{opacity:.9}input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:linear-gradient(135deg,#0ea5e9,#06b6d4);border:2px solid #fff;border-radius:50%;width:20px;height:20px;transition:transform .15s,box-shadow .15s;box-shadow:0 2px 8px #0ea5e966}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 3px 12px #0ea5e98c}input[type=range]::-moz-range-thumb{cursor:pointer;background:linear-gradient(135deg,#0ea5e9,#06b6d4);border:2px solid #fff;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 8px #0ea5e966}input[type=range]:focus{box-shadow:none}input[type=range]:focus::-webkit-slider-thumb{box-shadow:0 0 0 3px #0ea5e933,0 2px 8px #0ea5e966}input[type=color]{border-radius:var(--radius-sm);border:1.5px solid var(--border);cursor:pointer;background:#fff;width:48px;height:40px;padding:3px 4px;transition:border-color .15s,transform .15s;overflow:hidden}input[type=color]:hover{border-color:var(--accent);transform:scale(1.05)}input[type=color]:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #0ea5e924}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none;border-radius:4px}input[type=file]{border-radius:var(--radius);border:1.5px dashed var(--border-strong);background:var(--surface-strong);color:var(--text-secondary);cursor:pointer;width:100%;padding:9px 12px;font-size:.84rem;transition:border-color .15s,background .15s}input[type=file]:hover{border-color:var(--accent);background:var(--accent-soft)}input[type=file]:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #0ea5e91f}input[type=file]::-webkit-file-upload-button{color:#fff;border-radius:var(--radius-pill);cursor:pointer;font-size:.78rem;font-weight:700;font-family:var(--font);background:linear-gradient(135deg,#0ea5e9,#06b6d4);border:none;margin-right:10px;padding:6px 14px;transition:opacity .15s}input[type=file]::-webkit-file-upload-button:hover{opacity:.88}input[type=file]::file-selector-button{color:#fff;border-radius:var(--radius-pill);cursor:pointer;font-size:.78rem;font-weight:700;font-family:var(--font);background:linear-gradient(135deg,#0ea5e9,#06b6d4);border:none;margin-right:10px;padding:6px 14px;transition:opacity .15s}input[type=file]::file-selector-button:hover{opacity:.88}.input-group{align-items:stretch;display:flex;position:relative}.input-group input{border-radius:var(--radius);flex:1}.input-prefix,.input-suffix{background:var(--surface-hover);border:1.5px solid var(--border);color:var(--muted);white-space:nowrap;flex-shrink:0;align-items:center;padding:0 12px;font-size:.82rem;font-weight:600;transition:border-color .15s;display:flex}.input-prefix{border-radius:var(--radius) 0 0 var(--radius);border-right:none}.input-suffix{border-radius:0 var(--radius) var(--radius) 0;border-left:none}.input-group input:first-child:not(:last-child){border-radius:var(--radius) 0 0 var(--radius);border-right:none}.input-group input:last-child:not(:first-child){border-radius:0 var(--radius) var(--radius) 0}.input-group input:focus+.input-suffix,.input-prefix:has(+input:focus){border-color:var(--accent)}.input-icon-wrap{position:relative}.input-icon-wrap input{padding-left:40px}.input-icon-wrap>i,.input-icon-wrap>.input-icon{color:var(--muted);pointer-events:none;font-size:.88rem;transition:color .15s;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.input-icon-wrap input:focus~i,.input-icon-wrap input:focus~.input-icon{color:var(--accent)}.inline-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-size:.78rem;font-weight:700}.mini-select{border-radius:var(--radius-sm);border:1.5px solid var(--border);color:var(--text);cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%236b8299' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E") right 10px center/12px no-repeat;width:auto;min-width:80px;padding:6px 32px 6px 10px;font-size:.8rem}.mini-select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px #0ea5e91f}.toggle-switch{cursor:pointer;align-items:center;gap:10px;display:inline-flex;position:relative}.toggle-switch input[type=checkbox]{background:var(--border);border:none;border-radius:11px;flex-shrink:0;width:40px;height:22px;transition:background .2s;position:relative}.toggle-switch input[type=checkbox]:checked{background:linear-gradient(135deg,#0ea5e9,#06b6d4)}.toggle-switch input[type=checkbox]:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.toggle-switch input[type=checkbox]:checked:after{transform:translate(18px)}.toggle-switch span{color:var(--text-secondary);font-size:.86rem;font-weight:500}.field-hint,.form-hint{color:var(--muted);margin-top:3px;font-size:.72rem;line-height:1.5}.field-error{color:var(--danger);align-items:center;gap:4px;margin-top:3px;font-size:.72rem;font-weight:600;display:flex}.field-success{color:var(--success);align-items:center;gap:4px;margin-top:3px;font-size:.72rem;font-weight:600;display:flex}.char-count{color:var(--muted);text-align:right;margin-top:2px;font-size:.68rem}.char-count.warn{color:var(--warning);font-weight:600}.char-count.over{color:var(--danger);font-weight:700}.form-row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:16px;display:grid}.form-row .form-group{margin-bottom:0}fieldset{border:1.5px solid var(--border);border-radius:var(--radius-lg);margin-bottom:18px;padding:18px 20px}fieldset legend{text-transform:uppercase;letter-spacing:.06em;color:var(--accent);margin-left:-8px;padding:0 8px;font-size:.78rem;font-weight:800}@media (width<=600px){.site-header{padding:0 16px}.brand-name{display:none}.tool-page{padding:20px 16px 48px}.form-row{grid-template-columns:1fr}}