@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,500;1,600;1,700&display=swap";.tool-workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:0;min-height:min(70vh,720px);max-width:100%;background:linear-gradient(160deg,#e8f0f7,#eef2f6 48%,#e2e8f0);border:1px solid #cbd5e1;border-radius:var(--radius-lg);overflow:hidden;margin:0 auto;width:100%;box-shadow:0 1px #ffffffb3 inset,0 12px 40px #0f172a0f}.tool-workspace__main{padding:16px;overflow:auto;max-width:100%;min-width:0}.tool-workspace__sidebar{background:linear-gradient(180deg,#fff,#f8fafc);border-left:1px solid #cbd5e1;padding:16px 16px 100px;display:flex;flex-direction:column;min-height:100%;position:relative;min-width:0}.tool-workspace__title{font-size:1.05rem;font-weight:800;text-align:center;margin:0 0 16px;color:var(--text);letter-spacing:-.02em}.tool-workspace__footer{position:absolute;bottom:0;left:0;right:0;padding:12px 16px 16px;background:linear-gradient(to top,#fff 85%,transparent);border-top:1px solid var(--border-light)}.tw-sidebar-subtitle{font-size:.85rem;font-weight:700;margin:0 0 12px;color:var(--text)}.tw-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-bottom:14px}.tw-toolbar__hint{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text-muted);background:#fff;padding:6px 12px;border-radius:var(--radius-full);border:1px solid var(--border)}.tw-fab{position:relative;width:48px;height:48px;border-radius:50%;border:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:transform .15s ease}.tw-fab:hover:not(:disabled){transform:scale(1.05)}.tw-fab:disabled{opacity:.45;cursor:not-allowed}.tw-fab--primary{background:#0d9488;box-shadow:0 4px 14px #0d948859}.tw-fab__badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;font-size:.65rem;font-weight:800;background:#0f172a;color:#fff;border-radius:999px;display:flex;align-items:center;justify-content:center}.tw-grid{display:flex;flex-wrap:wrap;gap:12px;align-content:flex-start}.tw-grid--merge,.tw-grid--pages{justify-content:flex-start}.tw-card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden;box-shadow:0 1px 3px #0000000f;width:140px;flex-shrink:0}.tw-card--file{cursor:default}.tw-card--dragging{opacity:.65}.tw-card--drop-target{outline:2px solid #6366f1;outline-offset:2px;border-radius:12px}.tw-card__grip--handle{cursor:grab;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;padding:4px 2px;border-radius:6px;display:inline-flex;align-items:center}.tw-card__grip--handle:active{cursor:grabbing;background:#6366f11a}.tw-card__reorder-btns{display:flex;flex-direction:column;gap:2px;flex-shrink:0}.tw-reorder-btn{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:32px;padding:0;border:1px solid var(--border);border-radius:8px;background:#f8fafc;color:var(--text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent}.tw-reorder-btn:hover:not(:disabled){background:#eef2ff;border-color:#c7d2fe;color:#4338ca}.tw-reorder-btn:disabled{opacity:.35;cursor:not-allowed}.tw-card__thumb{aspect-ratio:1 / 1.29;background:#f8fafc;position:relative}.tw-card__img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.tw-card__skeleton{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#f1f5f9,#e2e8f0,#f1f5f9);animation:pulse 1.2s ease-in-out infinite}.tw-card__err{display:flex;align-items:center;justify-content:center;height:100%;font-size:.75rem;color:var(--text-muted)}.tw-card__meta{display:flex;align-items:center;gap:4px;padding:8px;font-size:.7rem;border-top:1px solid var(--border-light);flex-wrap:wrap}.tw-card__grip{color:var(--text-muted);flex-shrink:0}.tw-card__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary)}.tw-card__x{border:none;background:transparent;color:var(--text-muted);cursor:pointer;padding:2px 4px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tw-card__x svg{display:block}.tw-card__x:hover{color:#0d9488}.tw-page-card{width:120px;flex-shrink:0;cursor:default}.tw-page-card--dragging{opacity:.65}.tw-page-card--drop-target{outline:2px solid #6366f1;outline-offset:2px;border-radius:10px}.tw-page-card__grip-handle{cursor:grab;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none}.tw-page-card--static{cursor:default}.tw-page-card--rotate-preview{width:132px;min-height:156px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.tw-page-card--rotate-preview .tw-page-card__rotator{display:flex;align-items:center;justify-content:center;max-width:100%;max-height:140px}.tw-page-card--rotate-preview .tw-page-card__inner{width:120px;flex-shrink:0}.tw-page-card__inner{position:relative;border-radius:10px;border:2px solid #94a3b8;overflow:hidden;background:#fff;box-shadow:0 2px 8px #0f172a0f}.tw-page-card__actions{position:absolute;top:4px;right:4px;z-index:2;display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end;max-width:calc(100% - 8px)}.tw-page-card__btn{width:26px;height:26px;border-radius:6px;border:none;background:#fffffff2;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:default;box-shadow:0 1px 2px #00000014}.tw-page-card__btn--danger{cursor:pointer;color:#dc2626}.tw-page-card__btn--danger:hover{background:#fef2f2}.tw-page-card__img{width:100%;display:block;vertical-align:middle}.tw-page-card__label{text-align:center;font-size:.75rem;font-weight:700;color:var(--text-secondary);margin-top:6px}.tw-range-box{border:2px dashed #94a3b8;border-radius:12px;padding:12px;background:#ffffffb8}.tw-range-box--soft{border-style:solid;border-color:#cbd5e1;background:#f8fafcf2}.tw-range-label{font-size:.75rem;font-weight:700;color:#0f766e;margin-bottom:10px;letter-spacing:.02em}.tw-alert{display:flex;gap:10px;padding:10px 12px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;font-size:.78rem;color:#1e40af;line-height:1.45;margin-bottom:14px}.tw-alert--soft{background:#f8fafc;border-color:#e2e8f0;color:var(--text-secondary)}.tw-alert__icon{flex-shrink:0;width:20px;height:20px;border-radius:50%;background:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center}.tw-alert__icon svg{display:block}.tw-alert--soft .tw-alert__icon{background:#94a3b8}.tw-files-heading{display:flex;justify-content:space-between;align-items:center;font-size:.78rem;font-weight:700;color:var(--text-secondary);margin-bottom:8px}.tw-link{background:none;border:none;color:#0d9488;font-weight:600;font-size:.78rem;cursor:pointer;padding:0}.tw-link:hover{text-decoration:underline}.tw-file-chips{list-style:none;margin:0 0 12px;padding:0}.tw-file-chip{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#ecfdf5;border-radius:8px;margin-bottom:6px;font-size:.75rem;border:1px solid #99f6e4}.tw-file-chip__grip{color:#94a3b8;display:flex;align-items:center;flex-shrink:0}.tw-file-chip__grip svg{display:block}.tw-file-chip__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#115e59;font-weight:600}.tw-cta{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 18px;border:none;border-radius:12px;background:linear-gradient(180deg,#14b8a6,#0d9488);color:#fff;font-size:.95rem;font-weight:700;cursor:pointer;font-family:var(--font);transition:background .15s ease,transform .15s ease,box-shadow .15s ease;box-shadow:0 4px 14px #0d948847}.tw-cta:hover:not(:disabled){background:linear-gradient(180deg,#0d9488,#0f766e);transform:translateY(-1px)}.tw-cta:disabled{opacity:.45;cursor:not-allowed}.tw-cta__icon{width:32px;height:32px;border-radius:50%;background:#ffffff40;display:flex;align-items:center;justify-content:center}.tw-loading,.tw-error{padding:24px;text-align:center;font-size:.9rem;color:var(--text-muted)}.tw-error{color:#b91c1c}.tw-muted{font-size:.78rem;color:var(--text-muted);line-height:1.45}.tw-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px}.tw-tab{padding:8px;border:1px solid var(--border);border-radius:8px;background:#f8fafc;font-size:.75rem;font-weight:600;cursor:pointer;color:var(--text-secondary)}.tw-tab--active{border-color:#0d9488;color:#0f766e;background:#ecfdf5}.tw-field{margin-bottom:12px}.tw-label{display:block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:6px}.tw-input,.tw-textarea{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-size:.88rem;font-family:var(--font)}.tw-textarea{resize:vertical;min-height:88px}.tw-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:8px 12px;background:#fff;border-radius:8px;border:1px solid var(--border)}.tw-preview-name{font-size:.8rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tw-preview-wrap{display:flex;justify-content:center}.tw-preview-stage{position:relative;max-width:100%;border-radius:8px;overflow:hidden;border:1px solid var(--border)}.tw-preview-img{display:block;max-width:100%;height:auto}.tw-pos-dot{position:absolute;width:12px;height:12px;border-radius:50%;background:#0d9488;border:2px solid #fff;box-shadow:0 1px 4px #0003;pointer-events:none}.tw-pos-dot--cx{transform:translate(-50%)}.tw-pos-grid{display:flex;flex-direction:column;gap:4px}.tw-pos-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px}.tw-pos-cell{aspect-ratio:1;border:1px solid var(--border);border-radius:6px;background:#f8fafc;cursor:pointer;padding:0}.tw-pos-cell--active{background:#ccfbf1;border-color:#0d9488}.tw-pos-cell--disabled{opacity:.25;cursor:default}.tw-edit-canvas{background:#e2e8f0;border-radius:12px;padding:16px;display:flex;justify-content:center}.tw-edit-img{max-width:100%;height:auto;border-radius:8px;box-shadow:var(--shadow-md)}.tw-compare-main{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:stretch;min-height:240px}.tw-compare-pane{background:#fff;border-radius:12px;border:2px solid #e2e8f0;overflow:hidden;display:flex;flex-direction:column}.tw-compare-pane--active{border-color:#3b82f6}.tw-compare-pane__head{padding:6px 10px;font-size:.7rem;font-weight:700;background:#f8fafc;border-bottom:1px solid var(--border)}.tw-compare-img{width:100%;display:block;flex:1;-o-object-fit:contain;object-fit:contain;background:#f1f5f9;min-height:160px}.tw-compare-filename{font-size:.72rem;padding:8px;color:var(--text-secondary);border-top:1px solid var(--border-light);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tw-compare-add{border:2px dashed #94a3b8;border-radius:12px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#0d9488;font-weight:600;font-size:.85rem;cursor:pointer;min-height:200px}.tw-compare-add:hover{border-color:#0d9488;background:#ecfdf5}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.tw-rotate-actions{margin-bottom:12px}.tw-rotate-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tw-rotate-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:14px 10px;border-radius:12px;border:1px solid var(--border);background:#f8fafc;font-size:.78rem;font-weight:700;color:var(--text-secondary);cursor:pointer;transition:background .15s ease,border-color .15s ease}.tw-rotate-btn:hover{background:#ecfdf5;border-color:#99f6e4}.tw-rotate-btn--primary{background:#ecfdf5;border-color:#0d9488;color:#0f766e}.tw-preview-stage--wm{position:relative}.tw-wm-ghost{position:absolute;font-size:clamp(.65rem,2vw,.85rem);font-weight:800;color:#64748b;pointer-events:none;white-space:nowrap;transform:rotate(-35deg)}.tw-wm-mosaic-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.1rem;color:#64748b;pointer-events:none}.tw-sign-stage{position:relative;cursor:grab;touch-action:none}.tw-sign-stage:active{cursor:grabbing}.tw-sign-float{position:absolute;font-family:Georgia,Times New Roman,serif;font-style:italic;font-size:clamp(.9rem,2.5vw,1.15rem);color:#1e3a5f;border:1px dashed #0d9488;border-radius:6px;padding:4px 10px;background:#ffffffd9;pointer-events:none;max-width:70%;text-align:center}.tw-field--inline .tw-inline-range{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:.8rem;color:var(--text-muted)}.tw-input--narrow{max-width:72px}@media (max-width: 900px){.tool-workspace{grid-template-columns:1fr;min-height:unset}.tool-workspace__sidebar{border-left:none;border-top:1px solid var(--border);padding-bottom:100px}.tool-workspace__footer{position:fixed;bottom:0;left:0;right:0;z-index:40;box-shadow:0 -4px 20px #00000014}.tw-compare-main{grid-template-columns:1fr}.tool-workspace--compress .tw-compress-preview{max-height:220px}}.tool-workspace--compress{background:linear-gradient(155deg,#faf5f5,#f1f5f9 42%,#eef2f7);border-color:#dc26261f;box-shadow:0 1px #ffffffd9 inset,0 16px 48px #0f172a12}[data-theme=dark] .tool-workspace--compress{background:linear-gradient(155deg,#1a1212,#141820,#12161c);border-color:#f8717126}.tool-workspace--compress .tool-workspace__sidebar{background:linear-gradient(180deg,#fff,#fafafa)}[data-theme=dark] .tool-workspace--compress .tool-workspace__sidebar{background:linear-gradient(180deg,#1c1919,#161414)}.tw-compress-main{display:flex;flex-direction:column;gap:14px;height:100%;min-height:280px}.tw-compress-preview{flex:1;display:flex;align-items:center;justify-content:center;min-height:200px;max-height:420px;background:#fff;border-radius:14px;border:1px solid #e2e8f0;box-shadow:0 8px 32px #0f172a0f;overflow:hidden;padding:12px}[data-theme=dark] .tw-compress-preview{background:#1a1616;border-color:#f871711f}.tw-compress-preview__img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;border-radius:6px;box-shadow:0 4px 20px #0000001f}.tw-compress-preview__loading,.tw-compress-preview__fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-muted);font-size:.85rem}.tw-compress-preview__fallback svg{color:#dc2626;opacity:.55}.tw-compress-file{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0f172a0a}[data-theme=dark] .tw-compress-file{background:#221c1c;border-color:#94a3b826}.tw-compress-file__icon{width:42px;height:42px;border-radius:10px;background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tw-compress-file__body{flex:1;min-width:0}.tw-compress-file__name{font-size:.88rem;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tw-compress-file__meta{font-size:.78rem;color:var(--text-muted);margin-top:2px}.tw-compress-file__dot{margin:0 4px}.tw-compress-sidebar-label{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:0 0 10px}.tw-tier-list{display:flex;flex-direction:column;gap:8px}.tw-tier-card{display:flex;align-items:flex-start;gap:10px;width:100%;padding:11px 12px;border:1.5px solid var(--border);border-radius:12px;background:#fff;cursor:pointer;text-align:left;font-family:var(--font);transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;-webkit-tap-highlight-color:transparent}[data-theme=dark] .tw-tier-card{background:#1e1a1a}.tw-tier-card:hover{border-color:#dc262659;background:snow}.tw-tier-card--active{border-color:#dc2626;background:linear-gradient(135deg,#fff5f5,#fff);box-shadow:0 0 0 1px #dc262626}[data-theme=dark] .tw-tier-card--active{background:linear-gradient(135deg,#2a1818,#1e1a1a);border-color:#f87171}.tw-tier-card__icon{width:36px;height:36px;border-radius:10px;background:#f1f5f9;color:#64748b;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tw-tier-card--active .tw-tier-card__icon{background:#fee2e2;color:#dc2626}.tw-tier-card__text{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.tw-tier-card__row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.tw-tier-card__title{font-size:.88rem;font-weight:700;color:var(--text)}.tw-tier-card__badge{font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:2px 7px;border-radius:999px;background:#dc2626;color:#fff}.tw-tier-card__sub{font-size:.75rem;font-weight:600;color:var(--text-secondary)}.tw-tier-card__hint{font-size:.72rem;color:var(--text-muted)}.tw-tier-card__check{width:18px;height:18px;border-radius:50%;border:2px solid #cbd5e1;flex-shrink:0;margin-top:2px;transition:all .15s ease}.tw-tier-card--active .tw-tier-card__check{border-color:#dc2626;background:#dc2626;box-shadow:inset 0 0 0 3px #fff}.tw-compress-tip{margin:12px 0 0;font-size:.72rem;line-height:1.45;color:var(--text-muted)}.tw-cta--compress{background:linear-gradient(180deg,#ef4444,#dc2626);box-shadow:0 4px 18px #dc262659}.tw-cta--compress:hover:not(:disabled){background:linear-gradient(180deg,#dc2626,#b91c1c)}.admin{min-height:100vh;background:linear-gradient(165deg,#f8fafc,#f1f5f9 40%,#e2e8f0);color:#0f172a}.admin--login{display:flex;align-items:center;justify-content:center;padding:24px 16px 48px}.admin-login-card{width:100%;max-width:420px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:28px 22px 24px;box-shadow:0 20px 50px #0f172a14}.admin-login-brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.1rem;color:#4f46e5;margin-bottom:8px}.admin-login-title{margin:0;font-size:1.5rem;letter-spacing:-.03em;color:#0f172a}.admin-login-sub{margin:8px 0 20px;font-size:.9rem;color:#64748b}.admin-form{display:flex;flex-direction:column;gap:16px}.admin-label{display:flex;flex-direction:column;gap:6px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#64748b}.admin-input{min-height:48px;padding:12px 14px;border-radius:10px;border:1px solid #cbd5e1;background:#fff;color:#0f172a;font-size:1rem;width:100%;box-sizing:border-box}.admin-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f133}.admin-error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;padding:10px 12px;border-radius:10px;font-size:.9rem}.admin-btn{min-height:48px;border-radius:10px;font-weight:700;font-size:1rem;border:none;cursor:pointer}.admin-btn--primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.admin-btn--primary:disabled{opacity:.6;cursor:not-allowed}.admin-back-home{display:inline-flex;align-items:center;gap:8px;margin-top:20px;color:#64748b;text-decoration:none;font-size:.95rem;min-height:44px}.admin-back-home:hover{color:#4f46e5}.admin-header{position:sticky;top:0;z-index:20;background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #e2e8f0;box-shadow:0 1px #fffc inset}.admin-header-inner{max-width:1100px;margin:0 auto;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.admin-header-title{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.15rem;color:#0f172a}.admin-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.admin-icon-btn{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid #cbd5e1;background:#fff;color:#334155;cursor:pointer}.admin-icon-btn:disabled{opacity:.5}.admin-spin{animation:admin-spin .8s linear infinite}@keyframes admin-spin{to{transform:rotate(360deg)}}.admin-link-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:10px;border:1px solid #cbd5e1;background:#fff;color:#334155;text-decoration:none;font-size:.9rem;font-weight:600;cursor:pointer}.admin-link-btn:hover{border-color:#6366f1;color:#4f46e5}.admin-main{max-width:1100px;margin:0 auto;padding:20px 16px 56px}.admin-banner{background:#fffbeb;border:1px solid #fde68a;color:#92400e;padding:12px 14px;border-radius:10px;margin-bottom:20px;font-size:.95rem}.admin-section{margin-bottom:40px}.admin-section-head{margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.admin-h2{display:flex;align-items:center;gap:10px;font-size:1.2rem;margin:0 0 6px;letter-spacing:-.02em;color:#0f172a}.admin-section-desc{margin:0;font-size:.9rem;color:#64748b;line-height:1.5}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;margin-bottom:24px}.admin-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:16px 16px 18px;box-shadow:0 4px 20px #0f172a0a}.admin-stat-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:#64748b;margin-bottom:8px;font-weight:700}.admin-stat-value{font-size:1.65rem;font-weight:800;line-height:1.15;color:#0f172a}.admin-stat-value--sm{font-size:1.1rem;font-weight:700}.admin-panels{display:grid;grid-template-columns:1fr;gap:20px}@media (min-width: 768px){.admin-panels{grid-template-columns:1fr 1fr}}.admin-panel{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:18px;box-shadow:0 4px 24px #0f172a0d}.admin-panel h3{margin:0 0 14px;font-size:.95rem;font-weight:800;color:#334155;letter-spacing:-.01em}.admin-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-table th,.admin-table td{text-align:left;padding:10px 8px;border-bottom:1px solid #f1f5f9}.admin-table th{color:#64748b;font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em}.admin-mono{font-family:ui-monospace,monospace;word-break:break-all;max-width:220px}.admin-muted{color:#94a3b8;font-style:italic}.admin-bar-list{display:flex;flex-direction:column;gap:10px}.admin-bar-row{display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:10px;align-items:center;font-size:.85rem}.admin-bar-track{height:10px;border-radius:999px;background:#f1f5f9;overflow:hidden}.admin-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#6366f1,#a855f7);min-width:4px;transition:width .35s ease}.admin-bar-count{font-weight:800;color:#334155;text-align:right;font-variant-numeric:tabular-nums}.admin-hint{font-size:.88rem;color:#64748b;margin:0 0 16px;line-height:1.5}.admin-tool-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.admin-tool-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:12px}.admin-tool-info{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.admin-tool-name{font-weight:700;color:#0f172a}.admin-tool-id{font-size:.78rem;font-family:ui-monospace,monospace;color:#94a3b8}.admin-switch{position:relative;min-height:48px;min-width:120px;padding:0 14px 0 52px;border-radius:999px;border:2px solid transparent;cursor:pointer;font-weight:700;font-size:.9rem;flex-shrink:0}.admin-switch--on{background:#10b9811f;border-color:#10b98173;color:#047857}.admin-switch--off{background:#ef444414;border-color:#f8717166;color:#b91c1c}.admin-switch-knob{position:absolute;left:6px;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #0000001f;transition:left .2s ease}.admin-switch--off .admin-switch-knob{left:6px}.admin-switch--on .admin-switch-knob{left:calc(100% - 42px)}.admin-switch-label{position:relative;z-index:1}.admin-page-tabs{display:flex;gap:8px;margin-bottom:16px;padding:4px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;width:-moz-fit-content;width:fit-content;max-width:100%}.admin-page-tab{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border:none;border-radius:10px;background:transparent;font-weight:700;font-size:.92rem;color:#64748b;cursor:pointer}.admin-page-tab--active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 14px #6366f159}.admin-panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px 16px 22px;box-shadow:0 8px 32px #0f172a0d}.admin-panel-intro{margin:0 0 16px;font-size:.88rem;line-height:1.5;color:#64748b}.admin-tool-scroll{max-height:min(58vh,560px);overflow-y:auto;overflow-x:hidden;padding-right:4px;-webkit-overflow-scrolling:touch}.admin-table-wrap{border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;background:#fff}.admin-table{width:100%;border-collapse:collapse;font-size:.88rem}.admin-table thead{position:sticky;top:0;z-index:1;background:#f8fafc}.admin-table th{text-align:left;padding:10px 12px;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#64748b;border-bottom:1px solid #e2e8f0}.admin-table td{padding:10px 12px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table-row--off{background:#fffbfb}.admin-table-name{font-weight:700;color:#0f172a;min-width:120px}.admin-table-id code{font-size:.72rem;color:#94a3b8;word-break:break-all}.admin-table-action{width:100px;text-align:right}.admin-toggle{display:inline-flex;align-items:center;gap:8px;border:none;background:transparent;cursor:pointer;padding:0;font-family:inherit}.admin-toggle__track{position:relative;width:44px;height:26px;border-radius:999px;background:#e2e8f0;transition:background .2s ease}.admin-toggle--on .admin-toggle__track{background:#10b981}.admin-toggle--off .admin-toggle__track{background:#fca5a5}.admin-toggle__knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #00000026;transition:transform .2s ease}.admin-toggle--on .admin-toggle__knob{transform:translate(18px)}.admin-toggle__text{font-size:.78rem;font-weight:800;min-width:24px;text-align:left}.admin-toggle--on .admin-toggle__text{color:#047857}.admin-toggle--off .admin-toggle__text{color:#b91c1c}.admin-day-label{font-size:.8rem;font-weight:700;color:#475569;margin-bottom:4px}.admin-panel-inner{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.admin-panel-inner h3{margin:0 0 12px;font-size:.95rem}@media (max-width: 640px){.admin-table-id{display:none}.admin-table th:nth-child(2){display:none}.admin-toggle__text{display:none}.admin-page-tabs{width:100%}.admin-page-tab{flex:1;justify-content:center;padding:0 10px}}.admin-section--tools{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:22px 18px 26px;box-shadow:0 8px 32px #0f172a0f}.admin-tool-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.admin-tool-tab{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 18px;border-radius:12px;border:2px solid #e2e8f0;background:#f8fafc;color:#475569;font-weight:700;font-size:.95rem;cursor:pointer}.admin-tool-tab--active{border-color:#6366f1;background:linear-gradient(135deg,#6366f11a,#8b5cf614);color:#4338ca}.admin-tool-tab-count{font-size:.72rem;font-weight:800;padding:2px 8px;border-radius:999px;background:#0f172a14}.admin-tool-tab--active .admin-tool-tab-count{background:#6366f12e}.admin-tool-summary{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.admin-tool-pill{font-size:.78rem;font-weight:700;padding:6px 12px;border-radius:999px;background:#f1f5f9;color:#475569}.admin-tool-pill--on{background:#ecfdf5;color:#047857}.admin-tool-pill--off{background:#fef2f2;color:#b91c1c}.admin-tool-toolbar{display:flex;flex-direction:column;gap:12px;margin-bottom:14px}@media (min-width: 720px){.admin-tool-toolbar{flex-direction:row;align-items:center;justify-content:space-between}}.admin-tool-search{display:flex;align-items:center;gap:10px;flex:1;min-height:48px;padding:0 14px;border-radius:12px;border:1px solid #cbd5e1;background:#fff;color:#64748b}.admin-tool-search input{flex:1;border:none;background:transparent;font-size:.95rem;color:#0f172a;min-width:0}.admin-tool-search input:focus{outline:none}.admin-tool-filters{display:flex;flex-wrap:wrap;gap:8px}.admin-filter-chip{min-height:40px;padding:0 14px;border-radius:999px;border:1px solid #cbd5e1;background:#fff;font-size:.85rem;font-weight:700;color:#64748b;cursor:pointer}.admin-filter-chip--active{border-color:#6366f1;background:#eef2ff;color:#4338ca}.admin-soon-toggle{display:flex;align-items:center;gap:10px;margin-bottom:16px;font-size:.88rem;color:#64748b;cursor:pointer}.admin-tool-empty{padding:24px 12px;text-align:center}.admin-tool-groups{display:flex;flex-direction:column;gap:22px}.admin-tool-group-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#64748b}.admin-tool-group-title span{font-size:.72rem;padding:3px 8px;border-radius:999px;background:#f1f5f9}.admin-tool-grid{display:grid;grid-template-columns:1fr;gap:10px}@media (min-width: 640px){.admin-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 960px){.admin-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.admin-tool-card{display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:12px;border:1px solid #e2e8f0;background:#f8fafc}.admin-tool-card--off{background:#fff5f5;border-color:#fecaca}.admin-tool-card__main{display:flex;flex-direction:column;gap:4px;min-width:0}.admin-tool-card__name{font-weight:700;color:#0f172a;font-size:.92rem;line-height:1.3}.admin-tool-card__id{font-size:.72rem;font-family:ui-monospace,monospace;color:#94a3b8;word-break:break-all}.admin-tool-card__badge{align-self:flex-start;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:3px 8px;border-radius:999px}.admin-tool-card__badge--soon{background:#fef3c7;color:#b45309}.admin-tool-card .admin-switch{align-self:flex-start;min-width:108px;min-height:42px;padding-left:46px;font-size:.82rem}.admin-tool-card .admin-switch-knob{width:28px;height:28px}.admin-tool-card .admin-switch--on .admin-switch-knob{left:calc(100% - 36px)}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%;margin-right:auto;margin-left:auto;padding-right:1rem;padding-left:1rem}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.inset-x-0{left:0;right:0}.bottom-0{bottom:0}.bottom-\[5\%\]{bottom:5%}.left-\[-10\%\]{left:-10%}.left-\[20\%\]{left:20%}.left-\[5\%\]{left:5%}.right-\[-5\%\]{right:-5%}.right-\[15\%\]{right:15%}.top-\[10\%\]{top:10%}.top-\[15\%\]{top:15%}.top-\[5\%\]{top:5%}.top-\[70\%\]{top:70%}.z-10{z-index:10}.z-\[1001\]{z-index:1001}.z-\[999\]{z-index:999}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-top:.5rem;margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.size-5{width:1.25rem;height:1.25rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-2{height:.5rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-auto{height:auto}.h-px{height:1px}.w-10{width:2.5rem}.w-2{width:.5rem}.w-8{width:2rem}.w-full{width:100%}.max-w-3xl{max-width:48rem}.max-w-xl{max-width:36rem}.shrink{flex-shrink:1}.translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-full{--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-45{--tw-rotate: -45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.whitespace-nowrap{white-space:nowrap}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius-lg)}.border{border-width:1px}.border-2{border-width:2px}.border-t{border-top-width:1px}.border-\[var\(--border\)\]{border-color:var(--border)}.border-\[var\(--primary\)\]{border-color:var(--primary)}.border-black\/\[0\.08\]{border-color:#00000014}.border-white\/\[0\.08\]{border-color:#ffffff14}.border-white\/\[0\.15\]{border-color:#ffffff26}.bg-\[\#030303\]{--tw-bg-opacity: 1;background-color:rgb(3 3 3 / var(--tw-bg-opacity, 1))}.bg-\[\#faf8f8\]{--tw-bg-opacity: 1;background-color:rgb(250 248 248 / var(--tw-bg-opacity, 1))}.bg-\[var\(--accent\)\]{background-color:var(--accent)}.bg-\[var\(--bg\)\]{background-color:var(--bg)}.bg-\[var\(--bg-white\)\]{background-color:var(--bg-white)}.bg-\[var\(--border\)\]{background-color:var(--border)}.bg-\[var\(--primary\)\]{background-color:var(--primary)}.bg-\[var\(--primary-bg\)\]{background-color:var(--primary-bg)}.bg-black\/40{background-color:#0006}.bg-black\/\[0\.03\]{background-color:#00000008}.bg-transparent{background-color:transparent}.bg-white\/\[0\.03\]{background-color:#ffffff08}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-\[\#030303\]{--tw-gradient-from: #030303 var(--tw-gradient-from-position);--tw-gradient-to: rgb(3 3 3 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[\#faf8f8\]{--tw-gradient-from: #faf8f8 var(--tw-gradient-from-position);--tw-gradient-to: rgb(250 248 248 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[var\(--success\)\]{--tw-gradient-from: var(--success) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-amber-500\/\[0\.15\]{--tw-gradient-from: rgb(245 158 11 / .15) var(--tw-gradient-from-position);--tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-cyan-500\/\[0\.15\]{--tw-gradient-from: rgb(6 182 212 / .15) var(--tw-gradient-from-position);--tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-indigo-300{--tw-gradient-from: #a5b4fc var(--tw-gradient-from-position);--tw-gradient-to: rgb(165 180 252 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-indigo-500\/\[0\.05\]{--tw-gradient-from: rgb(99 102 241 / .05) var(--tw-gradient-from-position);--tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-indigo-500\/\[0\.15\]{--tw-gradient-from: rgb(99 102 241 / .15) var(--tw-gradient-from-position);--tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-red-500\/\[0\.06\]{--tw-gradient-from: rgb(239 68 68 / .06) var(--tw-gradient-from-position);--tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-red-600{--tw-gradient-from: #dc2626 var(--tw-gradient-from-position);--tw-gradient-to: rgb(220 38 38 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-rose-500\/\[0\.15\]{--tw-gradient-from: rgb(244 63 94 / .15) var(--tw-gradient-from-position);--tw-gradient-to: rgb(244 63 94 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-stone-900{--tw-gradient-from: #1c1917 var(--tw-gradient-from-position);--tw-gradient-to: rgb(28 25 23 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-violet-500\/\[0\.15\]{--tw-gradient-from: rgb(139 92 246 / .15) var(--tw-gradient-from-position);--tw-gradient-to: rgb(139 92 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-white{--tw-gradient-from: #fff var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-white\/\[0\.08\]{--tw-gradient-from: rgb(255 255 255 / .08) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-stone-800{--tw-gradient-to: rgb(41 37 36 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #292524 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-transparent{--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-white\/90{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / .9) var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-\[\#030303\]\/80{--tw-gradient-to: rgb(3 3 3 / .8) var(--tw-gradient-to-position)}.to-\[\#faf8f8\]\/80{--tw-gradient-to: rgb(250 248 248 / .8) var(--tw-gradient-to-position)}.to-emerald-600{--tw-gradient-to: #059669 var(--tw-gradient-to-position)}.to-orange-500\/\[0\.06\]{--tw-gradient-to: rgb(249 115 22 / .06) var(--tw-gradient-to-position)}.to-orange-600{--tw-gradient-to: #ea580c var(--tw-gradient-to-position)}.to-rose-300{--tw-gradient-to: #fda4af var(--tw-gradient-to-position)}.to-rose-500\/\[0\.05\]{--tw-gradient-to: rgb(244 63 94 / .05) var(--tw-gradient-to-position)}.to-stone-700{--tw-gradient-to: #44403c var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.to-white\/80{--tw-gradient-to: rgb(255 255 255 / .8) var(--tw-gradient-to-position)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.fill-rose-500\/80{fill:#f43f5ecc}.p-0{padding:0}.p-4{padding:1rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-light{font-weight:300}.font-semibold{font-weight:600}.leading-relaxed{line-height:1.625}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.text-\[var\(--primary\)\]{color:var(--primary)}.text-\[var\(--text-secondary\)\]{color:var(--text-secondary)}.text-stone-600{--tw-text-opacity: 1;color:rgb(87 83 78 / var(--tw-text-opacity, 1))}.text-transparent{color:transparent}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\/40{color:#fff6}.text-white\/60{color:#fff9}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-70{opacity:.7}.shadow-\[0_4px_14px_rgba\(16\,185\,129\,0\.35\)\]{--tw-shadow: 0 4px 14px rgba(16,185,129,.35);--tw-shadow-colored: 0 4px 14px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_4px_14px_rgba\(220\,38\,38\,0\.35\)\]{--tw-shadow: 0 4px 14px rgba(220,38,38,.35);--tw-shadow-colored: 0 4px 14px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_4px_14px_rgba\(249\,115\,22\,0\.35\)\]{--tw-shadow: 0 4px 14px rgba(249,115,22,.35);--tw-shadow-colored: 0 4px 14px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_8px_32px_0_rgba\(0\,0\,0\,0\.06\)\]{--tw-shadow: 0 8px 32px 0 rgba(0,0,0,.06);--tw-shadow-colored: 0 8px 32px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_8px_32px_0_rgba\(255\,255\,255\,0\.1\)\]{--tw-shadow: 0 8px 32px 0 rgba(255,255,255,.1);--tw-shadow-colored: 0 8px 32px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.blur-3xl{--tw-blur: blur(64px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-\[2px\]{--tw-backdrop-blur: blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[transform\,top\]{transition-property:transform,top;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.\[stroke-dasharray\:12_63\]{stroke-dasharray:12 63}.\[stroke-dasharray\:20_300\]{stroke-dasharray:20 300}.\[stroke-dashoffset\:-32\.42px\]{stroke-dashoffset:-32.42px}:root{--primary: #dc2626;--primary-dark: #b91c1c;--primary-light: #fca5a5;--primary-bg: #fef2f2;--accent: #f97316;--accent-dark: #ea580c;--success: #10b981;--success-bg: #ecfdf5;--warning: #f59e0b;--danger: #dc2626;--danger-bg: #fef2f2;--bg: #FFFFFF;--bg-white: #FFFFFF;--bg-card: #F7F7F8;--text: #0A0A0B;--text-secondary: #6B7280;--text-muted: #6B7280;--border: rgba(0, 0, 0, .07);--border-light: rgba(0, 0, 0, .05);--cat-organize: #dc2626;--cat-optimize: #10b981;--cat-convert-to: #f59e0b;--cat-convert-from: #ea580c;--cat-edit: #db2777;--cat-security: #78716c;--logo-gradient: linear-gradient(135deg, #dc2626 0%, #ea580c 45%, #f97316 100%);--navbar-glass: rgba(255, 255, 255, .85);--footer-glass: rgba(255, 255, 255, .7);--shadow-xs: 0 1px 2px rgba(0,0,0,.04);--shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);--shadow: 0 4px 6px rgba(0,0,0,.06), 0 2px 4px rgba(0,0,0,.04);--shadow-md: 0 6px 12px rgba(0,0,0,.08), 0 3px 6px rgba(0,0,0,.05);--shadow-lg: 0 12px 24px rgba(0,0,0,.1), 0 6px 12px rgba(0,0,0,.06);--shadow-xl: 0 20px 40px rgba(0,0,0,.12), 0 10px 16px rgba(0,0,0,.06);--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--font: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--color-primary: #dc2626;--color-cta: #f97316;--transition-ui: .2s cubic-bezier(.4, 0, .2, 1);--navbar-height: 56px;--ease: cubic-bezier(.4, 0, .2, 1);--transition: all .2s var(--ease);--transition-slow: all .35s var(--ease);--ic-red: #DC2626;--ic-red-tile: color-mix(in srgb, #DC2626 12%, transparent);--ic-orange: #EA580C;--ic-orange-tile: color-mix(in srgb, #EA580C 12%, transparent);--ic-amber: #D97706;--ic-amber-tile: color-mix(in srgb, #D97706 12%, transparent);--ic-lime: #65A30D;--ic-lime-tile: color-mix(in srgb, #65A30D 12%, transparent);--ic-emerald: #059669;--ic-emerald-tile: color-mix(in srgb, #059669 12%, transparent);--ic-teal: #0D9488;--ic-teal-tile: color-mix(in srgb, #0D9488 12%, transparent);--ic-cyan: #0891B2;--ic-cyan-tile: color-mix(in srgb, #0891B2 12%, transparent);--ic-sky: #0284C7;--ic-sky-tile: color-mix(in srgb, #0284C7 12%, transparent);--ic-blue: #2563EB;--ic-blue-tile: color-mix(in srgb, #2563EB 12%, transparent);--ic-indigo: #4F46E5;--ic-indigo-tile: color-mix(in srgb, #4F46E5 12%, transparent);--ic-fuchsia: #C026D3;--ic-fuchsia-tile: color-mix(in srgb, #C026D3 12%, transparent);--ic-pink: #DB2777;--ic-pink-tile: color-mix(in srgb, #DB2777 12%, transparent);--ic-rose: #E11D48;--ic-rose-tile: color-mix(in srgb, #E11D48 12%, transparent)}[data-theme=dark]{--primary: #f87171;--primary-dark: #ef4444;--primary-light: #fecaca;--primary-bg: rgba(220, 38, 38, .16);--accent: #fb923c;--accent-dark: #f97316;--success: #34d399;--success-bg: rgba(16, 185, 129, .12);--bg: #0A0A0B;--bg-white: #0A0A0B;--bg-card: #16161A;--text: #FAFAFA;--text-secondary: #9CA3AF;--text-muted: #9CA3AF;--border: rgba(255, 255, 255, .07);--border-light: rgba(255, 255, 255, .05);--logo-gradient: linear-gradient(135deg, #f87171 0%, #fb923c 50%, #fcd34d 100%);--navbar-glass: rgba(10, 10, 11, .88);--footer-glass: rgba(22, 22, 26, .65);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .35);--shadow: 0 8px 24px rgba(0, 0, 0, .4);--shadow-md: 0 12px 32px rgba(0, 0, 0, .45);--ic-red: #F87171;--ic-red-tile: color-mix(in srgb, #F87171 16%, transparent);--ic-orange: #FB923C;--ic-orange-tile: color-mix(in srgb, #FB923C 16%, transparent);--ic-amber: #FBBF24;--ic-amber-tile: color-mix(in srgb, #FBBF24 16%, transparent);--ic-lime: #A3E635;--ic-lime-tile: color-mix(in srgb, #A3E635 16%, transparent);--ic-emerald: #34D399;--ic-emerald-tile: color-mix(in srgb, #34D399 16%, transparent);--ic-teal: #2DD4BF;--ic-teal-tile: color-mix(in srgb, #2DD4BF 16%, transparent);--ic-cyan: #22D3EE;--ic-cyan-tile: color-mix(in srgb, #22D3EE 16%, transparent);--ic-sky: #38BDF8;--ic-sky-tile: color-mix(in srgb, #38BDF8 16%, transparent);--ic-blue: #60A5FA;--ic-blue-tile: color-mix(in srgb, #60A5FA 16%, transparent);--ic-indigo: #818CF8;--ic-indigo-tile: color-mix(in srgb, #818CF8 16%, transparent);--ic-fuchsia: #E879F9;--ic-fuchsia-tile: color-mix(in srgb, #E879F9 16%, transparent);--ic-pink: #F472B6;--ic-pink-tile: color-mix(in srgb, #F472B6 16%, transparent);--ic-rose: #FB7185;--ic-rose-tile: color-mix(in srgb, #FB7185 16%, transparent)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;max-width:100vw}#root,.app-root{display:flex;flex-direction:column;min-height:100dvh;min-height:100vh;width:100%;max-width:100vw}.app-root{flex:1;display:flex;flex-direction:column;min-height:100%}.app-root>.app{flex:1;display:flex;flex-direction:column;min-height:100%}body{font-family:var(--font);color:var(--text);background:var(--bg);line-height:1.6;margin:0;overflow-x:hidden;max-width:100vw}.app{display:flex;flex-direction:column;flex:1;min-height:100dvh;min-height:100vh;width:100%;max-width:100vw;overflow-x:clip}.app-main{flex:1 0 auto;width:100%;max-width:100vw;min-width:0;padding-top:var(--navbar-height)}a{text-decoration:none;color:inherit}button{font-family:var(--font);cursor:pointer;border:none;outline:none}img{max-width:100%;display:block}ul{list-style:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 clamp(16px,4vw,24px)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.navbar{position:sticky;top:0;z-index:1000;width:100%;max-width:100vw;background:var(--navbar-glass);backdrop-filter:blur(16px) saturate(1.35);-webkit-backdrop-filter:blur(16px) saturate(1.35);border-bottom:1px solid var(--border);box-shadow:0 1px #ffffff0f inset;transition:var(--transition)}[data-theme=dark] .navbar{box-shadow:0 1px #ffffff0a inset}.navbar-end{display:flex;align-items:center;gap:6px;flex-shrink:0}.navbar-theme-toggle{width:40px;height:40px;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;background:var(--primary-bg);color:var(--primary);border:1px solid var(--border);cursor:pointer;transition:transform var(--transition-ui),background var(--transition-ui),color var(--transition-ui),box-shadow var(--transition-ui)}.navbar-theme-toggle:hover{background:var(--border-light);color:var(--text);transform:scale(1.05)}.navbar-theme-toggle:active{transform:scale(.96)}.navbar-inner{display:grid;grid-template-columns:minmax(0,max-content) minmax(140px,280px) minmax(0,1fr) auto;align-items:center;min-height:var(--navbar-height);gap:clamp(8px,2vw,16px);max-width:100%}.navbar-search{max-width:280px;width:100%;justify-self:center}.tool-search{position:relative;width:100%}.tool-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.tool-search-input{width:100%;padding:9px 36px 9px 38px;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--bg-white);font-family:var(--font);font-size:.82rem;color:var(--text);min-height:40px}.tool-search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11f}.tool-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:none;background:transparent;color:var(--text-muted);cursor:pointer;padding:4px;display:flex}.tool-search-results{position:absolute;top:calc(100% + 6px);left:0;right:0;margin:0;padding:6px;list-style:none;background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:200;max-height:320px;overflow-y:auto}.tool-search-hit{display:flex;align-items:flex-start;gap:10px;width:100%;padding:10px;border:none;background:transparent;text-align:left;cursor:pointer;border-radius:var(--radius-sm);font-family:var(--font)}.tool-search-hit:hover{background:var(--border-light)}.tool-search-hit-dot{width:8px;height:8px;border-radius:50%;margin-top:6px;flex-shrink:0}.tool-search-hit-text{display:flex;flex-direction:column;gap:2px;min-width:0}.tool-search-hit-text strong{font-size:.85rem;color:var(--text)}.tool-search-hit-text small{font-size:.72rem;color:var(--text-muted);line-height:1.35}.mobile-menu-search{margin:0 16px 12px}.nav-mega-link--cta{font-weight:700;color:var(--primary)!important}.navbar-brand-link{display:flex;align-items:center;gap:8px;font-weight:800;flex-shrink:0;min-width:0;max-width:100%}.navbar-brand-text{display:flex;flex-direction:column;align-items:flex-start;gap:1px;min-width:0;max-width:min(220px,42vw)}.navbar-brand-name{background:var(--logo-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:clamp(.82rem,2.4vw,1.05rem);font-weight:800;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.navbar-brand-tag{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);line-height:1.2}@media (max-width: 400px){.navbar-brand-tag{display:none}}@media (max-width: 340px){.navbar-brand-name{font-size:.78rem}}.navbar-center{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:0;min-width:0;overflow:hidden}.navbar-link{padding:8px clamp(8px,1.2vw,14px);border-radius:var(--radius-sm);font-size:.8125rem;font-weight:600;color:var(--text-secondary);transition:var(--transition);white-space:nowrap;flex-shrink:0}.navbar-link--emphasis{font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);padding:8px clamp(6px,1vw,12px)}.navbar-link:hover,.navbar-link.active{color:var(--primary);background:var(--primary-bg)}.navbar-link--emphasis:hover,.navbar-link--emphasis.active{color:var(--primary)}.navbar-dropdown{position:relative;display:flex;align-items:stretch;margin-right:10px}.navbar-link--split{display:inline-flex;align-items:center;gap:4px}.navbar-chevron{opacity:.55}.navbar-pipe{color:var(--border);font-weight:300;padding:0 6px 0 10px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.navbar-link--soon{opacity:.45;cursor:not-allowed}.navbar-link--disabled{opacity:.42;cursor:not-allowed;pointer-events:none}.nav-mega-wrap{position:absolute;top:100%;padding-top:10px;z-index:1100;right:0;left:auto}.site-header-nav .nav-mega-wrap{position:fixed;top:calc(var(--navbar-height) + 4px);left:50%;right:auto;transform:translate(-50%);width:min(920px,calc(100vw - 24px));max-width:calc(100vw - 24px);padding-top:0}.site-header-nav .nav-mega-wrap:has(.nav-mega--image){width:min(640px,calc(100vw - 24px))}.nav-mega-inner{padding:16px 18px 18px}.nav-mega{background:var(--bg-white);border-radius:14px;box-shadow:var(--shadow-lg);border:1px solid var(--border);width:100%;min-width:0;max-height:min(70vh,520px);overflow:auto;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}[data-theme=dark] .nav-mega{background:#121212fa;border-color:var(--border);box-shadow:0 16px 48px #0000008c}.nav-mega-inner.container{max-width:none;width:100%;padding-left:18px;padding-right:18px}.nav-mega-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:14px 20px}.nav-mega-grid--image{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width: 720px){.nav-mega-grid--image{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 420px){.nav-mega-grid,.nav-mega-grid--image{grid-template-columns:1fr}}.nav-mega-heading{font-size:.62rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px}.nav-mega-list{list-style:none;margin:0;padding:0}.nav-mega-link{display:flex;align-items:center;gap:7px;padding:5px 6px;margin:0 -6px;border-radius:8px;font-size:.78rem;font-weight:600;color:var(--text);transition:color .15s ease,background .15s ease;line-height:1.25}.nav-mega-link:hover{color:var(--primary);background:var(--primary-bg)}.nav-mega-link--disabled{opacity:.55;cursor:not-allowed;color:var(--text-muted)}.nav-mega-dot{width:7px;height:7px;border-radius:2px;flex-shrink:0}.nav-mega-icon{flex-shrink:0}.navbar-mobile-toggle{display:none;width:44px;height:44px;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:transparent;color:var(--text);transition:var(--transition);flex-shrink:0}.navbar-mobile-toggle:hover{background:var(--border-light)}.navbar-mobile-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.navbar-backdrop{display:none;position:fixed;left:0;right:0;top:var(--navbar-height);bottom:0;z-index:998;margin:0;padding:0;border:none;background:#0f172a40;cursor:pointer;-webkit-tap-highlight-color:transparent}.navbar-backdrop--visible{display:block}.mobile-menu{display:none;position:fixed;left:0;right:0;top:var(--navbar-height);bottom:0;background:var(--bg-white);z-index:999;overflow-y:auto;overflow-x:hidden;padding:8px 16px 32px;max-width:100vw;-webkit-overflow-scrolling:touch;animation:slideDown .3s var(--ease)}.mobile-menu.open{display:block}.mobile-menu-link{display:block;padding:12px 14px;border-radius:var(--radius-sm);font-weight:600;font-size:.95rem;color:var(--text);transition:var(--transition)}.mobile-menu-link:hover{background:var(--primary-bg);color:var(--primary)}.mobile-menu-link--small{font-weight:500;font-size:.85rem;color:var(--text-secondary);padding:8px 14px 8px 22px}.mobile-menu-link--disabled{opacity:.55;cursor:default;color:var(--text-muted)}.mobile-menu-link--disabled small{font-size:.72rem;font-weight:700;margin-left:4px}.mobile-menu-divider{height:1px;background:var(--border);margin:12px 0}.mobile-menu-theme{display:flex;align-items:center;gap:10px;margin-top:4px;border:1px dashed var(--border);background:var(--primary-bg);color:var(--primary)}@media (min-width: 993px){.navbar-backdrop{display:none!important}}@media (max-width: 992px){.nav-mega-wrap,.site-header-nav .nav-mega-wrap{display:none!important}.navbar-inner{grid-template-columns:minmax(0,1fr) auto}.navbar-center,.navbar-search{display:none}.navbar-mobile-toggle{display:flex;justify-self:end}}.home-page{overflow-x:hidden;background:var(--bg)}.home-hero{position:relative;padding:clamp(48px,8vw,72px) 0 clamp(56px,9vw,80px);color:#fff;overflow:hidden}.home-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 20% 0%,rgba(220,38,38,.45) 0%,transparent 55%),radial-gradient(ellipse 60% 50% at 90% 20%,rgba(249,115,22,.35) 0%,transparent 50%),linear-gradient(165deg,#1a0f0f,#2a1515 40%,#140e0e);z-index:0}[data-theme=dark] .home-hero-bg{background:radial-gradient(ellipse 80% 60% at 20% 0%,rgba(248,113,113,.25) 0%,transparent 55%),radial-gradient(ellipse 60% 50% at 90% 20%,rgba(251,146,60,.2) 0%,transparent 50%),linear-gradient(165deg,#0a0606,#1a1010 45%,#080505)}.home-hero-inner{position:relative;z-index:1;max-width:680px;margin:0 auto;text-align:center}.home-hero-badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:20px}.home-hero-badges span{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.home-hero-title{font-size:clamp(2rem,5.5vw,3rem);font-weight:900;letter-spacing:-.03em;line-height:1.1;margin:0 0 14px}.home-hero-lead{font-size:clamp(.95rem,2.5vw,1.1rem);line-height:1.6;color:#ffffffc7;margin:0 0 28px}.home-subhead{padding:24px 0 20px;background:var(--bg-white);border-bottom:1px solid var(--border)}.home-subhead-inner{max-width:560px;margin:0 auto;text-align:center}.home-subhead-title{font-size:clamp(1.35rem,4vw,1.85rem);font-weight:900;letter-spacing:-.02em;margin:0 0 6px;color:var(--text)}.home-subhead-lead{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0 0 16px}.home-search-wrap{position:relative;max-width:560px;margin:0 auto;width:100%}.home-search-field{position:relative;width:100%}.home-search-wrap--hero .home-search-input{min-height:48px;font-size:.95rem;box-shadow:0 8px 32px #0000001f}[data-theme=dark] .home-search-input,[data-theme=dark] .tool-search-input{background:#ffffff14;border-color:#ffffff24;color:var(--text)}[data-theme=dark] .home-search-input::-moz-placeholder,[data-theme=dark] .tool-search-input::-moz-placeholder{color:var(--text-muted)}[data-theme=dark] .home-search-input::placeholder,[data-theme=dark] .tool-search-input::placeholder{color:var(--text-muted)}[data-theme=dark] .home-search-wrap--hero .home-search-input{background:#ffffff1a;border-color:#ffffff2e;box-shadow:0 8px 32px #00000059}[data-theme=light] .home-search-wrap--hero .home-search-input{background:#fffffff2;border-color:#0000001a;color:var(--text);box-shadow:0 8px 32px #00000014}[data-theme=light] .home-search-wrap--hero .home-search-icon,.home-search-wrap--hero .home-search-icon,[data-theme=light] .home-search-wrap--hero .home-search-meta{color:var(--text-muted)}[data-theme=light] .home-search-wrap--hero .home-search-meta strong{color:var(--text)}.home-search-wrap--hero .home-search-meta{color:#ffffffb3}.home-search-wrap--hero .home-search-meta strong{color:#fff}.home-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;z-index:1}.home-search-input{width:100%;padding:12px 44px 12px 46px;border:1px solid var(--border);border-radius:var(--radius-full);font-family:var(--font);font-size:.9rem;background:var(--bg-white);color:var(--text);min-height:48px;box-shadow:var(--shadow-sm);transition:var(--transition);-webkit-appearance:none;-moz-appearance:none;appearance:none}.home-search-field:has(.home-search-clear) .home-search-input{padding-right:72px}.home-search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #dc262626}.home-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;gap:4px;border:none;background:var(--primary-bg);color:var(--primary);font-size:.72rem;font-weight:700;padding:6px 10px;border-radius:var(--radius-full);cursor:pointer;line-height:1;white-space:nowrap;z-index:1}.home-search-clear-label{display:none}@media (min-width: 480px){.home-search-clear-label{display:inline}.home-search-field:has(.home-search-clear) .home-search-input{padding-right:84px}.home-search-clear{padding:6px 12px}}.home-search-meta{margin:8px 0 0;font-size:.8rem;color:var(--text-muted);text-align:center}.home-gateways{margin-top:-32px;position:relative;z-index:2;padding-bottom:8px}.home-gateways-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:820px;margin:0 auto}.home-gateway{display:flex;align-items:center;gap:16px;min-height:88px;padding:22px 24px;border-radius:var(--radius-lg);background:var(--bg-white);border:1px solid var(--border);box-shadow:var(--shadow-md);text-decoration:none;color:inherit;cursor:pointer;transition:transform var(--transition-ui),box-shadow var(--transition-ui),border-color var(--transition-ui)}.home-gateway:hover,.home-gateway:focus-visible{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.home-gateway-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius);flex-shrink:0}.home-gateway--pdf .home-gateway-icon{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:var(--primary)}.home-gateway--image .home-gateway-icon{background:linear-gradient(135deg,#fff7ed,#ffedd5);color:#ea580c}.home-gateway-body{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.home-gateway-body strong{font-size:1.05rem;font-weight:800;color:var(--text)}.home-gateway-body span{font-size:.82rem;color:var(--text-muted);line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-gateway-arrow{color:var(--text-muted);flex-shrink:0;transition:var(--transition)}.home-gateway:hover .home-gateway-arrow{color:var(--primary);transform:translate(3px)}.home-body{padding:clamp(32px,5vw,48px) 0 clamp(48px,8vw,72px)}.home-body-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:20px;flex-wrap:wrap}.home-body-head h2{font-size:1.35rem;font-weight:800;margin:0}.home-body-head p{margin:0;font-size:.88rem;color:var(--text-muted)}.home-block{margin-bottom:40px}.home-block-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.home-block-head h2,.home-block-title{font-size:1.2rem;font-weight:800;margin:0;color:var(--text)}.home-block-link{display:inline-flex;align-items:center;gap:4px;font-size:.85rem;font-weight:700;color:var(--primary);text-decoration:none}.home-block-link:hover{text-decoration:underline}.home-block-title{margin-bottom:16px}.home-feature-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 28px;margin-bottom:32px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--primary) 0%,#b91c1c 100%);color:#fff;text-decoration:none;box-shadow:0 12px 32px #dc262640;transition:var(--transition)}.home-feature-card:hover{transform:translateY(-2px);box-shadow:0 16px 40px #dc262659}.home-feature-card-text h2{font-size:1.25rem;font-weight:800;margin:0 0 6px}.home-feature-card-text p{margin:0;font-size:.9rem;opacity:.88;line-height:1.5;max-width:480px}.home-feature-card-btn{display:inline-flex;align-items:center;gap:6px;padding:12px 20px;border-radius:var(--radius-full);background:#ffffff26;font-size:.88rem;font-weight:700;white-space:nowrap;flex-shrink:0}.home-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.home-filter-pill{border:1px solid var(--border);background:var(--bg-white);color:var(--text-secondary);font-family:var(--font);font-size:.82rem;font-weight:600;padding:8px 16px;border-radius:var(--radius-full);cursor:pointer;transition:transform var(--transition-ui),background var(--transition-ui),color var(--transition-ui),border-color var(--transition-ui),box-shadow var(--transition-ui)}.home-filter-pill:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.home-filter-pill--on{background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);border-color:transparent;color:#fff;box-shadow:0 4px 12px #dc262640}.home-tag-grid{display:flex;flex-wrap:wrap;gap:10px}.home-tag{display:inline-block;padding:10px 16px;border-radius:var(--radius-full);background:var(--bg-white);border:1px solid var(--border);font-size:.82rem;font-weight:700;color:var(--text);text-decoration:none;transition:var(--transition);box-shadow:var(--shadow-xs)}.home-tag:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-bg);transform:translateY(-1px)}.home-empty{text-align:center;padding:48px 24px;color:var(--text-muted);font-size:.95rem}.home-tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.home-tools-grid--compact{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 900px){.home-gateways-grid{grid-template-columns:1fr;max-width:420px}.home-tools-grid,.home-tools-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr))}.home-feature-card{flex-direction:column;align-items:flex-start}}@media (max-width: 520px){.home-tools-grid,.home-tools-grid--compact{grid-template-columns:1fr}.home-gateway{padding:18px}}.tool-card--home{align-items:flex-start;flex-direction:row;gap:14px;padding:18px;min-height:auto;background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-xs);transition:var(--transition)}.tool-card--home:hover{border-color:#dc262659;box-shadow:var(--shadow-md);transform:translateY(-2px)}.tool-card--home .icon-badge{flex-shrink:0}.tool-card--home .icon-badge--lg{width:44px;height:44px;border-radius:10px}.tool-card--home .tool-card-text h3{font-size:.95rem;font-weight:800;color:var(--text);margin-bottom:4px;line-height:1.25}.tool-card--home .tool-card-text p{font-size:.8rem;color:var(--text-muted);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tool-card--home:after{display:none}.tool-card--compact{padding:10px;gap:8px}.tool-card--compact .icon-badge--sm{width:32px;height:32px;border-radius:8px}.tool-card--compact .tool-card-text h3{font-size:.78rem;line-height:1.25}.home-tools-grid-main{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.home-domain{color:var(--primary);font-weight:700}.not-found{min-height:calc(100vh - var(--navbar-height) - 100px);display:flex;align-items:center;justify-content:center;padding:clamp(24px,6vw,48px) 16px 56px;padding-top:calc(var(--navbar-height) + clamp(24px,6vw,48px));background:var(--bg)}.not-found-inner{text-align:center;max-width:440px;margin:0 auto}.not-found-code{font-size:clamp(2.75rem,14vw,4rem);font-weight:900;color:#e2e8f0;margin:0 0 4px;line-height:1;letter-spacing:-.04em}.not-found-title{font-size:clamp(1.2rem,4.5vw,1.5rem);font-weight:800;margin:0 0 12px;color:var(--text);letter-spacing:-.02em}.not-found-desc{color:var(--text-secondary);margin:0 0 28px;line-height:1.55;font-size:clamp(.9rem,2.8vw,1rem)}.not-found-btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.tools-section{padding:60px 0}.category-section{margin-bottom:48px}.category-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--border-light)}.category-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.category-title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.tool-card{display:flex;align-items:center;gap:14px;padding:16px 18px;background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);transition:transform var(--transition-ui),box-shadow var(--transition-ui),border-color var(--transition-ui);cursor:pointer;position:relative;overflow:hidden;box-shadow:var(--shadow-xs);text-decoration:none}.tool-card:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--radius) var(--radius) 0 0;opacity:0;transition:var(--transition)}.tool-card:hover,.tool-card:focus-visible{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:transparent}.tool-card:hover:after{opacity:1}.icon-badge{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:10px;color:var(--ic-teal);background:var(--ic-teal-tile);transition:transform var(--transition-ui),box-shadow var(--transition-ui)}.icon-badge svg{display:block;flex-shrink:0;color:inherit}.icon-badge--red{color:var(--ic-red);background:var(--ic-red-tile)}.icon-badge--orange{color:var(--ic-orange);background:var(--ic-orange-tile)}.icon-badge--amber{color:var(--ic-amber);background:var(--ic-amber-tile)}.icon-badge--lime{color:var(--ic-lime);background:var(--ic-lime-tile)}.icon-badge--emerald{color:var(--ic-emerald);background:var(--ic-emerald-tile)}.icon-badge--teal{color:var(--ic-teal);background:var(--ic-teal-tile)}.icon-badge--cyan{color:var(--ic-cyan);background:var(--ic-cyan-tile)}.icon-badge--sky{color:var(--ic-sky);background:var(--ic-sky-tile)}.icon-badge--blue{color:var(--ic-blue);background:var(--ic-blue-tile)}.icon-badge--indigo{color:var(--ic-indigo);background:var(--ic-indigo-tile)}.icon-badge--fuchsia{color:var(--ic-fuchsia);background:var(--ic-fuchsia-tile)}.icon-badge--pink{color:var(--ic-pink);background:var(--ic-pink-tile)}.icon-badge--rose{color:var(--ic-rose);background:var(--ic-rose-tile)}.icon-badge--disabled{color:#94a3b8!important;background:color-mix(in srgb,#94a3b8 14%,transparent)!important}.icon-badge--conversion .icon-badge-corner{position:absolute;right:2px;bottom:2px;font-weight:800;line-height:1;letter-spacing:-.03em;pointer-events:none;opacity:.95}.icon-badge--sm.icon-badge--conversion .icon-badge-corner{right:1px;bottom:1px}.nav-mega-icon.icon-badge,.tool-page-title-icon.icon-badge,.image-tool-title-icon.icon-badge{border-radius:10px}.tool-card-text h3{font-size:.9rem;font-weight:600;color:var(--text);margin-bottom:2px}.tool-card-text p{font-size:.78rem;color:var(--text-muted);line-height:1.4}.tool-card[data-category=organize]:after{background:var(--cat-organize)}.tool-card[data-category=optimize]:after{background:var(--cat-optimize)}.tool-card[data-category=convert-to]:after{background:var(--cat-convert-to)}.tool-card[data-category=convert-from]:after{background:var(--cat-convert-from)}.tool-card[data-category=edit]:after{background:var(--cat-edit)}.tool-card[data-category=security]:after{background:var(--cat-security)}.tool-card--disabled{cursor:not-allowed;opacity:.78;pointer-events:none}.tool-card--disabled:hover{transform:none;box-shadow:none}.tool-card-badge{position:absolute;top:8px;right:8px;font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;background:#f1f5f9;color:#64748b;padding:3px 7px;border-radius:4px;z-index:2}@media (max-width: 640px){.tool-grid{grid-template-columns:1fr}}.tool-maintenance{min-height:calc(100vh - var(--navbar-height) - 120px);display:flex;align-items:center;justify-content:center;padding:32px 16px 48px;background:linear-gradient(180deg,#f8fafc,#f1f5f9)}.tool-maintenance-inner{max-width:480px;text-align:center}.tool-maintenance-icon{color:#94a3b8;margin-bottom:12px}.tool-maintenance-badge{display:inline-block;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#b45309;background:#fef3c7;padding:6px 12px;border-radius:999px;margin-bottom:12px}.tool-maintenance-title{margin:0 0 8px;font-size:1.5rem;letter-spacing:-.03em;color:var(--text)}.tool-maintenance-toolname{margin:0 0 12px;font-weight:700;color:var(--primary)}.tool-maintenance-desc{margin:0 0 24px;color:var(--text-secondary);line-height:1.55;font-size:.95rem}.tool-maintenance-actions .btn{min-height:48px;padding-left:24px;padding-right:24px}.tool-page{min-height:auto;padding-bottom:24px}.tool-page-head{padding:18px 0 14px;text-align:center;background:var(--bg-white);border-bottom:1px solid var(--border-light);margin-bottom:4px}.tool-page-head--compact{padding:12px 0 10px;margin-bottom:0}.tool-page-head--compact .tool-page-title{margin-bottom:0;font-size:clamp(1.1rem,3vw,1.35rem)}.tool-page--workspace{padding-bottom:8px}.tool-workspace-wrap{max-width:1080px;padding:0 clamp(12px,3vw,20px) 12px}.tool-page--workspace .upload-section{padding-bottom:12px}.tool-page--workspace .upload-zone{padding:clamp(24px,6vw,36px) clamp(16px,4vw,24px)}.tool-page-title{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;font-size:clamp(1.25rem,3.5vw,1.65rem);font-weight:800;color:var(--text);margin-bottom:6px;letter-spacing:-.02em}.tool-page-title-icon{flex-shrink:0}.tool-page-title-icon svg{display:block}.tool-page-desc{font-size:.88rem;color:var(--text-secondary);max-width:520px;margin:0 auto;line-height:1.5}.upload-section{max-width:700px;margin:0 auto;padding:0 clamp(12px,4vw,24px) 20px}.upload-zone{border:2px dashed var(--border);border-radius:var(--radius-xl);padding:clamp(28px,8vw,48px) clamp(16px,4vw,32px);text-align:center;transition:var(--transition-slow);cursor:pointer;background:var(--bg-white);position:relative}.upload-zone:hover{border-color:var(--primary-light);background:var(--primary-bg)}.upload-zone.drag-active{border-color:var(--primary);background:var(--primary-bg);transform:scale(1.01);box-shadow:0 0 0 4px #6366f11a}.upload-btn{display:inline-flex;align-items:center;gap:10px;padding:16px 48px;font-size:1.05rem;font-weight:600;color:#fff;border-radius:var(--radius-full);transition:var(--transition);box-shadow:var(--shadow);position:relative;overflow:hidden}.upload-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);opacity:0;transition:var(--transition)}.upload-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.upload-btn:hover:before{opacity:1}.upload-hint{margin-top:16px;font-size:.85rem;color:var(--text-muted)}.upload-limit-hint{margin-top:6px;font-size:.78rem;color:var(--text-muted);opacity:.7}.file-list{max-width:700px;margin:0 auto;padding:0 clamp(12px,4vw,24px) 8px}.file-card{display:flex;align-items:center;gap:14px;padding:14px 18px;background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:8px;animation:fadeInUp .3s var(--ease)}.file-icon{width:42px;height:42px;border-radius:var(--radius-sm);background:var(--danger-bg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.file-icon svg{width:20px;height:20px;color:var(--danger)}.file-info{flex:1;min-width:0}.file-name{font-size:.9rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size{font-size:.78rem;color:var(--text-muted)}.file-remove{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:transparent;color:var(--text-muted);transition:var(--transition);flex-shrink:0}.file-remove:hover{background:var(--danger-bg);color:var(--danger)}.options-panel{max-width:720px;margin:12px auto;padding:clamp(14px,3vw,20px);background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 1px 3px #0f172a0a}.options-title{display:flex;align-items:center;gap:8px;font-size:.95rem;font-weight:600;color:var(--text);margin-bottom:16px}.btn-with-icon{display:inline-flex;align-items:center;justify-content:center;gap:8px}.option-group{margin-bottom:16px}.option-label{display:block;font-size:.8rem;font-weight:600;color:var(--text-secondary);margin-bottom:6px;text-transform:uppercase;letter-spacing:.03em}.option-input{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.9rem;font-family:var(--font);color:var(--text);background:var(--bg);transition:var(--transition)}.option-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.option-select{width:100%;padding:10px 36px 10px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.9rem;font-family:var(--font);color:var(--text);background:var(--bg);cursor:pointer;transition:var(--transition);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.option-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.option-radio-group{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,152px),1fr));gap:10px;align-items:stretch}@media (min-width: 640px){.option-radio-group--descriptions{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width: 420px){.option-radio-group{grid-template-columns:1fr}}.option-radio{position:relative;display:flex;flex-direction:column;min-width:0}.option-radio input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.option-radio label{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;gap:8px;margin:0;padding:14px 12px;min-height:100%;border:1px solid var(--border);border-radius:var(--radius);font-size:.82rem;font-weight:600;cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;color:var(--text);background:var(--bg);box-sizing:border-box}.option-radio label:hover{border-color:#cbd5e1;background:#fafafa}.option-radio-title{display:block;line-height:1.3;width:100%}.option-radio-desc{display:block;width:100%;margin-top:auto;padding-top:4px;font-size:.72rem;line-height:1.4;font-weight:400;color:var(--text-muted)}.option-radio input:checked+label{border-color:var(--primary);background:var(--primary-bg);color:var(--primary);box-shadow:0 0 0 1px #6366f140}.option-radio input:checked+label .option-radio-desc{color:#64748b}.option-radio input:focus-visible+label{outline:2px solid var(--primary);outline-offset:2px}.option-radio-group--list{grid-template-columns:1fr;gap:8px}.option-radio-group--list .option-radio{flex-direction:row;align-items:flex-start;gap:0}.option-radio-group--list .option-radio label{flex:1;flex-direction:row;align-items:flex-start;text-align:left;gap:12px;padding:12px 14px;min-height:auto}.option-radio-group--list .option-radio input{position:static;width:18px;height:18px;margin:3px 0 0;flex-shrink:0;clip:auto;overflow:visible;accent-color:var(--primary)}.option-radio-group--list .option-radio-title{font-size:.88rem}.option-radio-group--list .option-radio-desc{margin-top:2px;padding-top:0;font-size:.75rem;line-height:1.35}.compress-no-gain-hint{max-width:420px;margin:-8px auto 20px;padding:0 16px;font-size:.82rem;line-height:1.5;color:var(--text-secondary);text-align:center}.tool-result{padding:16px clamp(12px,3vw,20px) 24px}.tool-result__card{max-width:480px;margin:0 auto;padding:clamp(24px,5vw,32px);text-align:center;background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.tool-result__icon{width:64px;height:64px;margin:0 auto 16px;border-radius:50%;background:var(--success-bg);display:flex;align-items:center;justify-content:center;color:var(--success)}.tool-result__title{font-size:1.35rem;font-weight:800;margin:0 0 6px;letter-spacing:-.02em}.tool-result__sub{font-size:.9rem;color:var(--text-muted);margin:0 0 20px}.tool-result__filename{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;color:var(--text-secondary)}.tool-result__stats{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}.tool-result__stat{flex:1 1 100px;min-width:100px;padding:12px 14px;border-radius:12px;background:var(--bg);border:1px solid var(--border-light)}.tool-result__stat--success{background:#ecfdf5;border-color:#bbf7d0}.tool-result__stat-label{display:block;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:4px}.tool-result__stat--success .tool-result__stat-label{color:#059669}.tool-result__stat-value{font-size:1.05rem;font-weight:800;color:var(--text)}.tool-result__stat--success .tool-result__stat-value{color:#047857}.tool-result__hint{font-size:.82rem;line-height:1.5;color:var(--text-secondary);margin:0 0 18px}.tool-result__actions{display:flex;flex-direction:column;gap:10px}.tool-result__actions .btn{width:100%;justify-content:center}@media (min-width: 480px){.tool-result__actions{flex-direction:row;justify-content:center}.tool-result__actions .btn{width:auto;min-width:160px}}.action-bar{max-width:720px;margin:12px auto 0;padding:0 clamp(12px,4vw,24px) 28px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;font-size:.9rem;font-weight:600;border-radius:var(--radius-full);transition:transform var(--transition-ui),box-shadow var(--transition-ui),background var(--transition-ui),color var(--transition-ui),border-color var(--transition-ui),opacity var(--transition-ui);border:none;cursor:pointer;line-height:1.2}.btn svg{flex-shrink:0}.btn:active:not(:disabled){transform:scale(.98)}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);color:#fff;box-shadow:0 4px 14px #dc262659}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #dc262673}.btn-primary:active:not(:disabled){transform:translateY(0) scale(.98)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:var(--bg-white);color:var(--text-secondary);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--border-light);color:var(--text);border-color:var(--text-muted);transform:translateY(-1px)}.btn-success{background:linear-gradient(135deg,var(--success),#059669);color:#fff;box-shadow:0 4px 14px #10b98159}.btn-success:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #10b98173}.btn-outline{background:transparent;color:var(--primary);border:2px solid var(--primary)}.btn-outline:hover:not(:disabled){background:var(--primary-bg);transform:translateY(-1px)}.btn-icon{width:40px;height:40px;padding:0;border-radius:50%}.processing-overlay{max-width:500px;margin:0 auto;padding:60px 24px;text-align:center;animation:fadeIn .3s var(--ease)}.spinner{width:56px;height:56px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 24px}.processing-text{font-size:1.1rem;font-weight:600;color:var(--text);margin-bottom:8px}.processing-sub{font-size:.9rem;color:var(--text-muted)}.download-section{max-width:500px;margin:0 auto;padding:40px 24px 80px;text-align:center;animation:fadeInUp .4s var(--ease)}.download-success-icon{width:72px;height:72px;border-radius:50%;background:var(--success-bg);display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.download-success-icon svg{width:36px;height:36px;color:var(--success)}.download-title{font-size:1.4rem;font-weight:700;color:var(--text);margin-bottom:8px}.download-sub{font-size:.95rem;color:var(--text-muted);margin-bottom:28px}.download-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.footer{flex-shrink:0;margin-top:auto;padding:clamp(20px,4vw,32px) 0 clamp(12px,2vw,16px);background:linear-gradient(180deg,var(--bg) 0%,var(--border-light) 100%);border-top:1px solid var(--border);color:var(--text-secondary)}[data-theme=dark] .footer{background:linear-gradient(180deg,#121010,#0a0808);border-top-color:#f871711f}.footer-inner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,2fr);align-items:start;gap:clamp(20px,4vw,40px)}.footer-brand{min-width:0}.footer-brand-name{font-weight:800;font-size:clamp(1.05rem,2.5vw,1.2rem);letter-spacing:-.02em;background:var(--logo-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px}.footer-tagline{font-size:.875rem;line-height:1.65;max-width:340px;color:var(--text-muted);margin:0}.footer-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,2.5vw,20px);min-width:0}.footer-quick-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.footer-quick-links a{display:inline-flex;align-items:center;padding:6px 12px;border-radius:var(--radius-full);font-size:.78rem;font-weight:600;color:var(--primary);background:var(--primary-bg);border:1px solid transparent;transition:var(--transition)}.footer-quick-links a:hover{border-color:var(--primary);padding-left:12px}.footer-panel{min-width:0;padding:16px 18px;border-radius:var(--radius-lg);background:var(--footer-glass);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);border:1px solid var(--border);box-shadow:var(--shadow-xs)}[data-theme=dark] .footer-panel{background:#1e293b80;border-color:#94a3b81f}.footer-panel-title{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin:0 0 12px}.footer-panel-links a,.footer-panel-links .footer-link-disabled{display:block;font-size:.875rem;font-weight:500;color:var(--text-secondary);padding:7px 0;line-height:1.35;transition:var(--transition);-webkit-tap-highlight-color:transparent}.footer-panel-links a:hover{color:var(--primary);padding-left:4px}.footer-panel-links .footer-link-disabled{color:var(--text-muted);opacity:.55;cursor:not-allowed}.footer-panel-more{display:inline-flex;align-items:center;gap:4px;margin-top:8px;font-size:.8rem;font-weight:700;color:var(--primary)}.nav-mega-link--with-icon{display:inline-flex;align-items:center;gap:6px}.navbar-brand-mark{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--logo-gradient);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.navbar-brand-mark svg{display:block}.footer-bottom{margin-top:clamp(16px,3vw,24px);border-top:1px solid var(--border);text-align:center;font-size:.78rem;color:var(--text-muted);line-height:1.55;padding:12px 12px 0}@media (max-width: 900px){.footer-inner{grid-template-columns:1fr;gap:20px}.footer-nav{grid-template-columns:1fr;gap:10px}.footer-tagline{max-width:none}}@media (max-width: 560px){.footer{padding:16px 0 max(8px,env(safe-area-inset-bottom,0px))}.footer-panel{padding:14px 16px}.footer-bottom{margin-top:12px;padding-top:10px;font-size:.72rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.tool-card{animation:fadeInUp .4s var(--ease) backwards}.tool-card:nth-child(1){animation-delay:.02s}.tool-card:nth-child(2){animation-delay:.04s}.tool-card:nth-child(3){animation-delay:.06s}.tool-card:nth-child(4){animation-delay:.08s}.tool-card:nth-child(5){animation-delay:.1s}.tool-card:nth-child(6){animation-delay:.12s}.tool-card:nth-child(7){animation-delay:.14s}.tool-card:nth-child(8){animation-delay:.16s}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.error-message{max-width:500px;margin:20px auto;padding:14px 20px;background:var(--danger-bg);color:var(--danger);border-radius:var(--radius);font-size:.9rem;font-weight:500;text-align:center;animation:fadeIn .3s var(--ease)}.add-more-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;background:var(--border-light);border:2px dashed var(--border);border-radius:var(--radius);color:var(--text-muted);font-size:.85rem;font-weight:500;transition:var(--transition);margin-top:8px;margin-bottom:24px}.add-more-btn:hover{border-color:var(--primary-light);color:var(--primary);background:var(--primary-bg)}.page-enter{animation:fadeIn .3s var(--ease)}.image-tool-page{background:var(--bg)}.image-tool-hero{background:linear-gradient(135deg,#1a1010,#2d1515 45%,#1a1212);color:#fff;padding:28px 0 32px;border-bottom:1px solid rgba(248,113,113,.12)}[data-theme=dark] .image-tool-hero{background:linear-gradient(135deg,#0f0a0a,#1f1212,#141010)}.image-tool-hero-inner{max-width:900px}.image-tool-back{display:inline-flex;align-items:center;gap:6px;border:none;background:transparent;color:#ffffffbf;font-size:.85rem;font-weight:600;cursor:pointer;margin-bottom:16px;padding:0;font-family:var(--font)}.image-tool-back:hover{color:#fff}.image-tool-title{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:clamp(1.6rem,4vw,2.25rem);font-weight:800;margin:0 0 10px;letter-spacing:-.02em}.image-tool-title-icon{flex-shrink:0}.image-tool-title-icon svg{display:block}.image-tool-desc{color:#ffffffc7;font-size:.95rem;line-height:1.55;max-width:640px;margin:0 0 20px}.image-tool-flow{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.image-tool-flow-box{padding:10px 18px;border-radius:var(--radius-sm);background:#ffffff14;border:1px solid rgba(255,255,255,.12);font-weight:800;font-size:.85rem;letter-spacing:.06em}.image-tool-flow-box--target{background:#dc262647;border-color:#f8717180;color:#fecaca}.image-tool-flow-arrow{display:flex;flex-direction:column;align-items:center;gap:2px;color:#fff9;font-size:.65rem;font-weight:700}.image-tool-body{padding:24px 16px 48px}.image-tool-body .tool-result{padding-top:8px;padding-bottom:32px}.img-converter-layout{display:grid;grid-template-columns:minmax(300px,340px) minmax(0,1fr);grid-template-areas:"sidebar main";gap:24px;align-items:start;max-width:1160px;margin:0 auto}.img-conversion-sidebar,.img-switch-panel{grid-area:sidebar;background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:0;position:sticky;top:calc(var(--navbar-height) + 12px);box-shadow:var(--shadow-sm);overflow:visible;align-self:start}.img-switch-panel__hero{padding:12px 14px;background:var(--bg);border-bottom:1px solid var(--border);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.img-switch-panel__label{margin:0 0 6px;font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.img-switch-panel__route{display:flex;align-items:center;justify-content:center;gap:8px}.img-switch-panel__format{padding:5px 10px;border-radius:var(--radius-sm);font-size:.78rem;font-weight:800;line-height:1.2}.img-switch-panel__format--from{background:var(--bg-white);border:1px solid var(--border);color:var(--text)}.img-switch-panel__format--to{background:var(--primary);color:#fff}.img-switch-panel__arrow{color:var(--text-muted);flex-shrink:0}.img-switch-panel__body{padding:10px 12px 14px;overflow:visible}.img-switch-section{margin-bottom:12px}.img-switch-section:last-child{margin-bottom:0}.img-switch-section__head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.img-switch-section__title{margin:0;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.img-switch-section__count{font-size:.65rem;font-weight:700;color:var(--text-muted)}.img-switch-search{display:flex;align-items:center;gap:8px;margin-bottom:8px;padding:0 10px;min-height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg)}.img-switch-search input{flex:1;border:none;background:transparent;font-family:var(--font);font-size:.8rem;min-width:0;padding:8px 0}.img-switch-search input:focus{outline:none}.img-switch-grid{display:grid;gap:5px}.img-switch-grid--input{grid-template-columns:repeat(4,minmax(0,1fr))}.img-switch-grid--output{grid-template-columns:repeat(3,minmax(0,1fr))}.img-switch-pill{min-height:30px;padding:4px;border:1px solid var(--border);border-radius:6px;background:var(--bg-white);font-family:var(--font);font-size:.65rem;font-weight:700;color:var(--text-secondary);cursor:pointer;transition:var(--transition);text-align:center;line-height:1.1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.img-switch-pill svg{flex-shrink:0;opacity:.85}.img-switch-pill--active svg{opacity:1;color:inherit}.img-switch-pill:hover{border-color:var(--primary);color:var(--primary)}.img-switch-pill--active{background:var(--primary);border-color:var(--primary);color:#fff}.img-conversion-sidebar{padding:16px}.img-sidebar-head{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border)}.img-sidebar-kicker{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin:0 0 8px}.img-sidebar-current{display:flex;align-items:center;gap:8px;font-weight:800;font-size:.9rem;color:var(--text)}.img-sidebar-current-to{color:var(--primary)}.img-sidebar-section{margin-bottom:12px}.img-sidebar-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0 0 8px}.img-source-row{display:flex;flex-wrap:wrap;gap:6px}.img-source-chip{padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--bg);font-family:var(--font);font-size:.7rem;font-weight:700;color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.img-source-chip:hover{border-color:var(--primary);color:var(--primary)}.img-source-row--scroll{max-height:130px;overflow-y:auto;padding-right:4px}.img-format-picker-grid--tall{max-height:480px}.img-coming-soon-banner{margin-bottom:16px;padding:12px 14px;border-radius:var(--radius-sm);background:var(--primary-bg);border:1px solid rgba(220,38,38,.2);color:var(--text-secondary);font-size:.85rem;line-height:1.5}.img-sidebar-foot{margin-top:12px;font-size:.75rem;color:var(--text-muted);line-height:1.45}.img-sidebar-empty{margin:0;padding:14px 12px;font-size:.82rem;line-height:1.5;color:var(--text-muted);background:var(--bg);border:1px dashed var(--border);border-radius:var(--radius-md)}.img-conversion-locked{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);padding:16px;position:sticky;top:calc(var(--navbar-height) + 12px)}.img-conversion-locked-label{font-size:.78rem;font-weight:600;color:var(--text-muted);margin:0 0 12px;text-transform:uppercase;letter-spacing:.05em}.img-conversion-locked-flow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}.img-conversion-locked-hint{font-size:.8rem;color:var(--text-secondary);line-height:1.45;margin:0}.upload-format-hint{font-size:.8rem;color:var(--text-muted);margin-top:8px}@media (max-width: 860px){.img-converter-layout{grid-template-columns:1fr;grid-template-areas:"main" "sidebar";gap:16px}.img-conversion-sidebar,.img-switch-panel,.img-format-picker,.img-conversion-locked{position:static;top:auto;width:100%}.img-switch-grid--input{grid-template-columns:repeat(5,minmax(0,1fr))}.img-switch-grid--output{grid-template-columns:repeat(4,minmax(0,1fr))}.img-switch-pill{min-height:36px;font-size:.7rem}.image-tool-body{padding:16px clamp(12px,3vw,16px) 40px}.image-tool-hero{padding:20px 0 24px}.image-tool-title{font-size:clamp(1.35rem,6vw,1.75rem)}.image-tool-desc{font-size:.88rem;margin-bottom:14px}.image-tool-flow{flex-wrap:wrap;justify-content:flex-start}.img-format-picker-grid--tall{max-height:280px}.img-file-row{flex-direction:column;align-items:stretch}.img-file-row-right{flex-wrap:wrap;justify-content:space-between}.img-convert-actions{flex-direction:column}.img-convert-actions .btn{width:100%;justify-content:center}.img-quality-options{flex-wrap:wrap}}.img-format-picker{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);padding:12px;position:sticky;top:calc(var(--navbar-height) + 12px)}.img-format-picker-search{display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:10px;background:var(--bg)}.img-format-picker-search input{flex:1;border:none;background:transparent;padding:10px 0;font-family:var(--font);font-size:.85rem;min-width:0}.img-format-picker-search input:focus{outline:none}.img-format-picker-cats{display:flex;flex-direction:column;gap:4px;margin-bottom:10px;border-bottom:1px solid var(--border);padding-bottom:10px}.img-format-cat{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 10px;border:none;border-radius:var(--radius-sm);background:transparent;font-family:var(--font);font-size:.82rem;font-weight:600;color:var(--text-secondary);cursor:pointer;text-align:left}.img-format-cat--active{background:var(--primary-bg);color:var(--primary)}.img-format-cat--disabled{opacity:.5;cursor:not-allowed}.img-format-cat small{font-size:.65rem;font-weight:700;text-transform:uppercase;color:var(--text-muted)}.img-format-picker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-height:320px;overflow-y:auto}.img-format-btn{padding:10px 6px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-white);font-family:var(--font);font-size:.72rem;font-weight:800;letter-spacing:.04em;color:var(--text);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;min-height:44px}.img-format-btn:hover:not(:disabled){border-color:var(--primary);background:var(--primary-bg)}.img-format-btn--active{border-color:var(--primary);background:var(--primary);color:#fff}.img-format-btn--soon{opacity:.45;cursor:not-allowed}.img-format-btn-soon{font-size:.55rem;font-weight:700;text-transform:uppercase}.img-converter-main{grid-area:main;min-width:0;background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);padding:20px;position:relative;min-height:280px}.img-file-list{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.img-file-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);flex-wrap:wrap}.img-file-row-left{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.img-file-name{font-weight:700;font-size:.9rem;word-break:break-word}.img-file-meta{font-size:.78rem;color:var(--text-muted);margin-top:2px}.img-file-row-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.img-file-pill{padding:6px 12px;border-radius:var(--radius-sm);font-size:.72rem;font-weight:800;letter-spacing:.04em;border:1px solid var(--border);background:var(--bg-white)}.img-file-pill--to{border-color:var(--primary);color:var(--primary);background:var(--primary-bg)}.img-file-remove{border:none;background:transparent;color:var(--text-muted);cursor:pointer;padding:4px;display:flex}.img-file-remove:hover{color:var(--danger)}.img-quality-bar{margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.img-quality-options{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.img-quality-btn{padding:8px 14px;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--bg-white);font-family:var(--font);font-size:.8rem;font-weight:600;cursor:pointer}.img-quality-btn--active{border-color:var(--primary);background:var(--primary-bg);color:var(--primary)}.img-convert-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.btn-lg{padding:14px 28px;font-size:1rem}@media (max-width: 640px){.tool-page-head{padding:14px 0 10px;margin-bottom:0}.tool-page-desc{font-size:.82rem}.options-panel{margin:8px auto}.action-bar{margin-top:8px;padding-bottom:20px}.container{padding-left:14px;padding-right:14px}.home-hero{padding:36px 0 44px}.home-hero-title{font-size:clamp(1.65rem,8vw,2.1rem)}.home-hero-lead{margin-bottom:20px}.home-subhead{padding:20px 0 16px}.home-search-input{font-size:16px;min-height:44px;padding:10px 40px 10px 42px}.home-search-field:has(.home-search-clear) .home-search-input{padding-right:44px}.home-search-icon{left:14px}.home-search-clear{right:6px;padding:5px}.home-search-wrap--hero .home-search-input{min-height:44px;font-size:16px}.action-bar{flex-direction:column;align-items:stretch;padding-bottom:40px}.action-bar .btn{width:100%;min-height:48px}.upload-zone{padding:28px 16px}.btn{min-height:44px}.img-converter-main{padding:16px;min-height:200px}}@media (max-width: 400px){.img-switch-grid--input,.img-switch-grid--output{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 480px){.footer-quick-links a{flex:1 1 calc(50% - 4px);justify-content:center;text-align:center}.image-tool-flow-box{font-size:.75rem;padding:8px 12px}}.site-header-shell{position:fixed;top:0;left:0;right:0;z-index:1000;padding:0;overflow:visible}.site-header{pointer-events:auto;width:100%;margin:0;overflow:visible;backdrop-filter:blur(16px) saturate(1.35);-webkit-backdrop-filter:blur(16px) saturate(1.35)}.site-header-shell.is-scrolled .site-header-nav .nav-mega-wrap{top:calc(var(--navbar-height) + 20px)}.site-header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;width:100%;margin:0 auto;min-width:0}@media (min-width: 1024px){.site-header-inner{grid-template-columns:minmax(0,max-content) minmax(180px,1fr) auto auto}}.site-header-brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:inherit;flex-shrink:0;min-width:0}.site-header-brand-mark{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:var(--logo-gradient);color:#fff;flex-shrink:0}.site-header-brand-text{display:flex;flex-direction:column;min-width:0}.site-header-brand-name{font-size:.92rem;font-weight:800;letter-spacing:-.02em;line-height:1.15;background:var(--logo-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.site-header-brand-tag{font-size:.68rem;color:var(--text-muted);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-header-search{width:100%;max-width:520px;min-width:0;justify-self:stretch}.site-header-nav{display:none;align-items:center;gap:4px;flex-shrink:0;white-space:nowrap}@media (min-width: 1024px){.site-header-nav{display:flex}}.site-header-actions{display:flex;align-items:center;gap:6px;flex-shrink:0;margin-left:auto}.site-header-menu-btn{flex-shrink:0}@media (max-width: 1023px){.site-header-search{display:none}}.site-header-mobile{-webkit-overflow-scrolling:touch;background:var(--bg-white)}.site-header-mobile-link{display:flex;align-items:center;width:100%;justify-content:flex-start;padding:10px 12px;border-radius:10px;font-size:.92rem;font-weight:600;color:var(--text)!important;text-decoration:none;transition:background .15s ease,color .15s ease}.site-header-mobile-link:hover,.site-header-mobile-link:focus-visible{background:var(--primary-bg);color:var(--primary)!important}.site-header-mobile-label{padding:8px 12px 4px;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.site-header-mobile-tool{font-weight:500;font-size:.88rem;color:var(--text-secondary)!important}.site-header-mobile-tool:hover{color:var(--primary)!important}.site-header-mobile-tool--disabled{color:var(--text-muted)!important;opacity:.65;pointer-events:none}@media (max-width: 640px){.site-header-brand-tag{display:none}.site-header-brand-name{font-size:.84rem;max-width:9.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media (max-width: 380px){.site-header-brand-text{display:none}}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-0:after{content:var(--tw-content);top:0;right:0;bottom:0;left:0}.after\:rounded-full:after{content:var(--tw-content);border-radius:9999px}.after\:bg-\[radial-gradient\(circle_at_50\%_50\%\,rgba\(0\,0\,0\,0\.06\)\,transparent_70\%\)\]:after{content:var(--tw-content);background-image:radial-gradient(circle at 50% 50%,rgba(0,0,0,.06),transparent 70%)}.after\:bg-\[radial-gradient\(circle_at_50\%_50\%\,rgba\(255\,255\,255\,0\.2\)\,transparent_70\%\)\]:after{content:var(--tw-content);background-image:radial-gradient(circle at 50% 50%,rgba(255,255,255,.2),transparent 70%)}.hover\:-translate-y-0\.5:hover{--tw-translate-y: -.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-\[var\(--text-muted\)\]:hover{border-color:var(--text-muted)}.hover\:bg-\[var\(--border-light\)\]:hover{background-color:var(--border-light)}.hover\:bg-\[var\(--primary-bg\)\]:hover{background-color:var(--primary-bg)}.hover\:text-\[var\(--text\)\]:hover{color:var(--text)}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-\[0_6px_20px_rgba\(16\,185\,129\,0\.45\)\]:hover{--tw-shadow: 0 6px 20px rgba(16,185,129,.45);--tw-shadow-colored: 0 6px 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[0_6px_20px_rgba\(220\,38\,38\,0\.45\)\]:hover{--tw-shadow: 0 6px 20px rgba(220,38,38,.45);--tw-shadow-colored: 0 6px 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[0_6px_20px_rgba\(249\,115\,22\,0\.45\)\]:hover{--tw-shadow: 0 6px 20px rgba(249,115,22,.45);--tw-shadow-colored: 0 6px 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-\[var\(--primary\)\]:focus-visible{--tw-ring-color: var(--primary)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.focus-visible\:ring-offset-\[var\(--bg\)\]:focus-visible{--tw-ring-offset-color: var(--bg)}.active\:scale-100:active{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-\[0\.98\]:active{--tw-scale-x: .98;--tw-scale-y: .98;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width: 640px){.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:py-12{padding-top:3rem;padding-bottom:3rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-base{font-size:1rem;line-height:1.5rem}}@media (min-width: 768px){.md\:bottom-\[10\%\]{bottom:10%}.md\:left-\[-5\%\]{left:-5%}.md\:left-\[10\%\]{left:10%}.md\:left-\[25\%\]{left:25%}.md\:right-\[0\%\]{right:0%}.md\:right-\[20\%\]{right:20%}.md\:top-\[10\%\]{top:10%}.md\:top-\[15\%\]{top:15%}.md\:top-\[20\%\]{top:20%}.md\:top-\[75\%\]{top:75%}.md\:mb-4{margin-bottom:1rem}.md\:mb-5{margin-bottom:1.25rem}.md\:mb-6{margin-bottom:1.5rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:py-14{padding-top:3.5rem;padding-bottom:3.5rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}}@media (min-width: 1024px){.lg\:block{display:block}.lg\:hidden{display:none}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}:root{--transition-ui: .2s cubic-bezier(.4, 0, .2, 1);--focus-ring: 0 0 0 3px rgba(220, 38, 38, .22);--focus-ring-dark: 0 0 0 3px rgba(248, 113, 113, .35)}[data-theme=dark]{--focus-ring: var(--focus-ring-dark)}a:focus-visible,button:focus-visible,[role=button]:focus-visible,.home-filter-pill:focus-visible,.home-gateway:focus-visible,.tool-card:focus-visible,.home-tag:focus-visible,.navbar-link:focus-visible,.navbar-theme-toggle:focus-visible,.home-search-input:focus-visible,.tool-search-input:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring),0 4px 14px #dc262640}.btn-secondary:focus-visible,.btn-outline:focus-visible{box-shadow:var(--focus-ring)}@keyframes ui-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes ui-scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.ui-animate-in{animation:ui-fade-up .35s cubic-bezier(.4,0,.2,1) backwards}.home-gateway{animation:ui-fade-up .4s cubic-bezier(.4,0,.2,1) backwards}.home-gateways-grid .home-gateway:nth-child(1){animation-delay:.05s}.home-gateways-grid .home-gateway:nth-child(2){animation-delay:.12s}.home-filter-pill:active:not(.home-filter-pill--on){transform:scale(.97)}.icon-badge{transition:transform var(--transition-ui),box-shadow var(--transition-ui)}.tool-card:hover .icon-badge,.tool-card:focus-visible .icon-badge{transform:scale(1.06);box-shadow:0 4px 12px #00000026}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.btn:hover,.btn-primary:hover,.btn-success:hover,.home-gateway:hover,.tool-card:hover,.home-tag:hover{transform:none!important}}