.searchbox{position:relative;width:100%}.searchbox-icon{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:var(--text-subtle);pointer-events:none}.searchbox-input{width:100%;min-height:40px;padding:.5rem 2.6rem .5rem 2.5rem;border:1px solid var(--border-strong);border-radius:var(--radius-full);background:var(--surface);color:var(--text);font:inherit;font-size:var(--fs-sm);-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbox-input::-webkit-search-cancel-button{display:none}.searchbox-input::placeholder{color:var(--text-subtle);opacity:1}.searchbox-input:focus{outline:none;border-color:var(--focus-ring);box-shadow:0 0 0 3px color-mix(in srgb,var(--focus-ring) 25%,transparent)}.searchbox-lg .searchbox-icon{left:1.15rem}.searchbox-lg .searchbox-input{min-height:60px;padding:.85rem 3rem .85rem 3.25rem;font-size:var(--fs-md);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.searchbox-clear,.searchbox-kbd{position:absolute;right:.6rem;top:50%;transform:translateY(-50%)}.searchbox-clear{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:var(--radius-full);background:transparent;color:var(--text-muted);cursor:pointer}.searchbox-clear:hover{background:var(--surface-2);color:var(--text)}.searchbox-kbd{padding:.05rem .45rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);font:600 var(--fs-xs) / 1.4 var(--font-mono);color:var(--text-muted);background:var(--surface-2)}.searchbox-panel{position:absolute;z-index:1100;top:calc(100% + 6px);left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;text-align:left}.searchbox-list{list-style:none;margin:0;padding:var(--space-1);max-height:min(70vh,460px);overflow-y:auto}.searchbox-option{display:flex;align-items:flex-start;gap:var(--space-3);padding:.55rem .7rem;border-radius:var(--radius-md);cursor:pointer;color:var(--text)}.searchbox-option.is-active{background:var(--accent-soft)}.searchbox-option-icon{flex-shrink:0;display:grid;place-items:center;width:30px;height:30px;margin-top:1px;border-radius:var(--radius-md);background:var(--surface-2);color:var(--accent)}.searchbox-option-text{min-width:0;display:flex;flex-direction:column;gap:1px}.searchbox-option-name{font-weight:600;font-size:var(--fs-sm)}.searchbox-option-name mark{background:transparent;color:var(--accent);font-weight:700}.searchbox-option-desc{font-size:var(--fs-xs);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.searchbox-empty{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--fs-sm);color:var(--text)}.searchbox-empty p{margin:0;color:var(--text)}.searchbox-empty-try{color:var(--text-muted)!important}.searchbox-browse{font-weight:600}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid transparent;border-radius:var(--radius-md);font:inherit;font-weight:600;line-height:1.2;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.ui-btn:disabled{opacity:.55;cursor:not-allowed}.ui-btn-sm{min-height:34px;padding:.35rem .75rem;font-size:var(--fs-sm)}.ui-btn-md{min-height:40px;padding:.55rem 1rem;font-size:var(--fs-sm)}.ui-btn-lg{min-height:48px;padding:.7rem 1.4rem;font-size:var(--fs-base)}@media (pointer: coarse){.ui-btn-sm,.ui-btn-md{min-height:var(--tap-target)}}.ui-btn-primary{background:var(--accent);color:var(--accent-contrast);box-shadow:var(--shadow-xs)}.ui-btn-primary:not(:disabled):hover{background:var(--accent-hover);color:var(--accent-contrast)}.ui-btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.ui-btn-secondary:not(:disabled):hover{background:var(--surface-2);color:var(--text)}.ui-btn-ghost{background:transparent;color:var(--text-muted)}.ui-btn-ghost:not(:disabled):hover{background:var(--surface-2);color:var(--text)}.ui-spin{animation:spin .9s linear infinite}.ui-icon-btn{display:inline-grid;place-items:center;min-width:36px;min-height:36px;padding:0;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--text-muted);cursor:pointer}.ui-icon-btn:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.ui-icon-btn:disabled{opacity:.4;cursor:not-allowed}@media (pointer: coarse){.ui-icon-btn{min-width:var(--tap-target);min-height:var(--tap-target)}}.ui-badge{display:inline-flex;align-items:center;gap:.3rem;width:fit-content;padding:.15rem .55rem;border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:600;line-height:1.5}.ui-badge-neutral{background:var(--surface-2);color:var(--text-muted)}.ui-badge-accent{background:var(--accent-soft);color:var(--accent)}.ui-badge-success{background:var(--success-soft);color:var(--success)}.ui-badge-warning{background:var(--warning-soft);color:var(--warning)}.ui-badge-danger{background:var(--danger-soft);color:var(--danger)}.ui-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-xs)}.ui-tool-card{display:flex;flex-direction:column;gap:var(--space-2);min-width:0;height:100%;padding:var(--space-4) var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);color:var(--text);text-decoration:none;box-shadow:var(--shadow-xs);transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.ui-tool-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md);color:var(--text)}.ui-tool-card-name{font-weight:650;font-size:var(--fs-base);line-height:1.3}.ui-tool-card-desc{color:var(--text-muted);font-size:var(--fs-sm);line-height:1.5}.ui-alert{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid transparent;font-size:var(--fs-sm);line-height:1.5;color:var(--text)}.ui-alert-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.ui-alert-title{font-weight:650}.ui-alert-action{margin-top:var(--space-2)}.ui-alert-icon{flex-shrink:0;margin-top:2px}.ui-alert-info{background:var(--info-soft);border-color:color-mix(in srgb,var(--info) 30%,transparent)}.ui-alert-info .ui-alert-icon{color:var(--info)}.ui-alert-success{background:var(--success-soft);border-color:color-mix(in srgb,var(--success) 30%,transparent)}.ui-alert-success .ui-alert-icon{color:var(--success)}.ui-alert-warning{background:var(--warning-soft);border-color:color-mix(in srgb,var(--warning) 30%,transparent)}.ui-alert-warning .ui-alert-icon{color:var(--warning)}.ui-alert-error{background:var(--danger-soft);border-color:color-mix(in srgb,var(--danger) 35%,transparent)}.ui-alert-error .ui-alert-icon{color:var(--danger)}.ui-tabs{display:inline-flex;gap:2px;padding:3px;border-radius:var(--radius-md);background:var(--surface-2);max-width:100%;overflow-x:auto}.ui-tab{display:inline-flex;align-items:center;gap:.35rem;min-height:34px;padding:.35rem .8rem;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font:inherit;font-size:var(--fs-sm);font-weight:600;cursor:pointer;white-space:nowrap}.ui-tab[aria-selected=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow-xs)}@media (pointer: coarse){.ui-tab{min-height:40px}}.ui-skeleton{display:block;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:ui-shimmer 1.2s ease-in-out infinite}@keyframes ui-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ui-upload{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-10) var(--space-4);text-align:center;cursor:pointer;border:2px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--surface);transition:border-color .15s ease,background-color .15s ease}.ui-upload.is-compact{padding:var(--space-6) var(--space-4)}.ui-upload:hover,.ui-upload.is-over{border-color:var(--accent);background:var(--accent-soft)}.ui-upload-icon{color:var(--accent)}.ui-upload-title{font-weight:650;font-size:var(--fs-md);color:var(--text)}.ui-upload-hint{font-size:var(--fs-sm);color:var(--text-muted)}.ui-result{display:flex;flex-direction:column;gap:var(--space-4)}.ui-result-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4)}.ui-result-text{min-width:0}.ui-result-title{font-size:var(--fs-md);margin:0;overflow-wrap:anywhere}.ui-result-meta{margin:var(--space-1) 0 0;font-size:var(--fs-sm);color:var(--text-muted)}.ui-result-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.ui-toasts{position:fixed;z-index:1000;left:50%;bottom:max(var(--space-4),env(safe-area-inset-bottom));transform:translate(-50%);display:flex;flex-direction:column;gap:var(--space-2);pointer-events:none}.ui-toast{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--text);color:var(--surface);font-size:var(--fs-sm);font-weight:600;box-shadow:var(--shadow-lg)}.ui-theme-toggle{display:inline-flex;gap:2px;padding:3px;border-radius:var(--radius-full);background:var(--surface-2);border:1px solid var(--border)}.ui-theme-option{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-width:32px;min-height:32px;padding:0 .5rem;border:0;border-radius:var(--radius-full);background:transparent;color:var(--text-muted);font:inherit;font-size:var(--fs-sm);cursor:pointer}.ui-theme-option[aria-checked=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow-xs)}@media (pointer: coarse){.ui-theme-option{min-width:40px;min-height:40px}}.ui-progress{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-4);text-align:center;color:var(--text);font-weight:600}.ui-progress>svg{color:var(--accent)}.ui-progress-bar{width:min(340px,100%);height:8px;border-radius:var(--radius-full);background:var(--surface-3);overflow:hidden}.ui-progress-bar span{display:block;height:100%;background:var(--accent);transition:width .2s ease}.site-header{position:sticky;top:0;z-index:1000;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--border)}.header-inner{max-width:1200px;margin:0 auto;height:64px;padding:0 max(var(--space-5),env(safe-area-inset-right)) 0 max(var(--space-5),env(safe-area-inset-left));display:flex;align-items:center;gap:var(--space-4)}.logo{display:inline-flex;align-items:center;gap:.55rem;text-decoration:none;flex-shrink:0}.logo-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:var(--radius-md);background:var(--accent);color:var(--accent-contrast)}.logo-name{font-weight:750;font-size:1.15rem;letter-spacing:-.02em;color:var(--text)}.header-nav{display:flex;align-items:center;gap:2px}.header-nav-btn,.header-nav-link{display:inline-flex;align-items:center;gap:.3rem;min-height:38px;padding:0 .75rem;border:0;border-radius:var(--radius-md);background:transparent;color:var(--text-muted);font:inherit;font-size:var(--fs-sm);font-weight:600;text-decoration:none;cursor:pointer;white-space:nowrap}.header-nav-btn:hover,.header-nav-link:hover{background:var(--surface-2);color:var(--text)}.header-nav-link.active{color:var(--text);background:var(--surface-2)}.header-nav-btn[aria-expanded=true]{background:var(--surface-2);color:var(--text)}.header-nav-btn svg{transition:transform .15s ease}.header-nav-btn svg.rotated{transform:rotate(180deg)}.header-search{flex:1;min-width:160px;max-width:420px;margin-left:auto}.header-theme{display:flex;align-items:center}.hamburger{display:none;place-items:center;min-width:var(--tap-target);min-height:var(--tap-target);margin-left:auto;border:0;border-radius:var(--radius-md);background:transparent;color:var(--text);cursor:pointer}.hamburger:hover{background:var(--surface-2)}.mega-menu{position:absolute;left:0;right:0;top:100%;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-lg)}.mega-menu-inner{max-width:1200px;margin:0 auto;padding:var(--space-6) var(--space-5);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-6) var(--space-5);max-height:calc(100vh - 80px);overflow-y:auto}.mega-col-title{display:inline-flex;align-items:center;gap:.4rem;font-weight:700;font-size:var(--fs-sm);color:var(--text);text-decoration:none;margin-bottom:var(--space-2)}.mega-col-title svg{color:var(--accent)}.mega-col-title:hover{color:var(--accent)}.mega-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.mega-col a:not(.mega-col-title){display:block;padding:.3rem 0;font-size:var(--fs-sm);color:var(--text-muted);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mega-col a:not(.mega-col-title):hover{color:var(--accent)}.mega-footer{grid-column:1 / -1;border-top:1px solid var(--border);padding-top:var(--space-4)}.mega-all{display:inline-flex;align-items:center;gap:.4rem;font-weight:600;font-size:var(--fs-sm);text-decoration:none}.mobile-drawer{position:absolute;left:0;right:0;top:100%;height:calc(100dvh - 64px);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4) max(var(--space-4),env(safe-area-inset-right)) calc(var(--space-6) + env(safe-area-inset-bottom)) max(var(--space-4),env(safe-area-inset-left));background:var(--surface);border-top:1px solid var(--border)}.drawer-cats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.drawer-cat{display:flex;align-items:center;gap:.55rem;min-height:48px;padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);text-decoration:none;font-weight:600;font-size:var(--fs-sm)}.drawer-cat svg{color:var(--accent);flex-shrink:0}.drawer-all{grid-column:1 / -1;justify-content:center}.drawer-theme{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border)}.drawer-theme-label{font-size:var(--fs-sm);font-weight:600;color:var(--text-muted)}@media (max-width: 1080px){.header-nav-link{display:none}.mega-menu-inner{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 860px){.header-nav,.header-search,.header-theme{display:none}.hamburger{display:grid}.mega-menu{display:none}}.site-footer{background:var(--surface);border-top:1px solid var(--border);padding:3.5rem 1.25rem 2rem;color:var(--text-2);margin-top:auto}.footer-inner{max-width:1200px;margin:0 auto}.footer-grid{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:3rem;margin-bottom:3rem}.footer-brand{display:flex;flex-direction:column;gap:1rem}.footer-logo{display:flex;align-items:center;gap:.65rem;font-weight:800;font-size:1.15rem;color:var(--text)}.footer-logo-mark{width:32px;height:32px;border-radius:var(--r-md);background:var(--accent);display:flex;align-items:center;justify-content:center;color:var(--accent-contrast)}.footer-tagline{font-size:.9rem;color:var(--text-2);max-width:440px;line-height:1.6}.social-row{display:flex;gap:.6rem}.social-btn{width:34px;height:34px;border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-2);transition:all .2s ease;text-decoration:none}.social-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.footer-col-title{font-size:.9rem;font-weight:700;color:var(--text);margin-bottom:1.25rem;text-transform:uppercase;letter-spacing:.03em}.footer-links{list-style:none;display:flex;flex-direction:column;gap:.65rem}.footer-link{color:var(--text-2);text-decoration:none;font-size:.88rem;transition:color .2s ease}.footer-link:hover{color:var(--text)}.footer-bottom{border-top:1px solid var(--border);padding-top:1.5rem;display:flex;align-items:center;justify-content:space-between;font-size:.85rem;color:var(--text-3)}.footer-built{display:flex;align-items:center;gap:.35rem}.footer-built a{color:var(--accent);text-decoration:none;font-weight:600}@media (max-width: 900px){.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-brand{grid-column:1 / -1}}@media (max-width: 768px){.footer-grid{gap:2rem}.footer-bottom{flex-direction:column;gap:.75rem;text-align:center}}.related-tools{margin-top:var(--space-10);display:flex;flex-direction:column;gap:var(--space-4)}.related-tools-title{font-size:var(--fs-lg)}.related-tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));gap:var(--space-3)}.tool-shell{display:flex;flex-direction:column;gap:var(--space-6);min-width:0}.ts-head{display:flex;flex-direction:column;gap:var(--space-2)}.ts-title{font-size:clamp(1.4rem,3.4vw,var(--fs-2xl));line-height:1.2}.ts-desc{color:var(--text-muted);max-width:70ch}.ts-meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2) var(--space-3);font-size:var(--fs-sm)}.ts-cat{display:inline-flex;align-items:center;gap:2px;font-weight:600;color:var(--accent);text-decoration:none}@media (pointer: coarse){.ts-cat{min-height:var(--tap-target)}}.ts-trust{display:inline-flex;align-items:center;gap:.35rem;color:var(--text-muted)}.ts-trust-browser svg{color:var(--success)}.ts-trust-server{color:var(--warning);font-weight:600}.ts-server-note{font-size:var(--fs-sm);color:var(--text);background:var(--warning-soft);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);max-width:70ch}.ts-body{min-width:0}.ts-info:empty{display:none}@media (max-width: 600px){.tool-shell{gap:var(--space-5)}.ts-head{gap:var(--space-1)}.ts-desc{font-size:var(--fs-sm);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ts-meta{font-size:var(--fs-xs)}.ts-trust-more{display:none}}.ts-action-bar{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}@media (max-width: 860px){.ts-action-bar.is-sticky{position:sticky;bottom:0;z-index:20;margin:0 calc(-1 * var(--space-4));padding:var(--space-3) var(--space-4) calc(var(--space-3) + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--surface) 94%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--border)}.ts-action-bar.is-sticky>.ui-btn-primary{flex:1}}.ts-info-section{display:flex;flex-direction:column;gap:var(--space-6);border-top:1px solid var(--border);padding-top:var(--space-8)}.ts-info-section h2{font-size:var(--fs-lg);margin-bottom:var(--space-3)}.ts-steps{list-style:none;counter-reset:step;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:var(--space-3)}.ts-steps li{counter-increment:step;display:flex;gap:var(--space-3);padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.ts-steps li:before{content:counter(step);flex-shrink:0;display:grid;place-items:center;width:28px;height:28px;border-radius:var(--radius-full);background:var(--accent-soft);color:var(--accent);font-weight:700;font-size:var(--fs-sm)}.ts-steps strong{display:block;color:var(--text)}.ts-steps p{font-size:var(--fs-sm);margin-top:2px}.ts-faq{display:flex;flex-direction:column;gap:var(--space-2)}.ts-faq details{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.ts-faq summary{cursor:pointer;list-style:none;padding:var(--space-3) var(--space-4);font-weight:600;color:var(--text);display:flex;justify-content:space-between;gap:var(--space-3);min-height:var(--tap-target);align-items:center}.ts-faq summary::-webkit-details-marker{display:none}.ts-faq summary:after{content:"+";color:var(--text-muted);font-weight:700}.ts-faq details[open] summary:after{content:"−"}.ts-faq details p{padding:0 var(--space-4) var(--space-4);font-size:var(--fs-sm);line-height:1.6}.ts-privacy{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-4);border-radius:var(--radius-lg);background:var(--surface-2);font-size:var(--fs-sm)}.ts-privacy svg{flex-shrink:0;color:var(--success);margin-top:2px}.ts-privacy.is-server svg{color:var(--warning)}.ts-privacy p{color:var(--text)}.ts-collapse>summary{list-style:none;cursor:pointer}.ts-collapse>summary::-webkit-details-marker{display:none}.ts-body-pending{min-height:50vh}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Naskh Arabic;src:url(/fonts/pdf/NotoNaskhArabic-Regular.ttf) format("truetype");font-weight:400 700;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}:root,[data-theme=light]{color-scheme:light;--background: #f6f7f9;--surface: #ffffff;--surface-2: #eef1f5;--surface-3: #e4e8ee;--border: #d8dde5;--border-strong: #b9c1cd;--text: #111827;--text-muted: #4b5563;--text-subtle: #5b6474;--accent: #4f46e5;--accent-hover: #4338ca;--accent-contrast: #ffffff;--accent-soft: #eef0ff;--accent-2: #6d28d9;--focus-ring: #4f46e5;--success: #166534;--success-soft: #e8f5ec;--warning: #92400e;--warning-soft: #fdf3e1;--danger: #b91c1c;--danger-soft: #fdecec;--info: #0369a1;--info-soft: #e6f3fb;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 999px;--shadow-xs: 0 1px 2px rgb(16 24 40 / .05);--shadow-sm: 0 1px 3px rgb(16 24 40 / .08), 0 1px 2px rgb(16 24 40 / .04);--shadow-md: 0 4px 12px rgb(16 24 40 / .08), 0 2px 4px rgb(16 24 40 / .04);--shadow-lg: 0 12px 32px rgb(16 24 40 / .12);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--font-sans: "Inter Variable", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Naskh Arabic", "Noto Nastaliq Urdu", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-md: 1.125rem;--fs-lg: 1.25rem;--fs-xl: 1.5rem;--fs-2xl: 1.875rem;--fs-3xl: 2.25rem;--lh-tight: 1.25;--lh-normal: 1.6;--tap-target: 44px}[data-theme=dark]{color-scheme:dark;--background: #0b0f19;--surface: #121826;--surface-2: #1a2232;--surface-3: #232c3f;--border: #2a3346;--border-strong: #3d4860;--text: #f3f5f9;--text-muted: #aab4c3;--text-subtle: #929db0;--accent: #a5b4fc;--accent-hover: #c7d2fe;--accent-contrast: #0b0f19;--accent-soft: #1f2446;--accent-2: #c4b5fd;--focus-ring: #a5b4fc;--success: #4ade80;--success-soft: #12281c;--warning: #fbbf24;--warning-soft: #2b2312;--danger: #fca5a5;--danger-soft: #2d1719;--info: #7dd3fc;--info-soft: #0f2433;--shadow-xs: 0 1px 2px rgb(0 0 0 / .3);--shadow-sm: 0 1px 3px rgb(0 0 0 / .4);--shadow-md: 0 4px 12px rgb(0 0 0 / .4);--shadow-lg: 0 12px 32px rgb(0 0 0 / .5)}:root,[data-theme=light],[data-theme=dark]{--bg-base: var(--background);--bg-surface: var(--surface);--bg-card: var(--surface);--bg-card-hover: var(--surface-2);--bg-input: var(--surface);--bg-subtle: var(--surface-2);--border-hover: var(--border-strong);--border-focus: var(--focus-ring);--accent-glow: var(--accent-soft);--accent-light: var(--accent-soft);--text-1: var(--text);--text-2: var(--text-muted);--text-3: var(--text-subtle);--green: var(--success);--green-bg: var(--success-soft);--yellow: var(--warning);--yellow-bg: var(--warning-soft);--red: var(--danger);--red-bg: var(--danger-soft);--r-sm: var(--radius-sm);--r-md: var(--radius-md);--r-lg: var(--radius-lg);--r-xl: var(--radius-xl);--shadow-card: var(--shadow-sm);--shadow-hover: var(--shadow-md)}.ir-container{display:flex;flex-direction:column;gap:1.5rem}.ir-settings-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:1.5rem}@media (max-width: 968px){.ir-settings-grid{grid-template-columns:1fr}}.ir-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;transition:border-color .2s}.ir-card:hover{border-color:color-mix(in srgb,var(--accent) 40%,transparent)}.ir-title-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding-bottom:.75rem}.ir-card-title{font-size:1rem;font-weight:600;color:var(--text-1)}.ir-info-row{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem 1.5rem;font-size:.85rem;color:var(--text-2)}.ir-info-label{color:var(--text-3);font-weight:500}.ir-info-value{color:var(--text-1);font-weight:600;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ir-info-item{display:flex;justify-content:space-between;align-items:center}.ir-presets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.5rem}.ir-preset-btn{padding:.5rem;border-radius:var(--r-sm);font-size:.75rem;font-weight:600;border:1px solid var(--border);background:var(--bg-input);color:var(--text-2);cursor:pointer;transition:all .2s;text-align:center}.ir-preset-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}.ir-preset-btn.active{border-color:var(--accent);color:var(--text-1);background:var(--accent)}.ir-inputs-row{display:flex;align-items:center;gap:.75rem}.ir-input-group{flex:1;display:flex;flex-direction:column;gap:.4rem}.ir-input-wrapper{position:relative;display:flex;align-items:center}.ir-input{width:100%;padding:.65rem 2.5rem .65rem .75rem;background:var(--bg-input);border:1.5px solid var(--border);border-radius:var(--r-sm);color:var(--text-1);font-family:JetBrains Mono,monospace;font-size:.9rem;outline:none;transition:border-color .2s}.ir-input:focus{border-color:var(--accent)}.ir-input-unit{position:absolute;right:.75rem;font-size:.75rem;color:var(--text-3);pointer-events:none;font-weight:500}.ir-lock-btn{width:38px;height:38px;border-radius:var(--r-sm);background:var(--bg-input);border:1.5px solid var(--border);color:var(--text-2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;margin-top:1.25rem}.ir-lock-btn:hover,.ir-lock-btn.locked{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}.ir-pct-row{display:flex;gap:.4rem;flex-wrap:wrap}.ir-pct-btn{flex:1;min-width:60px;padding:.45rem;border-radius:var(--r-sm);font-size:.75rem;font-weight:600;border:1px solid var(--border);background:var(--bg-input);color:var(--text-2);cursor:pointer;transition:all .2s}.ir-pct-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}.ir-quality-group{display:flex;flex-direction:column;gap:.4rem;padding:.5rem 0}.ir-quality-slider{width:100%;height:6px;background:var(--bg-input);border:1px solid var(--border);border-radius:3px;outline:none;accent-color:var(--accent);cursor:pointer}.ir-actions-row{display:flex;gap:.75rem;margin-top:.5rem}.ir-actions-row .btn{flex:1}.ir-previews-layout{display:flex;flex-direction:column;gap:1rem}.ir-preview-box{background:var(--bg-input);border:1.5px dashed var(--border);border-radius:var(--r-md);padding:.75rem;display:flex;flex-direction:column;gap:.5rem;align-items:center;position:relative;overflow:hidden}.ir-preview-title{width:100%;display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-2);padding-bottom:.35rem;border-bottom:1px solid var(--border)}.ir-preview-frame{width:100%;max-height:240px;min-height:120px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--r-sm);background-image:radial-gradient(var(--surface-2) 1px,transparent 0);background-size:8px 8px}.ir-preview-img{max-width:100%;max-height:220px;object-fit:contain;border-radius:4px;box-shadow:0 4px 12px #00000040;transition:all .2s ease-in-out}.ir-preview-badge{position:absolute;top:.75rem;right:.75rem;background:var(--surface);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--border);padding:.25rem .5rem;border-radius:4px;font-size:.7rem;font-weight:700;color:var(--text-1)}.spin-icon{animation:spin .8s linear infinite}.drop-zone{border:2px dashed var(--border);border-radius:var(--r-xl);padding:3rem 2rem;text-align:center;cursor:pointer;transition:border-color .25s,background .25s;background:var(--bg-card)}.drop-zone:hover,.drop-zone.dragover{border-color:var(--accent);background:var(--accent-glow)}.drop-zone-icon{width:60px;height:60px;border-radius:50%;background:var(--bg-input);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:var(--text-2);transition:color .25s}.drop-zone:hover .drop-zone-icon,.drop-zone.dragover .drop-zone-icon{color:var(--accent);border-color:var(--accent)}.drop-zone-title{font-size:1rem;font-weight:600;color:var(--text-1);margin-bottom:.35rem}.drop-zone-sub{font-size:.825rem;color:var(--text-2)}.ic-settings-row{display:flex;align-items:flex-end;gap:1.5rem;flex-wrap:wrap}.ic-quality{flex:1;min-width:180px}.ic-range-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-3);margin-top:.25rem}.fmt-tabs{display:flex;gap:.5rem}.fmt-tab{padding:.45rem .9rem;border-radius:var(--r-sm);font-size:.8rem;font-weight:600;border:1.5px solid var(--border);background:var(--bg-input);color:var(--text-2);cursor:pointer;transition:all .2s;font-family:inherit}.fmt-tab.active,.fmt-tab:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}.ic-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.ic-summary{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.ic-list{display:flex;flex-direction:column;gap:.75rem}.ic-row{display:flex;align-items:center;gap:1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:.875rem 1rem;transition:border-color .2s}.ic-row:hover{border-color:var(--border-strong)}.ic-thumb{width:52px;height:52px;border-radius:var(--r-sm);object-fit:cover;flex-shrink:0;border:1px solid var(--border)}.ic-row-info{flex:1;min-width:0}.ic-row-name{font-size:.875rem;font-weight:500;color:var(--text-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ic-row-sizes{display:flex;align-items:center;gap:.5rem;margin-top:.3rem;font-size:.8rem}.ic-size-orig{color:var(--text-3);text-decoration:line-through}.ic-size-new{color:var(--green);font-weight:600}.ic-row-btns{display:flex;gap:.5rem;flex-shrink:0}.spin-icon{animation:spin .7s linear infinite}.pdf-upload-zone{border:2px dashed var(--border);border-radius:var(--r-lg);padding:clamp(1.75rem,5vw,3rem) 1rem;text-align:center;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.6rem;transition:border-color .15s ease,background .15s ease}.pdf-upload-zone:hover,.pdf-upload-zone.drag-over{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,transparent)}.pdf-upload-zone:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.pdf-upload-icon{color:var(--accent)}.pdf-upload-title{font-weight:700;font-size:1.05rem;color:var(--text-1)}.pdf-upload-sub{font-size:.875rem;color:var(--text-2)}.pdf-option-group{display:flex;flex-direction:column;gap:.35rem;border:0;padding:0;margin:0;min-width:0}.pdf-label{font-size:.875rem;font-weight:600;color:var(--text-1);margin:0}.pdf-hint{font-size:.85rem;color:var(--text-2);margin:0;line-height:1.5;display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}.pdf-input{width:100%;min-height:44px;padding:.55rem .75rem;border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-base);color:var(--text-1);font:inherit;font-size:.95rem}textarea.pdf-input{min-height:0;resize:vertical}.pdf-code{font-family:var(--font-mono);font-size:.875rem;line-height:1.5}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--fs-base);line-height:var(--lh-normal);background:var(--background);color:var(--text);-webkit-font-smoothing:antialiased;overflow-x:hidden}img,svg,video,canvas{max-width:100%}code,pre,kbd,samp,.font-mono{font-family:var(--font-mono)}a{color:var(--accent);text-underline-offset:2px}a:hover{color:var(--accent-hover)}::selection{background:var(--accent-soft);color:var(--text)}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;border-radius:4px}:focus:not(:focus-visible){outline:none}.skip-link{position:absolute;left:var(--space-4);top:-100px;z-index:1000;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--accent);color:var(--accent-contrast);font-weight:600;text-decoration:none}.skip-link:focus{top:var(--space-2);color:var(--accent-contrast)}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.app-wrapper{display:flex;flex-direction:column;min-height:100vh;background:var(--background)}.page-body{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:var(--space-8) max(var(--space-5),env(safe-area-inset-right)) var(--space-16) max(var(--space-5),env(safe-area-inset-left))}.container{max-width:1200px;margin:0 auto}h1,h2,h3,h4{color:var(--text);line-height:var(--lh-tight);letter-spacing:-.015em}h1{font-size:clamp(1.625rem,4vw,var(--fs-3xl));font-weight:750}h2{font-size:clamp(1.3rem,3vw,var(--fs-2xl));font-weight:700}h3{font-size:var(--fs-md);font-weight:650}h4{font-size:var(--fs-base);font-weight:600}p{color:var(--text-muted)}:lang(ur),[dir=rtl]{line-height:1.9}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-xs);transition:border-color .15s ease,box-shadow .15s ease}.card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:40px;padding:.55rem 1.1rem;border-radius:var(--radius-md);font:inherit;font-size:var(--fs-sm);font-weight:600;line-height:1.2;border:1px solid transparent;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--accent-contrast);box-shadow:var(--shadow-xs)}.btn-primary:not(:disabled):hover{background:var(--accent-hover);color:var(--accent-contrast)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border-strong);box-shadow:var(--shadow-xs)}.btn-secondary:not(:disabled):hover{background:var(--surface-2);color:var(--text)}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:not(:disabled):hover{background:var(--surface-2);color:var(--text)}.btn-success{background:var(--success);color:var(--surface)}.btn-success:not(:disabled):hover{filter:brightness(1.08)}.btn-lg{min-height:48px;padding:.75rem 1.5rem;font-size:var(--fs-base);border-radius:var(--radius-lg)}.btn-sm{min-height:34px;padding:.35rem .75rem;font-size:var(--fs-sm)}.btn-xs{min-height:28px;padding:.2rem .5rem;font-size:var(--fs-xs)}@media (pointer: coarse){.btn,.btn-sm,.btn-xs{min-height:var(--tap-target)}}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:var(--fs-sm);font-weight:600;color:var(--text)}.form-input,.form-textarea,.form-select{width:100%;min-height:42px;padding:.6rem .85rem;background:var(--surface);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius-md);font:inherit;font-size:var(--fs-base);transition:border-color .15s,box-shadow .15s}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--focus-ring);box-shadow:0 0 0 3px color-mix(in srgb,var(--focus-ring) 30%,transparent)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-subtle);opacity:1}input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer}input[type=checkbox],input[type=radio]{accent-color:var(--accent)}input[type=color]{width:100%;height:44px;padding:2px 4px;cursor:pointer;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md)}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .6rem;border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:600;border:1px solid transparent}.badge-indigo,.badge-accent{background:var(--accent-soft);color:var(--accent)}.badge-green{background:var(--success-soft);color:var(--success)}.badge-yellow{background:var(--warning-soft);color:var(--warning)}.badge-red{background:var(--danger-soft);color:var(--danger)}.badge-slate{background:var(--surface-2);color:var(--text-muted)}.divider{height:1px;background:var(--border);margin:var(--space-6) 0}.flex{display:flex}.grid{display:grid}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.gap-4{gap:2rem}.items-center{align-items:center}.justify-between{justify-content:space-between}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.w-full{width:100%}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.animate-fadeup{animation:fadeUp .25s ease-out both}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin .9s linear infinite}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full);border:2px solid var(--background)}.cols-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.cols-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.cols-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem}@media (max-width: 990px){.cols-4{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 768px){.cols-3,.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 540px){.cols-2,.cols-3,.cols-4{grid-template-columns:minmax(0,1fr)}.page-body{padding:var(--space-5) var(--space-4) var(--space-12)}}@media (pointer: coarse){:where(main) :where(button,select,summary,[role=button],[role=tab],textarea,input:not([type=checkbox],[type=radio],[type=range],[type=file],[type=hidden])):not(:where(table *,[class*=editable])){min-height:var(--tap-target)}:where(main) :where(button,[role=button]):not(:where(table *)){min-width:var(--tap-target)}:where(main) :where(input[type=checkbox],input[type=radio]){width:24px;height:24px;flex-shrink:0}:where(main) :where(input[type=color]){min-width:var(--tap-target)}.crumbs a,.category-others a,.directory-cat,.home-section-link{min-height:var(--tap-target)}}