:root{--font-sans: "Cairo", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-bg-base: #060b17;--color-bg-header: rgba(9, 17, 36, .92);--color-bg-surface: rgba(14, 25, 51, .8);--color-bg-card: rgba(13, 24, 48, .85);--color-bg-subtle: rgba(16, 28, 56, .65);--color-bg-elevated: rgba(20, 36, 74, .9);--color-bg-input: rgba(13, 24, 48, .95);--color-bg-footer: rgba(9, 17, 36, .98);--color-hero-bg: linear-gradient(135deg, rgba(11, 20, 41, .95) 0%, rgba(16, 28, 56, .9) 100%);--color-hero-text: #ffffff;--color-dropzone-bg: radial-gradient(ellipse at center, rgba(0, 100, 255, .12) 0%, rgba(9, 17, 36, .98) 100%);--color-text-main: #f8fafc;--color-text-muted: #94a3b8;--color-text-dim: #64748b;--color-text-inverse: #060b17;--color-border: rgba(0, 136, 255, .3);--color-border-subtle: rgba(0, 136, 255, .15);--color-border-glow: #00d4ff;--color-border-focus: #00e5ff;--color-primary: #0088ff;--color-primary-hover: #0070d6;--color-primary-glow: rgba(0, 136, 255, .35);--color-primary-subtle: rgba(0, 136, 255, .12);--color-primary-gradient: linear-gradient(135deg, #0088ff 0%, #00d4ff 100%);--color-cta-gradient: linear-gradient(135deg, #0077ff 0%, #8a2be2 100%);--color-accent-cyan: #00e5ff;--color-accent-purple: #8a2be2;--color-accent-purple-glow: rgba(138, 43, 226, .3);--color-success: #10b981;--color-success-subtle: rgba(16, 185, 129, .15);--color-warning: #f59e0b;--color-warning-subtle: rgba(245, 158, 11, .15);--color-danger: #ef4444;--color-danger-subtle: rgba(239, 68, 68, .15);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 22px;--radius-full: 9999px;--shadow-sm: 0 2px 4px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 14px -2px rgba(0, 0, 0, .4), 0 0 1px 1px rgba(0, 136, 255, .15);--shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, .5), 0 0 18px rgba(0, 136, 255, .2);--shadow-glow: 0 0 25px rgba(0, 136, 255, .35), inset 0 0 15px rgba(0, 136, 255, .08);--scrollbar-thumb: linear-gradient(180deg, #00e5ff 0%, #0077ff 100%);--scrollbar-track: rgba(6, 11, 23, .8);--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--ut-bg-primary: var(--color-bg-base);--ut-bg-secondary: var(--color-bg-card);--ut-border-default: var(--color-border);--ut-text-primary: var(--color-text-main);--ut-text-secondary: var(--color-text-muted);--ut-text-tertiary: var(--color-text-dim);--ut-accent-primary: var(--color-accent-cyan)}[data-theme=light]{--color-bg-base: #f1f5f9;--color-bg-header: rgba(255, 255, 255, .94);--color-bg-surface: rgba(255, 255, 255, .96);--color-bg-card: #ffffff;--color-bg-subtle: #f8fafc;--color-bg-elevated: #ffffff;--color-bg-input: #ffffff;--color-bg-footer: #ffffff;--ut-bg-primary: var(--color-bg-subtle);--ut-bg-secondary: var(--color-bg-card);--ut-border-default: var(--color-border);--ut-text-primary: var(--color-text-main);--ut-text-secondary: var(--color-text-muted);--ut-text-tertiary: var(--color-text-dim);--ut-accent-primary: var(--color-primary);--color-hero-bg: linear-gradient(135deg, #ffffff 0%, #f0f7ff 50%, #e0f2fe 100%);--color-hero-text: #0f172a;--color-dropzone-bg: radial-gradient(ellipse at center, rgba(0, 119, 255, .04) 0%, #ffffff 100%);--color-text-main: #0f172a;--color-text-muted: #334155;--color-text-dim: #64748b;--color-text-inverse: #ffffff;--color-border: rgba(203, 213, 225, .85);--color-border-subtle: rgba(226, 232, 240, .9);--color-border-glow: #0284c7;--color-border-focus: #0077ff;--color-primary: #0077ff;--color-primary-hover: #0066d6;--color-primary-glow: rgba(0, 119, 255, .2);--color-primary-subtle: rgba(0, 119, 255, .08);--color-primary-gradient: linear-gradient(135deg, #0077ff 0%, #00b4d8 100%);--color-cta-gradient: linear-gradient(135deg, #0077ff 0%, #7c3aed 100%);--shadow-sm: 0 1px 3px 0 rgba(15, 23, 42, .06), 0 1px 2px -1px rgba(15, 23, 42, .04);--shadow-md: 0 4px 14px -2px rgba(15, 23, 42, .08), 0 0 1px 1px rgba(0, 119, 255, .06);--shadow-lg: 0 10px 25px -4px rgba(15, 23, 42, .08), 0 0 1px 1px rgba(0, 119, 255, .06);--shadow-glow: 0 0 20px rgba(0, 119, 255, .18);--scrollbar-thumb: linear-gradient(180deg, #38bdf8 0%, #0284c7 100%);--scrollbar-track: rgba(226, 232, 240, .85)}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:9999px;border:1px solid rgba(255,255,255,.15);transition:all .25s ease}::-webkit-scrollbar-thumb:hover{background:var(--color-accent-cyan);box-shadow:0 0 12px var(--color-accent-cyan)}*{scrollbar-width:thin;scrollbar-color:var(--color-primary) var(--scrollbar-track)}html.theme-transition,html.theme-transition *,html.theme-transition *:before,html.theme-transition *:after{transition:background-color .4s cubic-bezier(.4,0,.2,1),border-color .4s cubic-bezier(.4,0,.2,1),color .35s ease,box-shadow .4s ease!important}*,*:before,*:after{box-sizing:border-box}html[lang=ar],body:lang(ar){font-family:Cairo,Inter,system-ui,-apple-system,sans-serif;font-feature-settings:"locl" 0}html[lang=en],body:lang(en){font-family:Inter,Cairo,system-ui,-apple-system,sans-serif;font-feature-settings:"locl" 0}input[type=number],input[inputmode=numeric],input[type=range],.dimension-numeric-input,.english-digits-input,[data-numeric]{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;font-feature-settings:"locl" 0,"numr" 0,"pnum" 0,"tnum" 1!important;font-variant-numeric:normal tabular-nums!important;direction:ltr!important;unicode-bidi:isolate!important}html,body{max-width:100%;overflow-x:hidden}body{margin:0;background-color:var(--color-bg-base);color:var(--color-text-main);line-height:1.6;-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 15% 15%,rgba(0,136,255,.08) 0%,transparent 40%),radial-gradient(circle at 85% 10%,rgba(138,43,226,.08) 0%,transparent 40%);background-attachment:fixed}.ut-card{background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-6);box-shadow:var(--shadow-sm);transition:border-color .2s,box-shadow .2s}.ut-card:hover{border-color:#0088ff4d}.ut-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:.65rem 1.25rem;font-size:.95rem;font-weight:600;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:inherit;text-decoration:none}.ut-btn-primary{background:linear-gradient(135deg,#08f,#06c);color:#fff;box-shadow:0 4px 14px #0088ff59}.ut-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#09f,#0077e6);box-shadow:0 6px 20px #0088ff80;transform:translateY(-1px)}.ut-btn-secondary{background-color:var(--color-bg-subtle);color:var(--color-text-main);border-color:var(--color-border)}.ut-btn-secondary:hover:not(:disabled){background-color:var(--color-bg-elevated);border-color:var(--color-border-glow)}.ut-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.ut-input,.ut-select,.ut-textarea{width:100%;padding:.65rem .9rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg-card);color:var(--color-text-main);font-family:inherit;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.ut-input:focus,.ut-select:focus,.ut-textarea:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px #00d4ff33}.smart-dropzone-container{background:var(--color-dropzone-bg);border:1.5px solid var(--color-border);border-radius:20px;padding:10px;position:relative;overflow:hidden;box-shadow:var(--shadow-md),inset 0 0 20px #0088ff14;transition:all .25s ease}.smart-dropzone-container:hover,.smart-dropzone-container.drag-active{border-color:var(--color-accent-cyan);box-shadow:var(--shadow-glow),inset 0 0 25px #0088ff26;transform:translateY(-1px)}.smart-dropzone-inner-border{border:1.5px dashed rgba(0,212,255,.35);border-radius:14px;padding:1rem 1.4rem}.smart-dropzone-split-grid{display:grid;grid-template-columns:1fr;gap:1.2rem;align-items:center}@media(min-width:960px){.smart-dropzone-split-grid{grid-template-columns:1fr 1px 1.25fr}}.dropzone-middle-divider{display:none}@media(min-width:960px){.dropzone-middle-divider{display:block;height:90%;min-height:220px;width:1px;background:linear-gradient(180deg,transparent 0%,rgba(0,136,255,.4) 30%,rgba(0,212,255,.4) 70%,transparent 100%);margin:0 auto}}.detection-panel-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:14px;padding:1.15rem 1.25rem;backdrop-filter:blur(8px)}.detection-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem}.detection-header-title{font-weight:700;font-size:.95rem;color:var(--color-text-main)}.sparkle-icon{font-size:1.1rem;color:#10b981}.ut-btn-reset{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:var(--color-text-dim);font-size:.72rem;font-weight:600;padding:.2rem .55rem;border-radius:4px;cursor:pointer;transition:all .15s}.ut-btn-reset:hover{color:#fff;background:#ef444433;border-color:#ef4444}.suggested-actions-caption{font-size:.82rem;font-weight:700;color:var(--color-text-muted);margin-bottom:.75rem}.detection-content-flex{display:flex;align-items:center;justify-content:space-between;gap:1.2rem}.suggested-column-wrap{flex:1.1;display:flex;flex-direction:column}.file-preview-column-wrap{flex:1}.file-preview-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:12px;padding:.9rem 1.1rem;display:flex;align-items:center;gap:1rem;box-shadow:var(--shadow-sm)}.file-preview-icon-wrap{width:58px;height:58px;border-radius:10px;background:#08f3;border:1px solid rgba(0,212,255,.4);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.file-preview-labels{display:flex;flex-direction:column;gap:.3rem;text-align:start}.file-preview-format{font-size:.92rem;font-weight:800;color:var(--color-text-main)}.file-preview-type{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:var(--color-text-dim)}.file-type-check-badge{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#10b981;color:#fff;font-size:11px;font-weight:800}.action-flow-arrow{font-size:1.6rem;font-weight:900;color:#38bdf8;display:flex;align-items:center;justify-content:center;padding:0 .5rem}.suggested-buttons-stack{display:flex;flex-direction:column;gap:.55rem;width:100%}.suggested-action-btn{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:8px;padding:.55rem 1rem;color:var(--color-text-main);font-size:.88rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:.8rem;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.suggested-action-btn:hover{background:linear-gradient(135deg,#0088ff40,#00d4ff26);border-color:var(--color-accent-cyan);box-shadow:0 0 14px #00d4ff4d;transform:translateY(-2px)}.action-chevron{font-size:1.1rem;color:var(--color-text-dim)}.suggested-action-btn:hover .action-chevron{color:var(--color-accent-cyan)}.action-name{flex:1;text-align:start}.action-icon{display:flex;align-items:center;justify-content:center}.detection-success-pill{font-size:.72rem;font-weight:700;color:#10b981;background:#10b98126;border:1px solid rgba(16,185,129,.3);padding:.15rem .5rem;border-radius:9999px;display:inline-flex;align-items:center;gap:.25rem}.ut-btn-change-file{background:#0088ff26;border:1px solid rgba(0,212,255,.35);color:#38bdf8;font-size:.72rem;font-weight:700;padding:.25rem .6rem;border-radius:6px;cursor:pointer;transition:all .18s ease}.ut-btn-change-file:hover{background:#0088ff4d;border-color:#00e5ff;color:#fff;box-shadow:0 0 10px #00d4ff4d}.detection-active-wrapper{display:flex;flex-direction:column;gap:.85rem}.file-detection-summary-banner{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:12px;padding:.75rem .9rem;display:flex;align-items:center;gap:.85rem;box-shadow:var(--shadow-sm)}.file-summary-thumb-box{width:52px;height:52px;border-radius:10px;background:#0088ff26;border:1px solid rgba(0,212,255,.35);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.file-summary-thumb-img{width:100%;height:100%;object-fit:cover}.file-summary-type-icon{display:flex;align-items:center;justify-content:center}.file-summary-meta{display:flex;flex-direction:column;gap:.3rem;min-width:0;flex:1}.file-summary-name{font-size:.92rem;font-weight:800;color:var(--color-text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-summary-tags-row{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem}.file-meta-pill{font-size:.72rem;font-weight:700;padding:.15rem .45rem;border-radius:6px;border:1px solid transparent}.file-size-pill{background:#94a3b81f;color:var(--color-text-dim);border-color:#94a3b833}.file-ext-pill{background:#0088ff26;color:#38bdf8;border-color:#00d4ff4d}.file-cat-pill{background:#10b9811f;color:#10b981;border-color:#10b9814d}.tools-selection-header{display:flex;flex-direction:column;gap:.15rem}.tools-selection-title{font-size:.85rem;font-weight:800;color:var(--color-text-main)}.tools-selection-subtitle{font-size:.75rem;color:var(--color-text-muted)}.compatible-tools-grid{display:grid;gap:.5rem;max-height:290px;overflow-y:auto;padding-right:.2rem}.compatible-tools-grid.grid-2-cols{grid-template-columns:repeat(2,1fr)}.compatible-tools-grid.grid-1-col{grid-template-columns:1fr}@media(max-width:640px){.compatible-tools-grid.grid-2-cols{grid-template-columns:1fr}}.compatible-tool-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:10px;padding:.55rem .75rem;display:flex;align-items:center;gap:.65rem;cursor:pointer;text-align:start;transition:all .18s cubic-bezier(.4,0,.2,1);width:100%;color:var(--color-text-main)}.compatible-tool-card:hover{background:linear-gradient(135deg,#0088ff2e,#00d4ff1a);border-color:var(--color-accent-cyan);box-shadow:0 0 12px #00d4ff38;transform:translateY(-1.5px)}.compatible-tool-card.launching{opacity:.7;pointer-events:none}.tool-card-icon-wrap{width:34px;height:34px;border-radius:8px;background:#0088ff26;border:1px solid rgba(0,212,255,.25);display:flex;align-items:center;justify-content:center;flex-shrink:0}.tool-card-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.tool-card-title{font-size:.84rem;font-weight:800;color:var(--color-text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-card-desc{font-size:.7rem;color:var(--color-text-dim);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-card-arrow{font-size:1rem;font-weight:800;color:#38bdf8;flex-shrink:0;transition:transform .15s ease}.compatible-tool-card:hover .tool-card-arrow{transform:translate(-2px);color:#00e5ff}html[dir=ltr] .compatible-tool-card:hover .tool-card-arrow{transform:translate(2px)}html[data-theme=light] .file-detection-summary-banner{background:#f8fafc;border-color:#e2e8f0f2;box-shadow:0 1px 3px #0f172a0d}html[data-theme=light] .file-summary-thumb-box{background:#0284c71a;border-color:#0284c740}html[data-theme=light] .file-summary-name{color:#0f172a}html[data-theme=light] .file-size-pill{background:#e2e8f0;color:#475569;border-color:#cbd5e1}html[data-theme=light] .file-ext-pill{background:#0284c71f;color:#0284c7;border-color:#0284c74d}html[data-theme=light] .file-cat-pill{background:#10b9811f;color:#059669;border-color:#10b9814d}html[data-theme=light] .tools-selection-title{color:#0f172a}html[data-theme=light] .tools-selection-subtitle{color:#64748b}html[data-theme=light] .compatible-tool-card{background:#fff;border-color:#cbd5e1e6;color:#0f172a;box-shadow:0 1px 2px #0f172a0a}html[data-theme=light] .compatible-tool-card:hover{background:#f0f9ff;border-color:#0284c7;box-shadow:0 3px 10px #0284c726}html[data-theme=light] .tool-card-icon-wrap{background:#0284c71a;border-color:#0284c733}html[data-theme=light] .tool-card-title{color:#0f172a}html[data-theme=light] .tool-card-desc{color:#64748b}html[data-theme=light] .tool-card-arrow{color:#0284c7}html[data-theme=light] .ut-btn-change-file{background:#0284c71a;border-color:#0284c74d;color:#0284c7}html[data-theme=light] .ut-btn-change-file:hover{background:#0284c7;color:#fff}.awaiting-file-state{display:flex;flex-direction:column}.awaiting-file-box{background:#101c3880;border:1.5px dashed rgba(0,136,255,.3);border-radius:10px;padding:1rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.6rem}.awaiting-scanner-pulse{width:44px;height:44px;border-radius:50%;background:#0088ff26;border:1px solid rgba(0,212,255,.3);display:flex;align-items:center;justify-content:center;animation:pulseScan 2.5s infinite ease-in-out}@keyframes pulseScan{0%{transform:scale(1);box-shadow:0 0 #00d4ff66}50%{transform:scale(1.06);box-shadow:0 0 16px #00d4ff66}to{transform:scale(1);box-shadow:0 0 #00d4ff66}}.awaiting-text-main{font-size:.88rem;font-weight:700;color:#fff;margin:0}.awaiting-text-sub{font-size:.74rem;color:var(--color-text-dim);margin:.2rem 0 0;line-height:1.35}.sample-demo-btn{background:#08f3;border:1px solid rgba(0,212,255,.4);color:#38bdf8;font-size:.76rem;font-weight:700;padding:.35rem .8rem;border-radius:6px;cursor:pointer;transition:all .15s;margin-top:.2rem}.sample-demo-btn:hover{background:#08f;color:#fff;box-shadow:0 0 12px #0088ff80}.unsupported-file-box{background:#ef44441f;border:1px solid rgba(239,68,68,.4);border-radius:10px;padding:1rem;display:flex;align-items:center;gap:.8rem}.upload-interactive-side{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center}.upload-cloud-icon-badge{width:58px;height:58px;border-radius:50%;background:radial-gradient(circle,#08f,#04a);display:flex;align-items:center;justify-content:center;box-shadow:0 0 25px #0088ff8c;cursor:pointer;margin-bottom:.45rem;transition:transform .2s,box-shadow .2s}.upload-cloud-icon-badge:hover{transform:scale(1.08);box-shadow:0 0 35px #00d4ffbf}.upload-main-prompt{font-size:1.5rem;font-weight:800;color:var(--color-text-main);margin:0 0 .25rem;letter-spacing:-.01em}.upload-sub-prompt{font-size:.86rem;color:var(--color-text-dim);margin:0 0 .35rem}.upload-formats-hint{font-size:.74rem;color:var(--color-text-dim);margin:0 0 .65rem}.upload-cta-button{background:var(--color-cta-gradient);border:1px solid rgba(0,212,255,.4);border-radius:9999px;color:#fff;padding:.5rem 1.8rem;font-size:.92rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:.55rem;box-shadow:0 4px 18px #0088ff73;transition:all .2s cubic-bezier(.4,0,.2,1)}.upload-cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 25px #8a2be2a6;border-color:#00e5ff}.cat-sidebar.full-height-sidebar{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.15rem;display:flex;flex-direction:column;height:100%;min-height:100%;box-shadow:var(--shadow-md);position:relative;backdrop-filter:blur(12px);box-sizing:border-box;width:100%;max-width:100%;min-width:0}.sidebar-header-box{display:flex;align-items:center;justify-content:space-between;gap:.65rem;padding:.2rem .4rem .85rem;border-bottom:1px solid var(--color-border)}.sidebar-header-info{display:flex;align-items:center;gap:.65rem;min-width:0}.sidebar-expand-all-btn{background:var(--color-bg-subtle);border:1px solid var(--color-border);color:var(--color-text-dim);font-size:.72rem;font-weight:700;padding:.25rem .65rem;border-radius:9999px;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.sidebar-expand-all-btn:hover{background:#0077ff1f;border-color:#07f;color:#00d4ff;box-shadow:0 0 10px #07f3}.sidebar-header-icon-badge{width:34px;height:34px;border-radius:8px;background:linear-gradient(135deg,#0088ff4d,#00d4ff33);border:1px solid rgba(0,212,255,.35);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 0 10px #00d4ff40}.sidebar-header-title{margin:0;font-size:.98rem;font-weight:800;color:var(--color-text-main);letter-spacing:-.01em}.sidebar-header-subtitle{margin:0;font-size:.72rem;color:var(--color-text-dim)}.sidebar-accordion-group{display:flex;flex-direction:column;gap:.35rem;margin-top:.65rem}.sidebar-cat-wrapper{display:flex;flex-direction:column;gap:.2rem}.cat-item-header{position:relative;overflow:hidden;contain:paint;display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-radius:var(--radius-sm);cursor:pointer;background:var(--color-bg-subtle);border:1px solid var(--color-border-subtle);transition:transform .22s cubic-bezier(.2,.9,.3,1.2),background-color .2s ease,border-color .2s ease,box-shadow .22s ease;width:100%;box-sizing:border-box;max-width:100%}.cat-item-header:before{content:"";position:absolute;top:-60%;left:-70%;width:45%;height:220%;background:linear-gradient(60deg,transparent 0%,rgba(255,255,255,.04) 20%,rgba(0,229,255,.45) 50%,rgba(138,43,226,.35) 75%,transparent 100%);transform:rotate(28deg);opacity:0;pointer-events:none;z-index:2}.cat-item-header:hover:before{opacity:1;animation:sidebarItemShine .45s cubic-bezier(.2,.8,.25,1) forwards}.cat-item-header:hover{border-color:var(--color-accent-cyan);background:var(--color-bg-elevated);box-shadow:0 4px 16px #0088ff40;transform:translate(-4px)}[dir=ltr] .cat-item-header:hover{transform:translate(4px)}.cat-item-header.is-expanded{border-color:#0088ff40;background:var(--color-bg-subtle)}.cat-item-header.is-active-category,.cat-item-header.contains-active{border-color:var(--color-accent-cyan);background:linear-gradient(90deg,#0088ff59,#0088ff26);box-shadow:0 0 14px #00e5ff38}.cat-item-header-label{display:flex;align-items:center;gap:.6rem;z-index:3}.cat-icon-badge{width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease}.cat-item-header:hover .cat-icon-badge{transform:scale(1.12) rotate(-4deg);box-shadow:0 0 14px currentColor}.cat-title-text{font-size:.88rem;font-weight:600;color:var(--color-text-main);transition:color .18s ease}.cat-item-header.is-active-category .cat-title-text,.cat-item-header.contains-active .cat-title-text{color:var(--color-text-main);font-weight:700}.cat-item-header-meta{display:flex;align-items:center;gap:.4rem;z-index:3}.cat-count-badge{font-size:.68rem;font-weight:700;padding:.12rem .45rem;border-radius:9999px;background:#ffffff14;color:var(--color-text-dim);border:1px solid var(--color-border-subtle);line-height:1.2}.cat-count-badge.highlight-all{background:linear-gradient(135deg,#8b5cf640,#00d4ff33);color:#c084fc;border-color:#8b5cf673}.settings-master-header.active{border-color:#8b5cf6!important;background:linear-gradient(90deg,#8b5cf659,#00d4ff26)!important;box-shadow:0 0 14px #8b5cf64d!important}.all-tools-master-panel{display:flex;flex-direction:column;gap:.6rem;padding:.6rem .5rem;background:var(--color-bg-card);border:1.5px solid var(--color-border);border-radius:12px;margin-top:.3rem;margin-bottom:.4rem;box-shadow:var(--shadow-sm)}.all-tools-directory-banner-btn{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.55rem .85rem;border-radius:8px;background:linear-gradient(135deg,#0284c7,#00e5ff);color:#fff!important;text-decoration:none!important;font-size:.8rem;font-weight:700;box-shadow:0 3px 12px #00e5ff59;transition:all .2s ease}.all-tools-directory-banner-btn:hover{transform:translateY(-1px);box-shadow:0 5px 18px #00e5ff8c}.all-tools-count-pill{padding:.12rem .45rem;border-radius:9999px;background:#00000040;font-size:.72rem;font-weight:800}.all-sections-grid-nav{display:flex;flex-direction:column;gap:.5rem;max-height:420px;overflow-y:auto;padding-inline-end:.2rem}.sidebar-section-mini-block{border:1px solid var(--color-border);border-radius:8px;padding:.45rem .6rem;background:var(--color-bg-subtle);transition:border-color .15s ease}.sidebar-section-mini-block:hover{border-color:var(--color-accent-cyan)}.mini-block-header{display:flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:700;margin-bottom:.35rem}.mini-block-badge{width:20px;height:20px;border-radius:5px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mini-block-title{color:var(--color-text-main);font-weight:700}.mini-block-tools{display:flex;flex-direction:column;gap:.2rem;padding-inline-start:.3rem}.mini-tool-link{display:flex;align-items:center;gap:.4rem;font-size:.78rem;color:var(--color-text-dim);text-decoration:none!important;padding:.2rem .45rem;border-radius:4px;transition:all .15s ease}.mini-tool-link:hover{color:#00e5ff;background:#0077ff26;transform:translate(-2px)}[dir=ltr] .mini-tool-link:hover{transform:translate(2px)}.mini-tool-link.active-tool{color:#00d4ff;font-weight:700;background:#0077ff40}.mini-tool-dot{font-size:.9rem;line-height:1;color:currentColor;opacity:.7}.mini-tool-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cat-planned-badge{font-size:.66rem;padding:.1rem .35rem;background:#94a3b826;color:var(--color-text-dim);border-radius:4px}.cat-chevron-arrow{font-size:.68rem;color:var(--color-text-dim);transition:transform .2s ease,color .2s ease}.cat-chevron-arrow.rotated{transform:rotate(180deg)}.cat-item-header:hover .cat-chevron-arrow{color:var(--color-accent-cyan)}.cat-tools-list{display:flex;flex-direction:column;gap:.25rem;padding-inline-start:1.2rem;padding-block:.25rem}.cat-tool-link{position:relative;overflow:hidden;contain:paint;display:flex;align-items:center;gap:.55rem;padding:.42rem .75rem;border-radius:6px;color:var(--color-text-muted);text-decoration:none;font-size:.84rem;font-weight:500;transition:transform .2s cubic-bezier(.2,.9,.3,1.2),color .18s ease,background-color .18s ease,box-shadow .2s ease}.cat-tool-link:before{content:"";position:absolute;top:-60%;left:-70%;width:40%;height:220%;background:linear-gradient(60deg,transparent 0%,rgba(0,229,255,.4) 50%,transparent 100%);transform:rotate(28deg);opacity:0;pointer-events:none;z-index:2}.cat-tool-link:hover:before{opacity:1;animation:sidebarItemShine .4s cubic-bezier(.2,.8,.25,1) forwards}.cat-tool-link:hover{color:var(--color-text-main);background:#0088ff2e;transform:translate(-4px);box-shadow:0 2px 10px #08f3}[dir=ltr] .cat-tool-link:hover{transform:translate(4px)}.cat-tool-link.active-tool{color:#fff;background:linear-gradient(90deg,#0088ff73,#00d4ff33);border-inline-start:3px solid var(--color-accent-cyan);font-weight:700;box-shadow:0 0 14px #0088ff59}.cat-tool-icon{display:flex;align-items:center;justify-content:center;transition:transform .2s ease,color .2s ease;z-index:3}.cat-tool-link:hover .cat-tool-icon{transform:scale(1.15);color:var(--color-accent-cyan)}.cat-tool-name{line-height:1.2;z-index:3}@keyframes sidebarItemShine{0%{left:-70%}to{left:140%}}.sidebar-spacer{flex:1;min-height:2rem}.support-sidebar-card{position:relative;overflow:hidden;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.15rem 1rem;margin-top:auto;text-align:center;box-shadow:var(--shadow-sm);transition:transform .25s cubic-bezier(.4,0,.2,1),border-color .25s ease,box-shadow .25s ease}.support-sidebar-card:hover{border-color:var(--color-accent-cyan);box-shadow:0 6px 20px #0088ff40;transform:translateY(-2px)}.support-sidebar-card:before{content:"";position:absolute;top:-60%;left:-70%;width:50%;height:220%;background:linear-gradient(60deg,transparent 0%,rgba(0,229,255,.25) 50%,transparent 100%);transform:rotate(28deg);opacity:0;pointer-events:none}.support-sidebar-card:hover:before{opacity:1;animation:sidebarItemShine .55s cubic-bezier(.2,.8,.25,1) forwards}.support-headset-circle{width:44px;height:44px;border-radius:50%;background:#0088ff2e;border:1px solid rgba(0,212,255,.4);display:flex;align-items:center;justify-content:center;margin:0 auto .7rem;box-shadow:0 0 16px #0088ff59;transition:transform .25s ease,box-shadow .25s ease}.support-sidebar-card:hover .support-headset-circle{transform:scale(1.08);box-shadow:0 0 22px #00d4ff99}.support-card-title{margin:0 0 .3rem;font-size:.94rem;font-weight:700;color:var(--color-text-main)}.support-card-desc{margin:0 0 .85rem;font-size:.75rem;color:var(--color-text-muted);line-height:1.4}.support-card-btn{position:relative;overflow:hidden;width:100%;font-size:.84rem;font-weight:700;padding:.48rem .9rem;border-radius:8px;background:linear-gradient(135deg,#08f,#06c);color:#fff;border:none;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;box-shadow:0 0 14px #08f6;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.support-card-btn:before{content:"";position:absolute;top:-60%;left:-70%;width:45%;height:220%;background:linear-gradient(60deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);transform:rotate(28deg);opacity:0;pointer-events:none}.support-card-btn:hover:before{opacity:1;animation:sidebarItemShine .45s ease forwards}.support-card-btn:hover{background:linear-gradient(135deg,#09f,#07d);box-shadow:0 0 20px #00d4ff99;transform:translateY(-2px)}html[data-theme=light] .cat-sidebar.full-height-sidebar{background:#fffffff2;border-color:#cbd5e1d9;box-shadow:0 4px 20px -2px #0f172a0f}html[data-theme=light] .cat-item-header{background:#fff;border-color:#e2e8f0f2;box-shadow:0 1px 3px #0f172a0a}html[data-theme=light] .cat-item-header:hover{background:#f0f7ff;border-color:#07f;box-shadow:0 4px 14px #0077ff29}html[data-theme=light] .cat-item-header.is-expanded{background:#f8fafc;border-color:#cbd5e1f2}html[data-theme=light] .cat-item-header.is-active-category,html[data-theme=light] .cat-item-header.contains-active{background:linear-gradient(90deg,#0077ff1f,#00b4d80d);border-color:#07f;box-shadow:0 2px 10px #0077ff26}html[data-theme=light] .cat-title-text{color:#1e293b}html[data-theme=light] .cat-item-header.is-active-category .cat-title-text,html[data-theme=light] .cat-item-header.contains-active .cat-title-text{color:#06c;font-weight:700}html[data-theme=light] .cat-tool-link{color:#334155;font-weight:600}html[data-theme=light] .cat-tool-link:hover{color:#06c;background:#0077ff14;box-shadow:0 2px 6px #0077ff14}html[data-theme=light] .cat-tool-link.active-tool{color:#fff;background:linear-gradient(90deg,#07f,#00a8e8);border-inline-start-color:#0052cc;box-shadow:0 2px 10px #0077ff40}html[data-theme=light] .sidebar-expand-all-btn{background:#f8fafc;border-color:#cbd5e1;color:#475569}html[data-theme=light] .sidebar-expand-all-btn:hover{background:#0077ff14;border-color:#07f;color:#07f}html[data-theme=light] .cat-count-badge{background:#f1f5f9;color:#64748b;border-color:#e2e8f0}html[data-theme=light] .cat-count-badge.highlight-all{background:#8b5cf61f;color:#7c3aed;border-color:#8b5cf64d}html[data-theme=light] .settings-master-header.active{border-color:#7c3aed!important;background:linear-gradient(90deg,#8b5cf61f,#0077ff0f)!important;box-shadow:0 2px 10px #8b5cf62e!important}html[data-theme=light] .all-tools-master-panel{background:#fff;border-color:#cbd5e1e6;box-shadow:0 4px 16px #0f172a0d}html[data-theme=light] .sidebar-section-mini-block{background:#f8fafc;border-color:#e2e8f0}html[data-theme=light] .sidebar-section-mini-block:hover{border-color:#07f;background:#f0f7ff}html[data-theme=light] .mini-tool-link{color:#475569}html[data-theme=light] .mini-tool-link:hover{color:#07f;background:#0077ff14}html[data-theme=light] .mini-tool-link.active-tool{color:#06c;background:#0077ff24}html[data-theme=light] .support-sidebar-card{background:#fff;border-color:#cbd5e1d9;box-shadow:0 4px 16px #0f172a0d}html[data-theme=light] .support-card-desc{color:#475569}html[data-theme=light] .support-headset-circle{background:#0077ff1a;border-color:#0077ff40;box-shadow:0 0 14px #0077ff2e}html[data-theme=light] .smart-dropzone-inner-border{border-color:#0077ff4d}html[data-theme=light] .detection-panel-card{background:#fff;border-color:#cbd5e1d9;box-shadow:0 4px 14px #0f172a0a}html[data-theme=light] .file-preview-card{background:#f8fafc;border-color:#e2e8f0f2}html[data-theme=light] .suggested-action-btn{background:#fff;border-color:#cbd5e1e6;color:#0f172a;box-shadow:0 1px 3px #0f172a0a}html[data-theme=light] .suggested-action-btn:hover{background:#f0f7ff;border-color:#07f;color:#06c;box-shadow:0 4px 12px #0077ff26}html[data-theme=light] .upload-sub-prompt,html[data-theme=light] .upload-formats-hint{color:#64748b}html[data-theme=light] .quick-tool-card{background:#fff;border-color:#e2e8f0f2;box-shadow:0 2px 8px #0f172a0a}html[data-theme=light] .quick-tool-card:hover{background:#f0f7ff;border-color:#07f;box-shadow:0 8px 20px #0077ff26}html[data-theme=light] .quick-tool-name{color:#0f172a}html[data-theme=light] .featured-overview-card{background:#fff;border-color:#cbd5e1d9}html[data-theme=light] .featured-item-box{background:#f8fafc;border-color:#e2e8f0f2}html[data-theme=light] .featured-item-box:hover{background:#f0f7ff;border-color:#07f;box-shadow:0 4px 14px #0077ff1f}html[data-theme=light] .featured-item-title{color:#0f172a}html[data-theme=light] .featured-item-desc{color:#475569}html[data-theme=light] .stats-overview-card{background:#fff;border-color:#cbd5e1d9}html[data-theme=light] .stat-mini-box{background:#f8fafc;border-color:#e2e8f0f2}html[data-theme=light] .stat-mini-value{color:#0f172a}html[data-theme=light] .stat-mini-label{color:#64748b}html[data-theme=light] .awaiting-file-box{background:#f8fafc;border-color:#0077ff40}html[data-theme=light] .awaiting-text-main{color:#0f172a}.ut-grid-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:var(--spacing-3);margin-block:var(--spacing-4)}.ut-stat-card{background-color:var(--color-bg-subtle);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.ut-stat-label{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.ut-stat-value{font-size:1.25rem;font-weight:700;margin-top:.2rem;color:var(--color-text-main)}.ut-alert{padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-sm);margin-block:var(--spacing-3);font-size:.9rem}.ut-alert-error{background-color:var(--color-danger-subtle);border:1px solid var(--color-danger);color:#fca5a5}.ut-alert-success{background-color:var(--color-success-subtle);border:1px solid var(--color-success);color:#86efac}.ut-progress-track{width:100%;height:6px;background-color:var(--color-border);border-radius:var(--radius-full);overflow:hidden;margin-block:var(--spacing-3)}.ut-progress-bar{height:100%;background:linear-gradient(90deg,#08f,#00d4ff);transition:width .2s ease}.ut-preview-container{max-width:100%;border-radius:var(--radius-sm);border:1px solid var(--color-border);overflow:hidden;display:flex;justify-content:center;align-items:center;background-color:var(--color-bg-subtle);padding:var(--spacing-4);margin-block:var(--spacing-4)}.ut-preview-container img{max-width:100%;max-height:400px;object-fit:contain;border-radius:var(--radius-sm)}.compressor-page-flow{display:flex;flex-direction:column;gap:.85rem;width:100%}.compressor-mode-toggle-row{display:flex;align-items:center;justify-content:center;gap:.65rem;margin-bottom:.2rem}.mode-tab-btn{padding:.42rem 1.25rem;border-radius:9999px;background:var(--color-bg-card);border:1px solid var(--color-border);color:var(--color-text-muted);font-size:.84rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm)}.mode-tab-btn:hover{border-color:var(--color-accent-cyan);color:var(--color-text-main);background:#0088ff1f}.mode-tab-btn.active{background:linear-gradient(135deg,#0088ff59,#00e5ff33);border-color:var(--color-accent-cyan);color:#fff;box-shadow:0 0 16px #00e5ff59}.compressor-dropzone-panel{position:relative;overflow:hidden;background:var(--color-dropzone-bg);border:1.5px solid var(--color-border);border-radius:var(--radius-xl);padding:8px;box-shadow:var(--shadow-md),inset 0 0 25px #0088ff14;transition:all .25s cubic-bezier(.4,0,.2,1)}.compressor-dropzone-panel.drag-over{border-color:var(--color-accent-cyan);box-shadow:0 0 25px #00d4ff66;transform:scale(1.005)}.tilted-photo-bg{position:absolute;top:50%;pointer-events:none;z-index:1;opacity:.65;transition:transform .4s ease}.photo-bg-left{left:3.5%;transform:translateY(-50%) rotate(-14deg)}.photo-bg-right{right:3.5%;transform:translateY(-50%) rotate(14deg)}.photo-bg-inner{width:125px;height:90px;border-radius:14px;background:linear-gradient(135deg,#1e40af73,#0ea5e94d);border:1.5px solid rgba(56,189,248,.38);box-shadow:0 12px 30px #00000073,0 0 20px #06b6d42e;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px)}@media(max-width:900px){.tilted-photo-bg{display:none}}.dropzone-inner-frame{position:relative;z-index:2;border:1.5px dashed rgba(0,212,255,.4);border-radius:16px;padding:1.15rem 1.2rem .65rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}@media(max-width:640px){.dropzone-heading{font-size:1.15rem}.dropzone-subtext{font-size:.76rem}.dropzone-inner-frame{padding:.85rem .65rem .5rem}}.cloud-icon-circle-btn{width:52px;height:52px;border-radius:50%;background:radial-gradient(circle,#08f,#04b);border:1px solid rgba(0,229,255,.4);display:flex;align-items:center;justify-content:center;box-shadow:0 0 22px #0088ff8c;cursor:pointer;margin-bottom:.35rem;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease}.cloud-icon-circle-btn:hover{transform:scale(1.1);box-shadow:0 0 35px #00d4ffcc}.dropzone-heading{font-size:1.4rem;font-weight:800;color:var(--color-text-main);margin:0 0 .2rem;letter-spacing:-.01em}.dropzone-subtext{font-size:.82rem;color:var(--color-text-dim);margin:0 0 .75rem;max-width:640px;line-height:1.45}.dropzone-empty-actions-wrap{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%}.choose-file-gradient-btn{background:linear-gradient(90deg,#0284c7,#06b6d4);border:1px solid rgba(0,229,255,.6);border-radius:9999px;color:#fff;padding:.5rem 1.85rem;font-size:.9rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:.55rem;box-shadow:0 4px 20px #06b6d473;transition:all .2s cubic-bezier(.4,0,.2,1);margin-bottom:.35rem}.choose-file-gradient-btn:hover{transform:translateY(-2px);box-shadow:0 6px 28px #06b6d4bf}.formats-indicator-bar{display:flex;align-items:center;justify-content:center;gap:.45rem;font-size:.74rem;color:var(--color-text-dim);flex-wrap:wrap;margin-bottom:.5rem}.formats-caption{display:inline-flex;align-items:center;gap:.35rem}.formats-pills-tag{background:var(--color-bg-card);border:1px solid var(--color-border);padding:.18rem .65rem;border-radius:9999px;color:var(--color-text-muted);font-weight:700;letter-spacing:.02em}.formats-more-note{color:var(--color-text-dim)}.dropzone-populated-workspace{display:flex;flex-direction:column;align-items:center;width:100%;gap:.8rem;position:relative;z-index:2}.workspace-action-buttons-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.1rem}.action-add-more-btn{background:linear-gradient(135deg,#0284c7,#06b6d4);color:#fff;border:1px solid rgba(0,229,255,.55);padding:.42rem 1.15rem;border-radius:9999px;font-size:.82rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:.45rem;box-shadow:0 3px 12px #06b6d466;transition:all .2s ease}.action-add-more-btn:hover{transform:translateY(-1px);box-shadow:0 5px 18px #06b6d4a6}.action-remove-all-btn{background:var(--color-bg-subtle);border:1px solid var(--color-border);color:var(--color-text-dim);padding:.42rem 1rem;border-radius:9999px;font-size:.8rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;transition:all .2s ease}.action-remove-all-btn:hover{background:#ef444426;border-color:#ef444473;color:#ef4444}.horizontal-strip-viewport-wrap{display:flex;align-items:center;width:100%;max-width:840px;gap:.4rem;position:relative;margin:.1rem 0;direction:ltr}.strip-nav-arrow-btn{width:32px;height:32px;border-radius:50%;background:#0b1426d9;border:1px solid rgba(0,136,255,.4);color:#38bdf8;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .2s ease;backdrop-filter:blur(6px);box-shadow:0 2px 8px #0006}.strip-nav-arrow-btn:hover{background:#0088ff4d;border-color:#00e5ff;color:#fff;transform:scale(1.08)}.batch-thumbnails-scroll{display:flex;align-items:center;gap:.75rem;overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(0,136,255,.4) transparent;padding:.45rem .3rem;width:100%;scroll-behavior:smooth;direction:ltr}.batch-thumbnails-scroll::-webkit-scrollbar{height:6px}.batch-thumbnails-scroll::-webkit-scrollbar-track{background:transparent}.batch-thumbnails-scroll::-webkit-scrollbar-thumb{background:#0088ff59;border-radius:9999px}.batch-thumb-card{display:flex;align-items:center;justify-content:space-between;gap:.65rem;min-width:195px;max-width:215px;height:68px;padding:.45rem .65rem;background:#0b1426eb;border:1.5px solid rgba(0,136,255,.32);border-radius:12px;position:relative;flex-shrink:0;box-shadow:0 4px 14px #00000059;transition:all .2s ease;direction:ltr}.batch-thumb-card:hover{border-color:#00e5ffb3;box-shadow:0 6px 18px #0088ff40;transform:translateY(-1px)}.batch-card-remove-btn{position:absolute;top:5px;left:5px;right:auto;width:18px;height:18px;border-radius:50%;background:#000000a6;border:1px solid rgba(255,255,255,.3);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;z-index:4}.batch-card-remove-btn:hover{background:#ef4444;border-color:#ef4444;transform:scale(1.15)}.batch-card-info{display:flex;flex-direction:column;gap:.15rem;flex:1;min-width:0;text-align:left;padding-left:1.15rem;padding-right:.2rem}.batch-card-filename{font-size:.76rem;font-weight:700;color:var(--color-text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:95px}.batch-card-meta{font-size:.67rem;color:var(--color-text-dim)}.batch-card-size{font-size:.68rem;color:#38bdf8;font-weight:600}.batch-card-preview-frame{width:50px;height:50px;border-radius:8px;overflow:hidden;border:1px solid rgba(0,136,255,.35);background:#00000059;flex-shrink:0;position:relative;display:flex;align-items:center;justify-content:center}.batch-card-img{width:100%;height:100%;object-fit:cover}.card-processing-overlay{position:absolute;inset:0;background:#0b1426bf;display:flex;align-items:center;justify-content:center}.card-success-badge{position:absolute;bottom:2px;right:2px;width:16px;height:16px;border-radius:50%;background:#10b981;display:flex;align-items:center;justify-content:center;box-shadow:0 0 6px #10b981cc}.inline-spinner-tiny{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#00e5ff;border-radius:50%;animation:spin .8s linear infinite;display:inline-block}.batch-strip-bottom-bar{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:840px;padding:.25rem .5rem;flex-wrap:wrap;gap:.6rem;direction:ltr}.batch-count-pill{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:700;color:#00e5ff;background:#0088ff26;border:1px solid rgba(0,229,255,.3);padding:.2rem .65rem;border-radius:9999px}.batch-drop-hint{display:inline-flex;align-items:center;gap:.35rem;font-size:.74rem;color:var(--color-text-dim)}.dropzone-meta-slots-bar{width:100%;display:flex;align-items:center;justify-content:space-around;padding:.7rem 1rem .2rem;border-top:1px solid rgba(0,136,255,.2);gap:.5rem}.meta-slot{display:flex;align-items:center;gap:.45rem;font-size:.8rem}.meta-slot-label{display:inline-flex;align-items:center;gap:.35rem;color:var(--color-text-dim);font-weight:600}.meta-slot-value{color:var(--color-text-main);font-weight:700}.meta-slot-divider{width:1px;height:20px;background:#0088ff40}@media(max-width:640px){.dropzone-meta-slots-bar{flex-wrap:wrap;justify-content:center;gap:.6rem 1rem;padding:.6rem .5rem .2rem}.meta-slot-divider{display:none}.meta-slot{font-size:.76rem}}.compressor-settings-panel{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:.85rem 1.25rem;box-shadow:var(--shadow-md);position:relative;overflow:visible;z-index:10;transition:opacity .25s ease,border-color .25s ease}.panel-header-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:.65rem;padding-bottom:.4rem;border-bottom:1px solid var(--color-border)}.panel-header-title-group{display:flex;align-items:center;gap:.55rem}.panel-header-title{margin:0;font-size:1.05rem;font-weight:800;color:var(--color-text-main)}.settings-split-grid{display:grid;grid-template-columns:1fr;gap:1.4rem;align-items:center}@media(min-width:900px){.settings-split-grid{grid-template-columns:minmax(0,1.45fr) 300px;align-items:stretch}.settings-split-grid>.settings-controls-stack{grid-column:1;grid-row:1}.settings-split-grid>.settings-lock-banner{grid-column:2;grid-row:1}}.settings-lock-banner{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.3rem 1.1rem;background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.lock-graphic-3d{position:relative;width:72px;height:64px;margin-bottom:.75rem;display:flex;align-items:center;justify-content:center}.lock-card-base{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,#1e3a8a,#2563eb,#06b6d4);border:1.5px solid rgba(6,182,212,.45);box-shadow:0 8px 22px #2563eb59;display:flex;align-items:center;justify-content:center}.lock-banner-title{font-size:.94rem;font-weight:700;color:var(--color-text-main);margin:0 0 .35rem}.lock-banner-desc{font-size:.74rem;color:var(--color-text-dim);margin:0;line-height:1.4}.settings-controls-stack{display:flex;flex-direction:column;gap:.65rem}.compressor-settings-panel.is-disabled .settings-controls-stack{opacity:.55;pointer-events:none}.control-row-horizontal{display:flex;align-items:center;gap:.9rem;width:100%}.control-row-horizontal .control-label{flex-shrink:0;width:105px;font-size:.82rem;font-weight:700;color:var(--color-text-main);display:inline-flex;align-items:center;gap:.4rem}.control-row-horizontal .slider-track-wrap{flex:1;display:flex;align-items:center}.control-row-horizontal .presets-pill-group{flex:1;display:flex;align-items:center;gap:.45rem}.control-row-horizontal .format-select-wrap{display:flex;align-items:center;position:relative;z-index:120}@media(max-width:640px){.control-row-horizontal{flex-direction:column;align-items:stretch;gap:.45rem}.control-row-horizontal .control-label,.control-row-horizontal .presets-pill-group,.control-row-horizontal .format-select-wrap{width:100%}}.quality-display-badge{font-size:.78rem;font-weight:800;color:#00e5ff;background:#0088ff26;border:1px solid rgba(0,212,255,.35);padding:.15rem .55rem;border-radius:6px}.slider-track-wrap{width:100%}.custom-quality-slider,.quality-range-slider{width:100%;accent-color:#00e5ff;cursor:pointer}[dir=rtl] .quality-range-slider,[dir=rtl] .custom-quality-slider,[dir=rtl] input[type=range]{direction:rtl}[dir=ltr] .quality-range-slider,[dir=ltr] .custom-quality-slider,[dir=ltr] input[type=range]{direction:ltr}.presets-pill-group{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.preset-pill-btn{flex:1;min-width:100px;padding:.45rem .85rem;border-radius:8px;background:var(--color-bg-subtle);border:1px solid var(--color-border);color:var(--color-text-muted);font-size:.82rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.preset-pill-btn:hover:not(:disabled){border-color:var(--color-accent-cyan);color:var(--color-text-main);background:#0088ff26}.preset-pill-btn.active,.preset-pill-btn.is-selected{background:linear-gradient(135deg,#08f6,#00d4ff33);border-color:var(--color-accent-cyan);color:#fff;font-weight:700;box-shadow:0 0 12px #0088ff59}.resizer-dimension-inputs-card{display:flex;align-items:center;gap:.95rem;background:#0b1426a6;border:1.5px solid rgba(0,136,255,.22);border-radius:12px;padding:.85rem 1.15rem;flex-wrap:wrap}@media(max-width:640px){.resizer-dimension-inputs-card{flex-direction:column;align-items:stretch;gap:.75rem;padding:.75rem .85rem}.dimension-input-block,.dimension-input-field-wrap{width:100%}.dimension-number-input{width:100%!important}.aspect-lock-middle-wrap{margin-top:0;align-self:center}}[data-theme=light] .resizer-dimension-inputs-card{background:#f8fafc;border-color:#e2e8f0}.dimension-input-block{display:flex;flex-direction:column;gap:.35rem}.dimension-input-label-row{display:flex;align-items:center;gap:.45rem}.dim-badge{display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:800;color:#00e5ff;background:#00e5ff26;border:1px solid rgba(0,229,255,.35);border-radius:4px;width:20px;height:20px}[data-theme=light] .dim-badge{background:#0284c71f;border-color:#0284c74d;color:#0284c7}.dim-title{font-size:.78rem;font-weight:700;color:var(--color-text-dim)}.dimension-input-field-wrap{position:relative;display:flex;align-items:center;direction:ltr!important}.dimension-number-input{width:145px;padding:.48rem 2.6rem .48rem .75rem!important;border-radius:8px;background:var(--color-bg-card);border:1.5px solid var(--color-border);color:var(--color-text-main);font-size:.96rem;font-weight:800;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-variant-numeric:tabular-nums;outline:none;direction:ltr!important;text-align:left!important;transition:all .2s ease}.dimension-number-input:focus{border-color:#00e5ff;box-shadow:0 0 12px #00e5ff40}[data-theme=light] .dimension-number-input:focus{border-color:#0284c7;box-shadow:0 0 10px #0284c733}.dim-unit-tag{position:absolute;right:.75rem!important;left:auto!important;font-size:.76rem;font-weight:800;color:#00e5ff;pointer-events:none;direction:ltr!important}[data-theme=light] .dim-unit-tag{color:#0284c7}.aspect-lock-middle-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:1.15rem}.aspect-lock-toggle-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.18rem;padding:.4rem .65rem;border-radius:10px;background:#0088ff14;border:1.5px solid rgba(0,136,255,.25);cursor:pointer;transition:all .2s ease;min-width:48px}.aspect-lock-toggle-btn:hover:not(:disabled){background:#0088ff2e;border-color:#00e5ff;transform:scale(1.05)}.aspect-lock-toggle-btn.is-locked{background:#00e5ff1f;border-color:#00e5ff8c;box-shadow:0 0 10px #00e5ff33}[data-theme=light] .aspect-lock-toggle-btn{background:#fff;border-color:#cbd5e1}[data-theme=light] .aspect-lock-toggle-btn.is-locked{background:#0284c71a;border-color:#0284c7;box-shadow:0 0 8px #0284c726}.lock-status-mini-label{font-size:.65rem;font-weight:800;color:#38bdf8;letter-spacing:.3px}.equalize-square-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.48rem .95rem;margin-top:1.15rem;border-radius:8px;background:#a855f71f;border:1px solid rgba(168,85,247,.35);color:#c084fc;font-size:.78rem;font-weight:800;cursor:pointer;transition:all .2s ease}.equalize-square-btn:hover:not(:disabled){background:#a855f738;border-color:#c084fc;color:#fff;transform:translateY(-1px)}[data-theme=light] .equalize-square-btn{background:#9333ea14;border-color:#9333ea40;color:#7e22ce}.resolution-presets-grid{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;width:100%}.resolution-preset-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .85rem;border-radius:9999px;background:#0088ff12;border:1px solid rgba(0,136,255,.22);color:var(--color-text-main);font-size:.78rem;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.resolution-preset-chip:hover:not(:disabled){background:#0088ff2e;border-color:#00e5ff8c;color:#fff;transform:translateY(-1px)}.resolution-preset-chip.active{background:linear-gradient(135deg,#0284c780,#06b6d459);border-color:#00e5ff;color:#fff;box-shadow:0 0 12px #00e5ff59}[data-theme=light] .resolution-preset-chip{background:#f1f5f9;border-color:#cbd5e1;color:#334155}[data-theme=light] .resolution-preset-chip:hover:not(:disabled){background:#e2e8f0;border-color:#0284c7;color:#0f172a}[data-theme=light] .resolution-preset-chip.active{background:linear-gradient(135deg,#0284c72e,#06b6d426);border-color:#0284c7;color:#0284c7;box-shadow:0 0 10px #0284c733}.chip-name{font-weight:800;color:#38bdf8}.resolution-preset-chip.active .chip-name{color:#fff}[data-theme=light] .chip-name,[data-theme=light] .resolution-preset-chip.active .chip-name{color:#0284c7}.chip-dim{font-size:.72rem;color:var(--color-text-dim);font-family:monospace}.dim-limits-hint{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;color:var(--color-text-dim);margin-top:.25rem}.custom-dropdown-container{position:relative;display:inline-block;min-width:260px}.custom-dropdown-container.is-open{z-index:1000}.control-row-horizontal:has(.custom-dropdown-container.is-open){position:relative;z-index:1000}.custom-dropdown-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.46rem .95rem;border-radius:9px;background:var(--color-bg-subtle);border:1.5px solid var(--color-border);color:var(--color-text-main);font-size:.84rem;font-weight:700;cursor:pointer;outline:none;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm)}.custom-dropdown-trigger:hover:not(:disabled){border-color:var(--color-accent-cyan);background:#0088ff1f;box-shadow:0 0 14px #00e5ff40}.custom-dropdown-container.is-open .custom-dropdown-trigger{border-color:#00e5ff;box-shadow:0 0 16px #00e5ff66;background:#0b1426eb}.custom-dropdown-trigger:disabled{opacity:.5;cursor:not-allowed}.dropdown-trigger-content{display:inline-flex;align-items:center;gap:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-selected-label{font-size:.84rem;font-weight:700;color:var(--color-text-main)}.dropdown-selected-badge{font-size:.68rem;font-weight:800;color:#00e5ff;background:#08f3;border:1px solid rgba(0,229,255,.4);padding:.1rem .45rem;border-radius:6px}.dropdown-arrow-icon{display:flex;align-items:center;justify-content:center;transition:transform .25s ease;flex-shrink:0}.dropdown-arrow-icon.open{transform:rotate(180deg)}.custom-dropdown-menu{position:absolute;top:calc(100% + 6px);inset-inline-start:0;min-width:280px;background:#0b1426;border:1.5px solid rgba(0,136,255,.45);border-radius:12px;padding:.4rem;box-shadow:0 12px 35px #000000b3,0 0 20px #00e5ff40;backdrop-filter:blur(14px);z-index:100;display:flex;flex-direction:column;gap:.25rem;opacity:1!important}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.custom-dropdown-item{display:flex;flex-direction:column;gap:.15rem;padding:.5rem .75rem;border-radius:8px;cursor:pointer;transition:all .15s ease;position:relative;text-align:start}.custom-dropdown-item:hover{background:#08f3;color:#fff}.custom-dropdown-item.active{background:linear-gradient(135deg,#0088ff59,#00e5ff2e);border:1px solid rgba(0,229,255,.4)}.dropdown-item-main{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.dropdown-item-label{font-size:.82rem;font-weight:700;color:var(--color-text-main)}.dropdown-item-badge{font-size:.68rem;font-weight:800;color:#38bdf8;background:#0088ff26;border:1px solid rgba(0,136,255,.3);padding:.08rem .4rem;border-radius:5px}.dropdown-item-desc{font-size:.7rem;color:var(--color-text-dim);line-height:1.35}.dropdown-item-check{position:absolute;inset-inline-end:8px;top:50%;transform:translateY(-50%)}.palette-popover-menu{min-width:min(440px,calc(100vw - 28px))!important;max-width:min(500px,calc(100vw - 28px))!important;width:max-content;max-height:min(340px,50vh)!important;overflow-y:auto!important;padding:.45rem .55rem!important;border-radius:12px!important;border:1.5px solid rgba(0,229,255,.5)!important;background:#0b1426!important;box-shadow:0 16px 40px #000000f2,0 0 25px #00e5ff40!important;z-index:1001!important;scrollbar-width:thin;scrollbar-color:rgba(0,229,255,.4) transparent;animation:none!important;opacity:1!important}.palette-popover-menu.open-up,.custom-dropdown-menu.open-up{top:auto!important;bottom:calc(100% + 6px)!important}.palette-popover-menu.open-down,.custom-dropdown-menu.open-down{top:calc(100% + 6px)!important;bottom:auto!important}.palette-popover-menu::-webkit-scrollbar{width:6px}.palette-popover-menu::-webkit-scrollbar-thumb{background:#00e5ff66;border-radius:4px}[data-theme=light] .palette-popover-menu{background:#fff!important;border-color:#0284c773!important;box-shadow:0 16px 40px #0000001f,0 0 20px #0284c726!important}.palette-popover-header{display:flex;align-items:center;justify-content:space-between;padding:.15rem .35rem .5rem;border-bottom:1px solid rgba(0,136,255,.2);margin-bottom:.45rem}[data-theme=light] .palette-popover-header{border-bottom-color:#00000014}.palette-header-title-slot{display:flex;align-items:center;gap:.5rem}.palette-title-text{font-size:.8rem;font-weight:800;color:var(--color-text-main);letter-spacing:-.01em}.palette-formats-count{font-size:.68rem;font-weight:700;color:#38bdf8;background:#0088ff26;padding:.08rem .45rem;border-radius:9999px;border:1px solid rgba(0,229,255,.25)}.palette-layout-switcher{display:flex;align-items:center;gap:.25rem;background:#00000059;padding:.15rem;border-radius:8px;border:1px solid rgba(0,136,255,.25)}[data-theme=light] .palette-layout-switcher{background:#f1f5f9;border-color:#cbd5e1}.palette-switch-btn{border:none;background:transparent;color:var(--color-text-dim);font-size:.72rem;font-weight:700;padding:.18rem .55rem;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:.3rem;transition:all .15s ease}.palette-switch-btn:hover{color:var(--color-text-main)}.palette-switch-btn.active{background:linear-gradient(135deg,#0284c7,#06b6d4);color:#fff;box-shadow:0 1px 6px #06b6d466}.palette-rows-layout{display:flex;flex-direction:column;gap:.28rem}.palette-row-item{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:.85rem!important;padding:.42rem .75rem!important;min-height:38px!important;border-radius:8px!important;white-space:nowrap!important;border:1px solid transparent}.palette-row-item .dropdown-item-main{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;flex:1;gap:1rem}.item-name-group{display:inline-flex;align-items:center;gap:.45rem;flex-shrink:0}.dropdown-item-emoji,.dropdown-trigger-emoji{font-size:.95rem;line-height:1}.dropdown-item-desc-inline{font-size:.74rem;color:var(--color-text-dim);font-weight:500;text-align:end;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=light] .dropdown-item-desc-inline{color:#64748b}.dropdown-item-action-slot{width:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.palette-grid-layout{display:grid;grid-template-columns:repeat(2,1fr);gap:.45rem}@media(max-width:500px){.palette-grid-layout{grid-template-columns:1fr}}.palette-grid-tile{background:#0088ff14;border:1px solid rgba(0,136,255,.22);border-radius:8px;padding:.35rem .55rem;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:.15rem;text-align:start;min-height:46px;box-sizing:border-box}[data-theme=light] .palette-grid-tile{background:#f8fafc;border-color:#e2e8f0}.palette-grid-tile:hover{background:#0088ff2e;border-color:var(--color-accent-cyan);transform:translateY(-1px)}[data-theme=light] .palette-grid-tile:hover{background:#f0f9ff;border-color:#0284c7}.palette-grid-tile.active{background:linear-gradient(135deg,#0088ff59,#00e5ff2e);border-color:#00e5ff;box-shadow:0 0 12px #00e5ff4d}[data-theme=light] .palette-grid-tile.active{background:#e0f2fe;border-color:#0284c7;box-shadow:0 0 10px #0284c740}.format-inline-hint-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .75rem;background:#00e5ff14;border:1px solid rgba(0,229,255,.25);border-radius:8px;font-size:.78rem;color:#38bdf8;font-weight:600;margin-top:.25rem}[data-theme=light] .format-inline-hint-pill{background:#f0f9ff;border-color:#0284c740;color:#0369a1}.grid-tile-top-bar{display:flex;align-items:center;justify-content:space-between;gap:.4rem}.grid-tile-name-wrap{display:inline-flex;align-items:center;gap:.4rem}.grid-tile-emoji{font-size:.95rem;line-height:1}.grid-tile-label{font-size:.82rem;font-weight:800;color:var(--color-text-main)}.grid-tile-end-wrap{display:inline-flex;align-items:center;gap:.4rem}.grid-tile-desc{font-size:.72rem;color:var(--color-text-dim);font-weight:500;line-height:1.3}[data-theme=light] .grid-tile-desc{color:#64748b}.palette-popover-footer{margin-top:.45rem;padding-top:.35rem;border-top:1px solid rgba(0,136,255,.18);display:flex;align-items:center}[data-theme=light] .palette-popover-footer{border-top-color:#00000014}.palette-footer-hint{font-size:.7rem;color:#38bdf8;font-weight:600}[data-theme=light] .palette-footer-hint{color:#0369a1}.toggles-sub-group{display:flex;align-items:center;gap:1.4rem;flex-wrap:wrap;padding-top:.2rem}.toggle-option-item{display:inline-flex;align-items:center;gap:.55rem;cursor:pointer;font-size:.8rem;color:var(--color-text-muted);user-select:none;position:relative}.toggle-option-item input{position:absolute;opacity:0;width:0;height:0}.toggle-switch-visual{position:relative;width:36px;height:20px;background:var(--color-bg-subtle);border:1.5px solid var(--color-border);border-radius:9999px;transition:all .25s ease;flex-shrink:0;display:inline-block}.toggle-switch-visual:after{content:"";position:absolute;top:2px;inset-inline-start:2px;width:13px;height:13px;background:#fff;border-radius:50%;transition:transform .25s ease,background-color .25s ease;box-shadow:0 1px 3px #0000004d}.toggle-option-item input:checked+.toggle-switch-visual{background:linear-gradient(135deg,#08f,#00d4ff);border-color:#00d4ff;box-shadow:0 0 10px #00d4ff73}.toggle-option-item input:checked+.toggle-switch-visual:after{transform:translate(16px)}[dir=rtl] .toggle-option-item input:checked+.toggle-switch-visual:after{transform:translate(-16px)}.toggle-label-text{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:600;color:var(--color-text-main)}.compress-action-bar-wrap{display:flex;align-items:center;justify-content:center;gap:1.6rem;margin-top:.95rem;padding-top:.85rem;border-top:1px solid var(--color-border);flex-wrap:wrap}@media(max-width:640px){.compress-action-bar-wrap{flex-direction:column;align-items:stretch;gap:.75rem}.action-ready-counter{justify-content:center;font-size:.82rem}.action-button-group{width:100%;flex-direction:column}.compress-submit-button{width:100%;padding:.68rem 1.4rem}}.action-ready-counter{display:inline-flex;align-items:center;gap:.45rem;font-size:.86rem;font-weight:700;color:#38bdf8}.action-button-group{display:flex;align-items:center;gap:.6rem}.compress-submit-button{padding:.58rem 2.4rem;border-radius:9999px;background:linear-gradient(135deg,#0284c7,#00d4ff);color:#fff;border:1px solid rgba(0,229,255,.65);font-size:.94rem;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 18px #00d4ff73;text-shadow:0 1px 3px rgba(0,0,0,.4);transition:all .2s cubic-bezier(.4,0,.2,1)}.compress-submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 26px #06b6d4a6}.compress-submit-button:disabled{background:#1e293b99;border:1px solid var(--color-border);color:var(--color-text-dim);box-shadow:none;cursor:not-allowed;transform:none}.compress-submit-button svg{color:inherit}.compress-submit-button:disabled svg{color:inherit;stroke:currentColor}.compress-submit-button.is-loading{background:linear-gradient(135deg,#0284c7,#0369a1)}.inline-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.compressor-error-alert{padding:.6rem .9rem;border-radius:8px;background:#ef444426;border:1px solid rgba(239,68,68,.4);color:#fca5a5;font-size:.82rem;font-weight:600;margin-top:.65rem}.results-collapsed-indicator-bar{display:flex;align-items:center;justify-content:space-between;padding:.72rem 1.4rem;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.results-collapsed-indicator-bar:hover{border-color:#00d4ff73;background:var(--color-bg-subtle);transform:translateY(-1px)}.results-collapsed-hint{display:inline-flex;align-items:center;gap:.5rem;font-size:.86rem;font-weight:600;color:var(--color-text-dim);margin:0 auto}.compressor-results-panel{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:.85rem 1.25rem;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.collapse-toggle-btn{background:transparent;border:none;color:var(--color-text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.25rem;border-radius:6px;transition:all .15s ease}.collapse-toggle-btn:hover{color:#00e5ff;background:var(--color-bg-subtle)}.batch-summary-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.75rem;margin-bottom:1rem}@media(min-width:900px){.batch-summary-metrics-grid{grid-template-columns:repeat(5,1fr)}}.batch-metric-box{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.75rem .6rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.35rem;box-shadow:var(--shadow-sm);transition:all .2s ease}.batch-metric-box:hover{border-color:#08f6;transform:translateY(-1px)}.metric-box-val{font-size:1.22rem;font-weight:800;color:var(--color-text-main);letter-spacing:-.01em}.highlight-purple{color:#c084fc;text-shadow:0 0 12px rgba(192,132,252,.35)}.highlight-cyan{color:#00e5ff}.highlight-green{color:#10b981}.metric-box-header{display:inline-flex;align-items:center;gap:.35rem}.metric-box-label{font-size:.74rem;color:var(--color-text-dim);font-weight:700}.batch-results-table-wrap{width:100%;overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-subtle);margin-bottom:1rem}.batch-results-table{width:100%;border-collapse:collapse;font-size:.82rem;table-layout:fixed}.batch-results-table th,.batch-results-table td{padding:.65rem .75rem;vertical-align:middle;white-space:nowrap}.batch-results-table th{background:#0b1426eb;color:var(--color-text-dim);font-weight:700;border-bottom:1.5px solid var(--color-border)}.batch-results-table td{border-bottom:1px solid rgba(255,255,255,.05);color:var(--color-text-main)}.batch-results-table tr:last-child td{border-bottom:none}.batch-results-table .col-num{width:48px;text-align:center!important;font-weight:700;color:var(--color-text-dim)}.batch-results-table .col-name{width:24%;text-align:start!important;padding-inline-start:1rem}.batch-results-table .col-orig{width:12%;text-align:center!important;font-variant-numeric:tabular-nums}.batch-results-table .col-comp,.batch-results-table .col-saved{width:13%;text-align:center!important;font-variant-numeric:tabular-nums}.batch-results-table .col-ratio{width:11%;text-align:center!important}.batch-results-table .col-status{width:13%;text-align:center!important}.batch-results-table .col-action{width:11%;text-align:center!important}.table-file-cell{display:inline-flex;align-items:center;gap:.6rem;max-width:180px}.table-thumb-img{width:28px;height:28px;border-radius:6px;object-fit:cover;border:1px solid var(--color-border);flex-shrink:0}.table-file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.table-ratio-pill.green{color:#10b981;font-weight:700}.table-status-pill{display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .55rem;border-radius:6px;font-size:.72rem;font-weight:700}.table-status-pill.success{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.table-status-pill.processing{background:#0088ff26;color:#38bdf8;border:1px solid rgba(0,136,255,.3)}.table-status-pill.error{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.table-status-pill.pending{background:#94a3b826;color:#94a3b8;border:1px solid rgba(148,163,184,.3)}.table-download-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .65rem;border-radius:6px;background:#0088ff26;border:1px solid rgba(0,136,255,.35);color:#38bdf8;font-size:.74rem;font-weight:700;cursor:pointer;transition:all .15s ease}.table-download-btn:hover{background:#08f;border-color:#08f;color:#fff}.table-remove-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;background:#ef44441a;border:1px solid rgba(239,68,68,.25);color:#ef4444;cursor:pointer;transition:all .15s ease}.table-remove-btn:hover{background:#ef4444;color:#fff}.batch-results-actions-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;padding-top:.5rem}.batch-download-group{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.batch-download-zip-btn{padding:.52rem 1.4rem;border-radius:8px;background:linear-gradient(135deg,#0284c7,#06b6d4);color:#fff;border:1px solid rgba(0,229,255,.55);font-size:.88rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:.45rem;box-shadow:0 4px 16px #06b6d466;transition:all .2s ease}.batch-download-zip-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 22px #06b6d4a6}.batch-download-zip-btn:disabled{opacity:.5;cursor:not-allowed}.batch-share-btn,.batch-compress-more-btn{padding:.52rem 1.05rem;border-radius:8px;background:var(--color-bg-subtle);border:1px solid var(--color-border);color:var(--color-text-main);font-size:.82rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;transition:all .15s ease}.batch-share-btn:hover,.batch-compress-more-btn:hover{border-color:#00e5ff;background:#0088ff26}.single-result-card-layout{display:flex;flex-direction:column;gap:1rem;width:100%}.single-result-metrics-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.75rem}.result-metric-card{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.85rem 1rem;display:flex;flex-direction:column;gap:.35rem;box-shadow:var(--shadow-sm);transition:all .2s ease}.metric-card-header{display:flex;align-items:center;gap:.4rem}.metric-card-label{font-size:.74rem;color:var(--color-text-dim);font-weight:700}.metric-card-val{font-size:1.25rem;font-weight:800;color:var(--color-text-main);letter-spacing:-.01em}.single-result-actions-wrap{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;padding-top:.5rem;border-top:1px solid var(--color-border)}.preview-mode-toggle-bar{display:flex;align-items:center;gap:.6rem}.preview-mode-title{font-size:.84rem;font-weight:700;color:var(--color-text-main)}.mode-pills-box{display:flex;gap:.4rem}.mode-pill{padding:.25rem .75rem;border-radius:9999px;background:var(--color-bg-subtle);border:1px solid var(--color-border);color:var(--color-text-muted);font-size:.76rem;font-weight:600;cursor:pointer;transition:all .15s ease}.mode-pill.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.single-result-button-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.download-compressed-btn{padding:.52rem 1.25rem;border-radius:8px;background:linear-gradient(135deg,#0284c7,#06b6d4);color:#fff;border:1px solid rgba(0,229,255,.55);font-size:.86rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:.45rem;box-shadow:0 4px 16px #06b6d466;transition:all .2s ease}.download-compressed-btn:hover{transform:translateY(-1px);box-shadow:0 6px 22px #06b6d4a6}.compress-another-btn{padding:.52rem .9rem;border-radius:8px;background:var(--color-bg-subtle);border:1px solid var(--color-border);color:var(--color-text-main);font-size:.82rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;transition:all .15s ease}.compress-another-btn:hover{border-color:var(--color-accent-cyan);background:#0088ff26}html[data-theme=light] .compressor-dropzone-panel{background:radial-gradient(ellipse at center,#0077ff0a,#fff);border-color:#cbd5e1d9;box-shadow:0 4px 20px #0f172a0d}html[data-theme=light] .dropzone-inner-frame{border-color:#0077ff59}html[data-theme=light] .mode-tab-btn{background:#f8fafc;border-color:#cbd5e1e6;color:#334155}html[data-theme=light] .mode-tab-btn.active{background:linear-gradient(135deg,#0077ff26,#00b4d81a);border-color:#07f;color:#06c}html[data-theme=light] .formats-pills-tag{background:#f8fafc;border-color:#e2e8f0e6;color:#334155}html[data-theme=light] .dropzone-meta-slots-bar{border-top-color:#e2e8f0e6}html[data-theme=light] .meta-slot-divider{background:#e2e8f0e6}html[data-theme=light] .batch-thumb-card{background:#fff;border-color:#cbd5e1e6;box-shadow:0 2px 10px #0000000d}html[data-theme=light] .batch-card-remove-btn{background:#f1f5f9e6;color:#64748b;border-color:#cbd5e1e6}html[data-theme=light] .batch-card-remove-btn:hover{background:#ef4444;color:#fff}html[data-theme=light] .batch-card-preview-frame{background:#f1f5f9;border-color:#cbd5e1e6}html[data-theme=light] .batch-card-filename{color:#0f172a}html[data-theme=light] .settings-lock-banner{background:#f8fafc;border-color:#e2e8f0e6}html[data-theme=light] .preset-pill-btn{background:#f8fafc;border-color:#cbd5e1e6;color:#334155}html[data-theme=light] .preset-pill-btn:hover:not(:disabled){background:#0077ff14;border-color:#07f;color:#07f}html[data-theme=light] .preset-pill-btn.active,html[data-theme=light] .preset-pill-btn.is-selected{background:linear-gradient(135deg,#0077ff26,#00b4d81a);border-color:#07f;color:#06c;font-weight:700;box-shadow:0 0 10px #0077ff2e}html[data-theme=light] .custom-dropdown-trigger{background:#fff;border-color:#cbd5e1f2;color:#0f172a}html[data-theme=light] .custom-dropdown-trigger:hover:not(:disabled){border-color:#07f;background:#f0f7ff}html[data-theme=light] .custom-dropdown-container.is-open .custom-dropdown-trigger{border-color:#07f;box-shadow:0 0 14px #0077ff40;background:#fff}html[data-theme=light] .custom-dropdown-menu{background:#fff;border-color:#cbd5e1f2;box-shadow:0 12px 30px #0f172a1f}html[data-theme=light] .custom-dropdown-item:hover{background:#0077ff14}html[data-theme=light] .custom-dropdown-item.active{background:#0077ff1f;border-color:#0077ff59}html[data-theme=light] .dropdown-item-label{color:#0f172a}html[data-theme=light] .dropdown-item-desc{color:#64748b}html[data-theme=light] .dropdown-selected-label{color:#0f172a}html[data-theme=light] .dropdown-selected-badge{background:#0077ff1a;border-color:#0077ff4d;color:#06c}html[data-theme=light] .result-metric-card,html[data-theme=light] .batch-metric-box{background:#f8fafc;border-color:#e2e8f0e6}html[data-theme=light] .batch-results-table-wrap{background:#fff;border-color:#cbd5e1e6}html[data-theme=light] .batch-results-table th{background:#f8fafc;color:#64748b;border-color:#e2e8f0e6}html[data-theme=light] .batch-results-table td{border-color:#f1f5f9e6;color:#0f172a}html[data-theme=light] .results-collapsed-indicator-bar{background:#fff;border-color:#cbd5e1e6}html[data-theme=light] .batch-share-btn,html[data-theme=light] .batch-compress-more-btn,html[data-theme=light] .action-remove-all-btn{background:#f8fafc;border-color:#cbd5e1e6;color:#334155}html[data-theme=light] .strip-nav-arrow-btn{background:#fff;border-color:#cbd5e1e6;color:#0284c7}html[data-theme=light] .highlight-purple{color:#7c3aed;text-shadow:none}html[data-theme=light] .highlight-cyan{color:#0284c7}html[data-theme=light] .compress-submit-button:disabled{background:#f1f5f9;border-color:#cbd5e1;color:#94a3b8;box-shadow:none}html[data-theme=light] .compress-submit-button:disabled svg{color:#94a3b8;stroke:#94a3b8}html[data-theme=light] .action-ready-counter{color:#0284c7}html[data-theme=light] .tool-explanation-card{background:#fff;border-color:#cbd5e1d9;box-shadow:0 4px 18px #0f172a0d}html[data-theme=light] .img-subtool-tab{color:#475569}html[data-theme=light] .img-subtool-tab:hover{color:#0284c7;background:#0284c714;border-color:#0284c74d}html[data-theme=light] .palette-popover-menu{background:#fff!important;border-color:#cbd5e1!important;box-shadow:0 12px 32px #0f172a1f!important}html[data-theme=light] .setting-pill{background:#f8fafc;border-color:#cbd5e1e6;color:#334155}html[data-theme=light] .setting-pill:hover{background:#0077ff14;border-color:#07f;color:#07f}html[data-theme=light] .setting-pill.active{background:#0077ff1f;border-color:#07f;color:#06c;box-shadow:0 0 10px #0077ff26}.wc-workspace{display:flex;flex-direction:column;gap:.95rem;width:100%;position:relative}.wc-editor-card{background:var(--color-bg-card);border:1.5px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 8px 30px #0006,0 0 20px #00e5ff0f;position:relative;transition:all .25s ease}.wc-editor-card.is-fullscreen{position:fixed;inset:0;z-index:9999;border-radius:0;height:100vh;display:flex;flex-direction:column;background:#0b1426}.wc-editor-toolbar{background:#070e1bbf;border-bottom:1px solid rgba(0,136,255,.2);display:flex;align-items:center;justify-content:space-between;padding:.45rem .85rem;flex-wrap:wrap;gap:.5rem}[data-theme=light] .wc-editor-toolbar{background:#f8fafc;border-bottom-color:#e2e8f0}.wc-tb-group{display:flex;align-items:center;gap:.35rem}.wc-style-select{background:#0b1426e6;border:1px solid rgba(0,136,255,.3);color:var(--color-text-main);padding:.25rem .6rem;border-radius:7px;font-size:.82rem;font-weight:700;outline:none;cursor:pointer}[data-theme=light] .wc-style-select{background:#fff;border-color:#cbd5e1;color:#0f172a}.wc-tb-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:7px;border:1px solid transparent;background:transparent;color:var(--color-text-dim);cursor:pointer;transition:all .15s ease;font-size:.9rem}.wc-tb-btn:hover{background:#08f3;color:#00e5ff;border-color:#00e5ff4d}.wc-tb-btn.active{background:#0088ff59;color:#fff;border-color:#00e5ff}.wc-editor-area{min-height:240px;max-height:480px;overflow-y:auto;padding:1.15rem 1.35rem;font-size:1.05rem;line-height:1.85;color:var(--color-text-main);outline:none;white-space:pre-wrap;word-break:break-word}.wc-editor-card.is-fullscreen .wc-editor-area{flex:1;max-height:none}.wc-editor-area:empty:before{content:attr(data-placeholder);color:var(--color-text-dim);opacity:.6;pointer-events:none}.wc-editor-statusbar{background:#070e1b8c;border-top:1px solid rgba(0,136,255,.15);display:flex;align-items:center;justify-content:space-between;padding:.35rem .95rem;font-size:.76rem;color:var(--color-text-dim)}[data-theme=light] .wc-editor-statusbar{background:#f1f5f9;border-top-color:#e2e8f0}.wc-limit-indicator{display:inline-flex;align-items:center;gap:.35rem;font-weight:600}.wc-statusbar-end{display:flex;align-items:center;gap:.5rem}.wc-direction-toggle-btn{background:#0088ff26;border:1px solid rgba(0,229,255,.3);color:#38bdf8;padding:.15rem .5rem;border-radius:6px;font-weight:800;font-size:.74rem;cursor:pointer;transition:all .2s ease}.wc-direction-toggle-btn:hover,.wc-direction-toggle-btn.active{background:#0088ff59;border-color:#00e5ff;color:#fff}.wc-statusbar-icon-btn{background:transparent;border:none;color:var(--color-text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.2rem;transition:color .15s ease}.wc-statusbar-icon-btn:hover{color:var(--color-text-main)}.wc-actions-row{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.wc-btn-action{display:inline-flex;align-items:center;gap:.45rem;border-radius:9999px;padding:.46rem 1.25rem;font-size:.84rem;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none}.wc-btn-action:disabled{opacity:.45;cursor:not-allowed}.wc-btn-clear{border:1.5px solid rgba(239,68,68,.45);background:#ef44441a;color:#f87171}.wc-btn-clear:hover:not(:disabled){background:#ef444438;border-color:#ef4444;color:#fff;box-shadow:0 0 14px #ef444466}.wc-btn-upload{border:1.5px solid rgba(0,229,255,.4);background:#0088ff1f;color:#38bdf8}.wc-btn-upload:hover{background:#0088ff40;border-color:#00e5ff;color:#fff;box-shadow:0 0 14px #00e5ff59}.wc-btn-copy{border:1.5px solid rgba(0,229,255,.4);background:#0088ff1a;color:#38bdf8}.wc-btn-copy:hover:not(:disabled){background:#0088ff38;border-color:#00e5ff;color:#fff;box-shadow:0 0 14px #00e5ff59}.wc-btn-copy-purple{border:1.5px solid rgba(168,85,247,.45);background:linear-gradient(135deg,#7c3aed59,#a855f740);color:#c084fc}.wc-btn-copy-purple:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#a855f7);border-color:#c084fc;color:#fff;box-shadow:0 0 16px #a855f773}.wc-btn-paste{border:1.5px solid rgba(168,85,247,.45);background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;box-shadow:0 3px 12px #8a2be259}.wc-btn-paste:hover{background:linear-gradient(135deg,#6d28d9,#9333ea);box-shadow:0 5px 18px #8a2be28c;transform:translateY(-1px)}.wc-export-container{position:relative}.wc-btn-export{background:var(--color-bg-subtle);border:1.5px solid var(--color-border);color:var(--color-text-main)}.wc-btn-export:hover:not(:disabled){border-color:var(--color-accent-cyan);background:#0088ff26}.wc-export-arrow{font-size:.65rem;opacity:.7}.wc-export-menu{position:absolute;top:calc(100% + 6px);inset-inline-start:0;background:#0b1426fa;border:1.5px solid rgba(0,229,255,.4);border-radius:10px;padding:.35rem;min-width:190px;box-shadow:0 10px 30px #000000b3;z-index:60;display:flex;flex-direction:column;gap:.2rem}[data-theme=light] .wc-export-menu{background:#fff;border-color:#0284c7;box-shadow:0 10px 30px #0000001f}.wc-export-item{background:transparent;border:none;color:var(--color-text-main);text-align:start;padding:.4rem .65rem;font-size:.8rem;font-weight:700;border-radius:6px;cursor:pointer;transition:all .15s ease}.wc-export-item:hover{background:#08f3;color:#00e5ff}[data-theme=light] .wc-export-item:hover{background:#f0f9ff;color:#0284c7}.wc-settings-toggles-bar{background:#0b1426b3;border:1px solid rgba(0,136,255,.22);border-radius:9999px;padding:.38rem 1.15rem;display:flex;align-items:center;justify-content:space-between;gap:.85rem;box-shadow:0 2px 10px #00000040;transition:all .2s ease}[data-theme=light] .wc-settings-toggles-bar{background:#fff;border-color:#e2e8f0;box-shadow:0 2px 10px #0000000d}.wc-toggles-group{display:flex;align-items:center;gap:.95rem;flex-wrap:wrap;flex:1}.wc-toggle-pill{display:inline-flex;align-items:center;gap:.45rem;cursor:pointer;user-select:none;font-size:.76rem;font-weight:700;color:var(--color-text-dim);transition:color .15s ease}.wc-toggle-pill:hover{color:var(--color-text-main)}.wc-toggle-checkbox{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.wc-toggle-track{width:32px;height:18px;background:#ffffff29;border-radius:9999px;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;padding:2px;border:1px solid rgba(255,255,255,.1);flex-shrink:0}[data-theme=light] .wc-toggle-track{background:#cbd5e1;border-color:#94a3b8}.wc-toggle-thumb{width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .25s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #00000059}.wc-toggle-checkbox:checked+.wc-toggle-track{background:linear-gradient(135deg,#0284c7,#00e5ff);border-color:#00e5ff;box-shadow:0 0 10px #00e5ff66}.wc-toggle-checkbox:checked+.wc-toggle-track .wc-toggle-thumb{transform:translate(14px)}[dir=rtl] .wc-toggle-checkbox:checked+.wc-toggle-track .wc-toggle-thumb{transform:translate(-14px)}.wc-toggle-divider{width:1px;height:16px;background:#ffffff1f}[data-theme=light] .wc-toggle-divider{background:#e2e8f0}.wc-toggle-info-btn{color:var(--color-text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;border:1px solid rgba(255,255,255,.15);transition:all .15s ease;flex-shrink:0}.wc-toggle-info-btn:hover{color:#00e5ff;border-color:#00e5ff}.wc-primary-stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem}@media(max-width:1100px){.wc-primary-stats-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.wc-primary-stats-grid{grid-template-columns:repeat(2,1fr)}}.wc-primary-card{background:var(--color-bg-card);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);padding:.85rem 1.15rem;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-sm);transition:all .25s ease}.wc-primary-card:hover{transform:translateY(-2px);border-color:var(--color-accent-cyan);box-shadow:0 6px 20px #00e5ff26}.wc-primary-card.is-purple-accent{border-color:#a855f78c;box-shadow:0 0 16px #a855f72e}.wc-primary-card.is-purple-accent:hover{border-color:#c084fc;box-shadow:0 6px 24px #a855f759}.wc-primary-card.is-purple-ai{border-color:#a855f759}.wc-primary-content{display:flex;flex-direction:column;gap:.25rem}.wc-primary-label{font-size:.8rem;font-weight:700;color:var(--color-text-dim)}.wc-primary-value{font-size:2.15rem;font-weight:900;color:var(--color-text-main);line-height:1.1;letter-spacing:-.02em}.wc-primary-icon-badge{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.wc-primary-icon-badge.is-cyan{background:#0088ff26;border:1px solid rgba(0,229,255,.3)}.wc-primary-icon-badge.is-purple{background:linear-gradient(135deg,#7c3aed,#a855f7);border:1px solid rgba(192,132,252,.5);box-shadow:0 2px 10px #a855f766}.wc-primary-icon-badge.is-purple-ai-badge{background:linear-gradient(135deg,#6366f1,#a855f7);border:1px solid rgba(192,132,252,.45);box-shadow:0 2px 10px #a855f759}.wc-badge-aa{font-size:1.15rem;font-weight:900;color:#fff}.wc-badge-ai{font-size:1.1rem;font-weight:900;color:#fff;font-style:italic}.wc-compact-stats-row-5{display:grid;grid-template-columns:repeat(5,1fr);gap:.55rem}@media(max-width:800px){.wc-compact-stats-row-5{grid-template-columns:repeat(3,1fr)}}@media(max-width:500px){.wc-compact-stats-row-5{grid-template-columns:repeat(2,1fr)}}.wc-compact-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:10px;padding:.55rem .65rem;display:flex;flex-direction:column;gap:.25rem;text-align:start;transition:all .2s ease}.wc-compact-card:hover{border-color:var(--color-accent-cyan);background:#0088ff14}.wc-compact-header{display:flex;align-items:center;justify-content:space-between;gap:.3rem}.wc-compact-label{font-size:.72rem;font-weight:700;color:var(--color-text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wc-metric-icon{font-size:.85rem;font-weight:800;flex-shrink:0;line-height:1}.wc-metric-icon.is-cyan{color:#00e5ff}.wc-metric-icon.is-purple{color:#c084fc}.wc-metric-icon.is-yellow{font-size:.95rem;line-height:1}.wc-compact-value{font-size:1.15rem;font-weight:800;color:var(--color-text-main);line-height:1.2}.wc-compact-wide-row-2{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}@media(max-width:640px){.wc-compact-wide-row-2{grid-template-columns:1fr}}.wc-wide-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:10px;padding:.65rem 1rem;display:flex;align-items:center;justify-content:space-between;transition:all .2s ease}.wc-wide-card:hover{border-color:var(--color-accent-cyan);background:#0088ff14}.wc-wide-content{display:flex;flex-direction:column;gap:.2rem;text-align:start}.wc-wide-label{font-size:.74rem;font-weight:700;color:var(--color-text-dim)}.wc-wide-value{font-size:1.35rem;font-weight:800;color:var(--color-text-main);line-height:1.1}.wc-wide-badge{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.wc-wide-badge.is-purple{background:linear-gradient(135deg,#7c3aed,#a855f7);border:1px solid rgba(192,132,252,.45);box-shadow:0 2px 8px #a855f759}.wc-wide-badge.is-cyan{background:#0088ff26;border:1px solid rgba(0,229,255,.3)}.wc-badge-az{font-size:.78rem;font-weight:900;color:#fff;letter-spacing:-.02em}.wc-icon-clock{font-size:1.15rem;line-height:1;color:#00e5ff}.wc-bottom-split-grid{display:grid;grid-template-columns:1fr 1fr;gap:.95rem}@media(max-width:900px){.wc-bottom-split-grid{grid-template-columns:1fr}}.wc-panel-card{background:var(--color-bg-card);border:1.5px solid var(--color-border);border-radius:var(--radius-xl);padding:1.05rem 1.25rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:.75rem;min-height:250px}.wc-panel-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:.55rem;border-bottom:1px solid var(--color-border)}.wc-panel-title-wrap{display:flex;align-items:center;gap:.45rem}.wc-panel-icon{font-size:1.1rem;display:flex;align-items:center}.wc-panel-icon.is-cyan{color:#00e5ff}.wc-panel-title{margin:0;font-size:.96rem;font-weight:800;color:var(--color-text-main)}.wc-info-tooltip-btn{color:var(--color-text-dim);cursor:pointer;display:flex;align-items:center}.wc-analysis-content-split{display:flex;align-items:center;gap:1.25rem;height:100%}@media(max-width:540px){.wc-analysis-content-split{flex-direction:column;align-items:stretch;gap:.85rem}.wc-radar-slot{width:100%!important}}.wc-radar-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.5rem;width:140px;flex-shrink:0}.wc-radar-circle{width:68px;height:68px;border-radius:50%;background:radial-gradient(circle,rgba(0,229,255,.2) 0%,rgba(0,136,255,.05) 70%,transparent 100%);border:1.5px solid rgba(0,229,255,.45);display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #00e5ff40}.wc-radar-caption{font-size:.74rem;font-weight:700;color:var(--color-text-dim)}.wc-metrics-bullet-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem;flex:1}.wc-metric-item{display:flex;align-items:center;gap:.45rem;font-size:.78rem}.wc-metric-bullet{width:6px;height:6px;border-radius:50%;border:1.5px solid #00e5ff;background:transparent;flex-shrink:0}.wc-metric-name{color:var(--color-text-dim);font-weight:600;flex-shrink:0}.wc-metric-val{color:var(--color-text-main);font-weight:700}.wc-freq-controls{display:flex;align-items:center;gap:.45rem}.wc-limit-label{font-size:.72rem;font-weight:700;color:var(--color-text-dim)}.wc-top-limit-group{display:flex;align-items:center;background:#00000059;padding:.12rem;border-radius:7px;border:1px solid var(--color-border)}.wc-limit-pill{border:none;background:transparent;color:var(--color-text-dim);font-size:.7rem;font-weight:700;padding:.15rem .45rem;border-radius:5px;cursor:pointer;transition:all .15s ease}.wc-limit-pill.active{background:#0284c7;color:#fff}.wc-filter-stop-btn{border:1px solid var(--color-border);background:transparent;color:var(--color-text-dim);font-size:.7rem;font-weight:700;padding:.2rem .55rem;border-radius:6px;cursor:pointer;transition:all .15s ease}.wc-filter-stop-btn.active{background:#08f3;border-color:var(--color-accent-cyan);color:#00e5ff}.wc-empty-freq-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2.2rem 1rem;gap:.45rem;height:100%}.wc-empty-icon-halo{width:58px;height:58px;border-radius:50%;background:radial-gradient(circle,rgba(0,229,255,.2) 0%,transparent 70%);border:1.5px solid rgba(0,229,255,.35);display:flex;align-items:center;justify-content:center;box-shadow:0 0 16px #00e5ff33;margin-bottom:.25rem}.wc-empty-title{margin:0;font-size:.94rem;font-weight:800;color:var(--color-text-main)}.wc-empty-desc{margin:0;font-size:.76rem;color:var(--color-text-dim);max-width:320px;line-height:1.5}.wc-freq-bars-list{display:flex;flex-direction:column;gap:.6rem;padding:.25rem 0}.wc-freq-row{display:flex;flex-direction:column;gap:.25rem}.wc-freq-meta{display:flex;align-items:center;justify-content:space-between;font-size:.78rem}.wc-rank-badge{font-size:.68rem;font-weight:800;color:var(--color-text-dim);width:22px}.wc-freq-word{font-weight:700;color:var(--color-text-main);flex:1;text-align:start}.wc-freq-badges-slot{display:flex;align-items:center;gap:.4rem}.wc-count-badge{background:#0088ff26;border:1px solid rgba(0,229,255,.3);color:#38bdf8;font-size:.68rem;font-weight:800;padding:.08rem .4rem;border-radius:5px}.wc-pct-badge{color:var(--color-text-dim);font-size:.72rem;font-weight:700}.wc-freq-bar-track{width:100%;height:6px;background:#0088ff1f;border-radius:9999px;overflow:hidden}.wc-freq-bar-fill{height:100%;background:linear-gradient(90deg,#0284c7,#00e5ff);border-radius:9999px;transition:width .3s cubic-bezier(.4,0,.2,1)}.wc-footer-info-card{background:#0b142699;border:1px solid rgba(0,136,255,.2);border-radius:var(--radius-lg);padding:.85rem 1.15rem;display:flex;align-items:center;gap:.85rem}[data-theme=light] .wc-footer-info-card{background:#f8fafc;border-color:#e2e8f0}.wc-footer-icon-circle{width:36px;height:36px;border-radius:50%;background:#eab30826;border:1px solid rgba(234,179,8,.35);display:flex;align-items:center;justify-content:center;flex-shrink:0}.wc-lightbulb-emoji{font-size:1.15rem;line-height:1}.wc-footer-text-group{display:flex;flex-direction:column;gap:.2rem}.wc-footer-title{margin:0;font-size:.85rem;font-weight:800;color:var(--color-text-main)}.wc-footer-desc{margin:0;font-size:.74rem;color:var(--color-text-dim);line-height:1.45}.unified-image-workspace{display:flex;flex-direction:column;gap:1.15rem;width:100%}.img-subtool-navbar{display:flex;align-items:center;justify-content:center;gap:.35rem;background:#0b1426bf;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1.5px solid var(--color-border);border-radius:9999px;padding:.3rem .45rem;box-shadow:0 4px 20px #00000059,inset 0 1px #ffffff0f;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin:0 auto .75rem;width:fit-content;max-width:100%}.img-subtool-navbar::-webkit-scrollbar{display:none}@media(max-width:768px){.img-subtool-navbar{width:100%;justify-content:flex-start;border-radius:12px;padding:.35rem .45rem}}[data-theme=light] .img-subtool-navbar{background:#fff;border-color:#e2e8f0;box-shadow:0 4px 18px #0000000f}.img-subtool-tab{display:inline-flex;align-items:center;gap:.4rem;padding:.38rem .95rem;border-radius:9999px;font-size:.83rem;font-weight:700;color:var(--color-text-dim);background:transparent;border:1px solid transparent;cursor:pointer;text-decoration:none!important;transition:all .25s cubic-bezier(.4,0,.2,1);outline:none;white-space:nowrap;flex-shrink:0}.img-subtool-tab *{text-decoration:none!important}.img-subtool-tab:hover{background:#0088ff1f;color:#38bdf8;border-color:#00e5ff4d;box-shadow:0 0 12px #00e5ff2e;text-decoration:none!important}.img-subtool-tab.active{background:linear-gradient(135deg,#0284c7,#00e5ff);color:#fff!important;border-color:#00e5ffe6;box-shadow:0 0 18px #00e5ff73,0 2px 8px #0088ff4d;text-decoration:none!important;border-radius:9999px}[data-theme=light] .img-subtool-tab.active{background:linear-gradient(135deg,#0284c7,#0ea5e9);box-shadow:0 2px 10px #0ea5e959;color:#fff!important;text-decoration:none!important}.img-subtool-icon{font-size:.95rem;line-height:1;display:inline-flex;align-items:center}.tool-settings-grid{display:flex;flex-direction:column;gap:1.15rem;width:100%}.setting-item{display:flex;flex-direction:column;gap:.45rem}.setting-item-label-row{display:flex;align-items:center;justify-content:space-between}.setting-label{font-size:.84rem;font-weight:700;color:var(--color-text-main)}.setting-value-badge{background:#08f3;border:1px solid rgba(0,229,255,.35);color:#38bdf8;font-size:.76rem;font-weight:800;padding:.12rem .55rem;border-radius:6px}.setting-pills-group{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.setting-pill{background:#0b1426cc;border:1px solid var(--color-border);color:var(--color-text-dim);padding:.38rem .85rem;border-radius:8px;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s ease}[data-theme=light] .setting-pill{background:#f1f5f9;border-color:#cbd5e1;color:#475569}.setting-pill:hover{background:#0088ff26;border-color:#00e5ff4d;color:#38bdf8}.setting-pill.active{background:#0088ff40;border-color:#00e5ff;color:#00e5ff;box-shadow:0 0 10px #00e5ff4d}.setting-item-toggles{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;padding-top:.35rem}.setting-toggle-row{display:inline-flex;align-items:center;gap:.45rem;font-size:.82rem;font-weight:600;color:var(--color-text-dim);cursor:pointer;user-select:none}.setting-toggle-row input[type=checkbox]{width:16px;height:16px;accent-color:#00e5ff;cursor:pointer}.status-tag{display:inline-flex;align-items:center;padding:.2rem .55rem;border-radius:6px;font-size:.74rem;font-weight:800}.status-tag.status-success{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.status-tag.status-error{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.tool-format-badge{background:#0088ff26;border:1px solid rgba(0,229,255,.3);color:#38bdf8;font-size:.74rem;font-weight:800;padding:.15rem .45rem;border-radius:5px}@media(min-width:1024px){.cat-sidebar-desktop{display:flex!important}.cat-sidebar-mobile-hub,.mobile-bottom-nav,.mobile-categories-sheet-overlay{display:none!important}}@media(max-width:1023px){.cat-sidebar-desktop{display:none!important}.cat-sidebar-mobile-hub{display:block!important;width:100%;margin-top:1.25rem;box-sizing:border-box}.mobile-bottom-nav{display:block!important}}.mobile-hub-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.15rem;box-shadow:var(--shadow-md);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;flex-direction:column;gap:1rem;box-sizing:border-box;width:100%}.mobile-hub-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border)}.mobile-hub-title-group{display:flex;align-items:center;gap:.75rem;min-width:0}.mobile-hub-icon-badge{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#0088ff4d,#00e5ff33);border:1px solid rgba(0,229,255,.35);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 0 12px #00e5ff40}.mobile-hub-title{font-size:1rem;font-weight:800;color:var(--color-text-main);margin:0;line-height:1.2}.mobile-hub-subtitle{font-size:.75rem;color:var(--color-text-muted);margin:.2rem 0 0;line-height:1.2}.mobile-hub-badge-count{background:#0088ff26;border:1px solid rgba(0,229,255,.35);color:#38bdf8;font-size:.75rem;font-weight:800;padding:.25rem .65rem;border-radius:9999px;white-space:nowrap;flex-shrink:0}.mobile-hub-related-box{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:12px;padding:.75rem;display:flex;flex-direction:column;gap:.55rem}.mobile-hub-related-label{font-size:.76rem;font-weight:700;color:var(--color-text-dim)}.mobile-hub-related-pills{display:flex;flex-wrap:wrap;gap:.4rem}.mobile-sibling-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border-radius:9999px;font-size:.78rem;font-weight:700;background:var(--color-bg-surface);border:1px solid var(--color-border);color:var(--color-text-main);text-decoration:none;transition:all .2s ease;flex-shrink:0}.mobile-sibling-pill:hover,.mobile-sibling-pill.active-pill{background:linear-gradient(135deg,#0284c7,#00e5ff);color:#fff!important;border-color:#00e5ff;box-shadow:0 0 12px #00e5ff59}.mobile-hub-categories-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.55rem}@media(max-width:520px){.mobile-hub-categories-grid{grid-template-columns:repeat(2,1fr)}}.mobile-cat-tile{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:12px;padding:.65rem .5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;cursor:pointer;transition:all .2s ease;position:relative;text-align:center}.mobile-cat-tile:hover,.mobile-cat-tile:active{border-color:#00e5ff;background:#0088ff1f;transform:translateY(-2px)}.mobile-cat-tile.is-active-cat{border-color:#00e5ff;background:#0088ff29;box-shadow:0 0 12px #00e5ff33}.mobile-cat-tile-icon{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000040;flex-shrink:0}.mobile-cat-tile-name{font-size:.78rem;font-weight:700;color:var(--color-text-main);line-height:1.2}.mobile-cat-tile-count{font-size:.68rem;font-weight:800;color:var(--color-text-muted);background:#ffffff14;padding:.08rem .4rem;border-radius:9999px}.mobile-hub-open-sheet-btn{width:100%;background:linear-gradient(135deg,#0284c7,#00e5ff);color:#fff;border:1px solid rgba(0,229,255,.7);border-radius:12px;padding:.8rem 1.15rem;font-size:.9rem;font-weight:800;display:flex;align-items:center;justify-content:space-between;cursor:pointer;box-shadow:0 4px 18px #00e5ff59;transition:all .25s ease;outline:none}.mobile-hub-open-sheet-btn:hover,.mobile-hub-open-sheet-btn:active{transform:translateY(-2px);box-shadow:0 6px 24px #00e5ff80;filter:brightness(1.08)}.mobile-hub-open-arrow{font-size:1.1rem;font-weight:900}.mobile-categories-sheet-overlay{position:fixed;inset:0;background:#000000c7;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:99999;display:flex;align-items:flex-end;justify-content:center;animation:mobileOverlayFadeIn .25s ease}@keyframes mobileOverlayFadeIn{0%{opacity:0}to{opacity:1}}.mobile-categories-sheet-dialog{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:24px 24px 0 0;width:100%;max-width:680px;max-height:92vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 -10px 45px #0009;animation:mobileSheetSlideUp .32s cubic-bezier(.16,1,.3,1);box-sizing:border-box}@keyframes mobileSheetSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-sheet-grab-bar{width:44px;height:4px;background:#94a3b873;border-radius:9999px;margin:.65rem auto .2rem;flex-shrink:0}.mobile-sheet-header{display:flex;align-items:center;justify-content:space-between;gap:.85rem;padding:.75rem 1.25rem;border-bottom:1px solid var(--color-border);flex-shrink:0}.mobile-sheet-title-info{display:flex;align-items:center;gap:.75rem;min-width:0}.mobile-sheet-header-badge{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#0088ff4d,#00e5ff33);border:1px solid rgba(0,229,255,.4);display:flex;align-items:center;justify-content:center;flex-shrink:0}.mobile-sheet-title{font-size:1.05rem;font-weight:800;color:var(--color-text-main);margin:0;line-height:1.2}.mobile-sheet-subtitle{font-size:.75rem;color:var(--color-text-muted);display:block;margin-top:.15rem}.mobile-sheet-close-btn{width:34px;height:34px;border-radius:50%;background:var(--color-bg-subtle);border:1px solid var(--color-border);color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.mobile-sheet-close-btn:hover{background:#ef444426;color:#ef4444;border-color:#ef444459}.mobile-sheet-search-wrapper{padding:.75rem 1.25rem .5rem;position:relative;flex-shrink:0}.mobile-sheet-search-icon{position:absolute;inset-inline-start:2rem;top:50%;transform:translateY(-50%);pointer-events:none;display:flex;align-items:center}.mobile-sheet-search-input{width:100%;height:42px;border-radius:12px;background:var(--color-bg-subtle);border:1px solid var(--color-border);color:var(--color-text-main);font-size:.88rem;padding-inline-start:2.6rem;padding-inline-end:2.4rem;outline:none;box-sizing:border-box;transition:all .2s ease}.mobile-sheet-search-input:focus{border-color:#00e5ff;box-shadow:0 0 12px #00e5ff40;background:var(--color-bg-surface)}.mobile-sheet-clear-search{position:absolute;inset-inline-end:2rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-text-muted);font-size:.95rem;cursor:pointer}.mobile-sheet-tabs-scroll{display:flex;gap:.45rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:.35rem 1.25rem .65rem;flex-shrink:0}.mobile-sheet-tabs-scroll::-webkit-scrollbar{display:none}.mobile-sheet-tab-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .8rem;border-radius:9999px;font-size:.8rem;font-weight:700;background:var(--color-bg-subtle);border:1px solid var(--color-border);color:var(--color-text-dim);cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .2s ease}.mobile-sheet-tab-pill:hover{background:#0088ff1f;color:#38bdf8;border-color:#00e5ff4d}.mobile-sheet-tab-pill.is-active{background:linear-gradient(135deg,#0284c7,#00e5ff);color:#fff;border-color:#00e5ff;box-shadow:0 2px 10px #00e5ff59}.mobile-sheet-tab-pill .tab-count-badge{font-size:.68rem;font-weight:800;background:#fff3;padding:.05rem .35rem;border-radius:9999px}.mobile-sheet-results-bar{display:flex;align-items:center;justify-content:space-between;padding:.25rem 1.25rem .5rem;font-size:.78rem;font-weight:700;color:var(--color-text-muted);flex-shrink:0;border-bottom:1px solid var(--color-border)}.mobile-sheet-open-dir-link{color:#38bdf8;text-decoration:none;font-weight:700;transition:color .15s ease}.mobile-sheet-open-dir-link:hover{color:#00e5ff;text-decoration:underline}.mobile-sheet-tools-list{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:.65rem 1.25rem 1.25rem;display:flex;flex-direction:column;gap:.55rem}.mobile-sheet-tool-row{display:flex;align-items:center;justify-content:space-between;gap:.85rem;padding:.75rem .95rem;border-radius:12px;background:#101c3873;border:1px solid var(--color-border);text-decoration:none;transition:all .2s ease}.mobile-sheet-tool-row:hover,.mobile-sheet-tool-row:active{background:#0088ff1f;border-color:#00e5ff;transform:translate(-3px)}.mobile-sheet-tool-row.is-active-tool{border-color:#00e5ff;background:#0088ff2e;box-shadow:0 0 14px #00e5ff40}.mobile-sheet-tool-start{display:flex;align-items:center;gap:.75rem;min-width:0}.mobile-sheet-tool-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #00000040}.mobile-sheet-tool-meta{min-width:0}.mobile-sheet-tool-name{font-size:.9rem;font-weight:800;color:var(--color-text-main);line-height:1.2;display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.mobile-active-indicator{font-size:.65rem;font-weight:800;background:#10b98133;border:1px solid rgba(16,185,129,.4);color:#34d399;padding:.08rem .4rem;border-radius:9999px}.mobile-sheet-tool-desc{font-size:.74rem;color:var(--color-text-muted);margin-top:.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}.mobile-sheet-tool-end{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.mobile-sheet-cat-tag{font-size:.72rem;font-weight:800;background:var(--color-bg-subtle);border:1px solid var(--color-border);padding:.15rem .45rem;border-radius:6px}.mobile-sheet-arrow-icon{color:var(--color-text-muted);display:flex;align-items:center}.mobile-sheet-empty-state{text-align:center;padding:2.5rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.mobile-sheet-empty-state h4{font-size:1.1rem;font-weight:800;margin:0;color:var(--color-text-main)}.mobile-sheet-empty-state p{font-size:.85rem;color:var(--color-text-muted);margin:0}.mobile-sheet-reset-btn{margin-top:.75rem;padding:.45rem 1rem;border-radius:8px;background:var(--color-bg-subtle);border:1px solid var(--color-border);color:var(--color-text-main);font-size:.82rem;font-weight:700;cursor:pointer}.mobile-sheet-footer{padding:.85rem 1.25rem;border-top:1px solid var(--color-border);background:var(--color-bg-subtle);flex-shrink:0}.mobile-sheet-view-directory-btn{width:100%;padding:.75rem 1rem;border-radius:12px;background:linear-gradient(135deg,#0284c7,#07f);color:#fff;font-size:.88rem;font-weight:800;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:.55rem;box-shadow:0 4px 14px #0284c759;box-sizing:border-box}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:990;background:#0a1224f0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(0,136,255,.25);box-shadow:0 -4px 20px #00000073;padding-bottom:env(safe-area-inset-bottom,0);box-sizing:border-box}.mobile-bottom-nav-inner{max-width:600px;margin:0 auto;display:flex;align-items:center;justify-content:space-around;min-height:56px;height:auto;padding:.35rem .5rem calc(.35rem + env(safe-area-inset-bottom,0)) .5rem}.mobile-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;color:var(--color-text-muted);text-decoration:none;background:transparent;border:none;padding:.25rem 0;min-height:44px;min-width:44px;cursor:pointer;transition:all .2s ease;outline:none;position:relative}.mobile-nav-item:hover,.mobile-nav-item.is-active{color:#00e5ff}.mobile-nav-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:26px;height:24px}.mobile-nav-badge{position:absolute;top:-4px;inset-inline-end:-8px;background:#08f;color:#fff;font-size:.58rem;font-weight:800;padding:0 .3rem;height:14px;line-height:14px;border-radius:9999px;border:1px solid rgba(255,255,255,.4);box-shadow:0 2px 6px #08f6}.mobile-nav-label{font-size:.68rem;font-weight:700;line-height:1.1;text-align:center;white-space:nowrap}html[data-theme=light] .mobile-hub-card{background:#fff;border-color:#e2e8f0;box-shadow:0 4px 20px #0000000d}html[data-theme=light] .mobile-hub-related-box{background:#f8fafc;border-color:#e2e8f0}html[data-theme=light] .mobile-sibling-pill{background:#fff;border-color:#cbd5e1;color:#0f172a}html[data-theme=light] .mobile-cat-tile{background:#f8fafc;border-color:#e2e8f0}html[data-theme=light] .mobile-cat-tile:hover{background:#f0f9ff;border-color:#0284c7}html[data-theme=light] .mobile-cat-tile-name{color:#0f172a}html[data-theme=light] .mobile-cat-tile-count{background:#0000000f;color:#64748b}html[data-theme=light] .mobile-categories-sheet-overlay{background:#0f172a99}html[data-theme=light] .mobile-categories-sheet-dialog{background:#fff;border-color:#e2e8f0;box-shadow:0 -10px 40px #00000026}html[data-theme=light] .mobile-sheet-tool-row{background:#f8fafc;border-color:#e2e8f0}html[data-theme=light] .mobile-sheet-tool-row:hover{background:#f0f9ff;border-color:#0284c7}html[data-theme=light] .mobile-sheet-tool-name{color:#0f172a}html[data-theme=light] .mobile-sheet-tool-desc{color:#64748b}html[data-theme=light] .mobile-bottom-nav{background:#fffffff0;border-color:#e2e8f0;box-shadow:0 -4px 20px #00000014}html[data-theme=light] .mobile-nav-item{color:#64748b}html[data-theme=light] .mobile-nav-item:hover,html[data-theme=light] .mobile-nav-item.is-active{color:#0284c7}.global-search-container{position:relative;width:100%;max-width:380px;min-width:0;box-sizing:border-box}@media(max-width:960px){.global-search-container{max-width:100%}}.global-search-input-box{position:relative;display:flex;align-items:center;width:100%;height:40px;border-radius:9999px;background:var(--color-bg-input);border:1px solid var(--color-border);padding:0 .85rem;box-sizing:border-box;transition:all .25s cubic-bezier(.4,0,.2,1)}.global-search-input-box:hover{border-color:#00e5ff73;background:#101c38b3}.global-search-input-box.is-focused{border-color:#00e5ff;box-shadow:0 0 18px #00e5ff59;background:var(--color-bg-surface)}.global-search-leading-icon{display:flex;align-items:center;justify-content:center;margin-inline-end:.6rem;color:#00e5ff;flex-shrink:0}.global-search-input-field{flex:1;min-width:0;background:transparent;border:none;outline:none;font-size:.84rem;font-family:inherit;color:var(--color-text-main);padding:0}.global-search-input-field::placeholder{color:var(--color-text-muted);font-size:.8rem}.global-search-clear-btn{background:#94a3b833;border:none;width:20px;height:20px;border-radius:50%;color:var(--color-text-dim);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;margin-inline-start:.4rem;flex-shrink:0}.global-search-clear-btn:hover{background:#ef444440;color:#ef4444}.global-search-kbd-badge{font-size:.68rem;font-weight:800;color:var(--color-text-dim);background:var(--color-bg-subtle);border:1px solid var(--color-border);padding:.12rem .45rem;border-radius:5px;pointer-events:none;margin-inline-start:.45rem;flex-shrink:0}@media(max-width:640px){.global-search-kbd-badge{display:none}}.global-search-popover-dialog{position:absolute;top:calc(100% + 8px);inset-inline-end:0;width:530px;max-width:min(530px,calc(100vw - 32px));max-height:520px;background:#0a1224f5;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(0,229,255,.4);border-radius:18px;box-shadow:0 16px 48px #000000a6,0 0 24px #00e5ff38;z-index:99999;display:flex;flex-direction:column;overflow:hidden;animation:popoverSlideDown .22s cubic-bezier(.16,1,.3,1);box-sizing:border-box}@keyframes popoverSlideDown{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:960px){.global-search-popover-dialog{position:fixed;top:108px;left:12px;right:12px;width:auto;max-width:none;max-height:70vh;border-radius:16px;box-shadow:0 12px 40px #000000bf}}.global-search-popover-header{padding:.65rem .95rem;border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap;background:#101c3880;flex-shrink:0}.global-search-chips-row{display:flex;align-items:center;gap:.35rem;overflow-x:auto;scrollbar-width:none}.global-search-chips-row::-webkit-scrollbar{display:none}.global-search-filter-chip{padding:.22rem .6rem;border-radius:9999px;font-size:.74rem;font-weight:700;background:var(--color-bg-subtle);border:1px solid var(--color-border);color:var(--color-text-dim);cursor:pointer;white-space:nowrap;transition:all .15s ease}.global-search-filter-chip:hover{border-color:#00e5ff;color:#38bdf8}.global-search-filter-chip.is-active{background:linear-gradient(135deg,#0284c7,#00e5ff);color:#fff;border-color:#00e5ff;box-shadow:0 0 10px #00e5ff59}.global-search-count-label{font-size:.74rem;color:var(--color-text-muted);font-weight:700;white-space:nowrap}.global-search-results-list{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:.55rem;display:flex;flex-direction:column;gap:.45rem}.global-search-item-card{display:flex;align-items:center;gap:.8rem;padding:.7rem .85rem;border-radius:12px;border:1px solid transparent;background:transparent;text-decoration:none;transition:all .18s cubic-bezier(.4,0,.2,1);cursor:pointer}.global-search-item-card:hover,.global-search-item-card.is-keyboard-selected{background:#0088ff24;border-color:#00e5ff66;box-shadow:0 0 14px #00e5ff29;transform:translateY(-1px)}.global-search-item-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #00000040}.global-search-item-info{flex:1;min-width:0}.global-search-item-title-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.2rem}.global-search-item-title{font-size:.9rem;font-weight:800;color:var(--color-text-main);line-height:1.25}.global-search-cat-badge{font-size:.68rem;font-weight:800;background:var(--color-bg-subtle);border:1px solid var(--color-border);padding:.08rem .45rem;border-radius:6px;white-space:nowrap}.global-search-item-desc{font-size:.77rem;color:var(--color-text-muted);line-height:1.35;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.global-search-item-arrow{color:var(--color-text-muted);display:flex;align-items:center;opacity:.5;transition:all .15s ease;flex-shrink:0}.global-search-item-card:hover .global-search-item-arrow,.global-search-item-card.is-keyboard-selected .global-search-item-arrow{color:#00e5ff;opacity:1;transform:translate(-3px)}.global-search-empty-state{text-align:center;padding:2.2rem 1.2rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.empty-state-emoji{font-size:2.2rem}.empty-state-title{font-size:1.05rem;font-weight:800;color:var(--color-text-main);margin:0}.empty-state-desc{font-size:.8rem;color:var(--color-text-muted);margin:0;max-width:380px;line-height:1.4}.empty-state-actions{display:flex;align-items:center;gap:.65rem;margin-top:.75rem;flex-wrap:wrap;justify-content:center}.empty-state-reset-btn{padding:.4rem .85rem;border-radius:8px;background:var(--color-bg-subtle);border:1px solid var(--color-border);color:var(--color-text-main);font-size:.78rem;font-weight:700;cursor:pointer}.empty-state-dir-link{color:#38bdf8;font-size:.8rem;font-weight:700;text-decoration:none}.empty-state-dir-link:hover{color:#00e5ff;text-decoration:underline}.global-search-popover-footer{padding:.55rem .95rem;border-top:1px solid var(--color-border);background:#101c3880;display:flex;align-items:center;justify-content:space-between;gap:.65rem;font-size:.72rem;color:var(--color-text-muted);flex-shrink:0}.global-search-footer-shortcuts{display:flex;align-items:center;gap:.65rem}.kbd-shortcut-tip{display:inline-flex;align-items:center;gap:.25rem}.kbd-shortcut-tip kbd{background:var(--color-bg-subtle);border:1px solid var(--color-border);padding:.08rem .35rem;border-radius:4px;font-weight:700;font-size:.65rem}.global-search-all-tools-link{display:flex;align-items:center;gap:.35rem;color:#38bdf8;font-weight:700;text-decoration:none;font-size:.75rem;transition:color .15s ease}@media(max-width:640px){.global-search-popover-footer{padding:.5rem .85rem}.global-search-footer-shortcuts{display:none}.global-search-all-tools-link{width:100%;justify-content:center}}.global-search-all-tools-link:hover{color:#00e5ff;text-decoration:underline}html[data-theme=light] .global-search-input-box{background:#fff;border-color:#cbd5e1}html[data-theme=light] .global-search-input-box:hover{border-color:#0284c7;background:#f8fafc}html[data-theme=light] .global-search-input-box.is-focused{border-color:#0284c7;box-shadow:0 0 16px #0284c740;background:#fff}html[data-theme=light] .global-search-popover-dialog{background:#fff;border-color:#e2e8f0;box-shadow:0 16px 48px #00000029,0 0 24px #0284c71f}html[data-theme=light] .global-search-popover-header{background:#f8fafc;border-color:#e2e8f0}html[data-theme=light] .global-search-filter-chip{background:#fff;border-color:#cbd5e1;color:#475569}html[data-theme=light] .global-search-item-card:hover,html[data-theme=light] .global-search-item-card.is-keyboard-selected{background:#f0f9ff;border-color:#0284c7;box-shadow:0 2px 10px #0284c71f}html[data-theme=light] .global-search-item-title{color:#0f172a}html[data-theme=light] .global-search-item-desc{color:#64748b}html[data-theme=light] .global-search-cat-badge{background:#f1f5f9;border-color:#e2e8f0}html[data-theme=light] .global-search-popover-footer{background:#f8fafc;border-color:#e2e8f0}.resizer-workspace-root{display:flex;flex-direction:column;gap:1.15rem;width:100%}.compressor-dropzone-panel.has-file{padding:10px}.compressor-dropzone-panel.has-file .dropzone-inner-frame{border:none;padding:.35rem .5rem;display:flex;flex-direction:column;width:100%;text-align:inherit}.compressor-dropzone-panel.has-file .tilted-photo-bg{display:none}.resizer-populated-workspace{display:flex;flex-direction:column;width:100%}.resizer-populated-bottom-bar{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.5rem .4rem .15rem;margin-top:.35rem;border-top:1px solid rgba(0,136,255,.15);font-size:.76rem;color:var(--color-text-dim);flex-wrap:wrap;gap:.5rem}html[data-theme=light] .resizer-populated-bottom-bar{border-top-color:#f1f5f9}.resizer-drop-hint{display:inline-flex;align-items:center;gap:.4rem;color:var(--color-text-dim);font-size:.76rem}.resizer-total-size-pill{font-weight:700;color:#0284c7;background:#0284c714;padding:.18rem .65rem;border-radius:9999px;border:1px solid rgba(2,132,199,.18);font-size:.74rem}html[data-theme=dark] .resizer-total-size-pill{color:#38bdf8;background:#38bdf81f;border-color:#38bdf840}.dropzone-meta-slots-bar.resizer-meta-slots{padding:.65rem 1rem .15rem}.dropzone-meta-slots-bar.resizer-meta-slots .meta-slot{font-size:.78rem;gap:.4rem}.dropzone-meta-slots-bar.resizer-meta-slots .meta-slot-label{gap:.3rem;font-size:.76rem}.dropzone-meta-slots-bar.resizer-meta-slots .meta-slot-value{font-size:.8rem;color:#0284c7;font-weight:700}html[data-theme=dark] .dropzone-meta-slots-bar.resizer-meta-slots .meta-slot-value{color:#38bdf8}.resizer-card-meta-line{display:flex;align-items:center;gap:.35rem;direction:ltr}.resizer-card-dims{font-size:.62rem;font-weight:600;color:#fff;background:#ffffff38;padding:.05rem .3rem;border-radius:4px;backdrop-filter:blur(4px)}.resizer-empty-dropzone{border:2px dashed #93c5fd;background:linear-gradient(180deg,#f0f7ffbf,#fffffff2);border-radius:16px;padding:3.2rem 1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .25s ease;box-shadow:0 4px 20px #0284c70d}.resizer-empty-dropzone.drag-over{border-color:#0284c7;background:#0284c714;transform:scale(1.005)}html[data-theme=dark] .resizer-empty-dropzone{border-color:#38bdf859;background:linear-gradient(180deg,#101c38a6,#0b1429d9);box-shadow:0 4px 20px #0000004d}html[data-theme=dark] .resizer-empty-dropzone.drag-over{border-color:#00e5ff;background:#00e5ff14}.resizer-cloud-circle{width:68px;height:68px;border-radius:50%;background:linear-gradient(135deg,#0284c7,#0ea5e9);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #0284c759;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.resizer-cloud-circle:hover{transform:translateY(-2px);box-shadow:0 10px 28px #0284c773}.resizer-dropzone-heading{font-size:1.35rem;font-weight:800;color:var(--color-text-main);margin:1.1rem 0 .4rem}.resizer-dropzone-sub{font-size:.9rem;color:var(--color-text-muted);max-width:580px;line-height:1.6;margin-bottom:1.35rem}.resizer-choose-btn{background:linear-gradient(135deg,#0284c7,#0ea5e9);color:#fff;border:none;border-radius:9999px;padding:.68rem 1.75rem;font-weight:700;font-size:.94rem;display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;box-shadow:0 4px 14px #0284c74d;transition:all .2s ease}.resizer-choose-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #0284c766}.resizer-formats-support-pill{margin-top:1.25rem;font-size:.78rem;color:var(--color-text-dim);background:#0284c70d;padding:.35rem .95rem;border-radius:9999px;border:1px solid rgba(2,132,199,.15)}html[data-theme=dark] .resizer-formats-support-pill{background:#ffffff0a;border-color:#ffffff14}.resizer-gallery-container{background:#fff;border:1.5px solid #dbeafe;border-radius:14px;padding:.85rem 1.15rem;box-shadow:0 4px 20px #00000008;transition:all .2s ease}html[data-theme=dark] .resizer-gallery-container{background:#101c38bf;border-color:#0088ff38;box-shadow:0 4px 20px #00000059}.resizer-gallery-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.55rem;border-bottom:1px solid #f1f5f9}html[data-theme=dark] .resizer-gallery-header-row{border-bottom-color:#ffffff12}.resizer-gallery-count-badge{display:flex;align-items:center;gap:.45rem;font-size:.88rem;font-weight:700;color:#0284c7}html[data-theme=dark] .resizer-gallery-count-badge{color:#38bdf8}.resizer-gallery-actions-group{display:flex;align-items:center;gap:.65rem}.resizer-btn-add-more{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .85rem;border-radius:8px;font-size:.82rem;font-weight:600;border:1.5px solid #0284c7;color:#0284c7;background:#0284c70d;cursor:pointer;transition:all .15s ease}.resizer-btn-add-more:hover{background:#0284c71f}html[data-theme=dark] .resizer-btn-add-more{border-color:#38bdf8;color:#38bdf8;background:#38bdf81a}html[data-theme=dark] .resizer-btn-add-more:hover{background:#38bdf833}.resizer-btn-remove-all{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .85rem;border-radius:8px;font-size:.82rem;font-weight:600;border:1.5px solid #ef4444;color:#ef4444;background:#ef44440d;cursor:pointer;transition:all .15s ease}.resizer-btn-remove-all:hover{background:#ef44441f}html[data-theme=dark] .resizer-btn-remove-all{border-color:#f87171;color:#f87171;background:#f871711a}html[data-theme=dark] .resizer-btn-remove-all:hover{background:#f8717133}.resizer-gallery-scroll-strip{display:flex;align-items:center;gap:.85rem;overflow-x:auto;padding:.35rem .1rem .55rem;scrollbar-width:thin}.resizer-gallery-scroll-strip::-webkit-scrollbar{height:6px}.resizer-gallery-scroll-strip::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:9999px}html[data-theme=dark] .resizer-gallery-scroll-strip::-webkit-scrollbar-thumb{background:#ffffff2e}.resizer-tile-add-more{min-width:130px;width:130px;height:136px;flex-shrink:0;border:2px dashed #93c5fd;border-radius:12px;background:#0284c70a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;cursor:pointer;transition:all .2s ease}.resizer-tile-add-more:hover{border-color:#0284c7;background:#0284c714;transform:translateY(-1px)}html[data-theme=dark] .resizer-tile-add-more{border-color:#38bdf866;background:#38bdf80f}html[data-theme=dark] .resizer-tile-add-more:hover{border-color:#00e5ff;background:#00e5ff1a}.resizer-tile-plus-icon{color:#0284c7}html[data-theme=dark] .resizer-tile-plus-icon{color:#38bdf8}.resizer-tile-title{font-size:.84rem;font-weight:700;color:#0284c7}html[data-theme=dark] .resizer-tile-title{color:#38bdf8}.resizer-tile-subtitle{font-size:.72rem;color:var(--color-text-dim)}.resizer-image-card{min-width:195px;width:195px;height:136px;flex-shrink:0;border-radius:12px;overflow:hidden;position:relative;border:1.5px solid #e2e8f0;box-shadow:0 4px 12px #00000014;background:#0f172a;display:flex;flex-direction:column;transition:all .2s ease}html[data-theme=dark] .resizer-image-card{border-color:#00e5ff38;box-shadow:0 4px 16px #0006}.resizer-image-card:hover{border-color:#00e5ff;transform:translateY(-2px);box-shadow:0 6px 20px #00e5ff2e}.resizer-card-preview-box{width:100%;height:84px;position:relative;background:#050a14;display:flex;align-items:center;justify-content:center;overflow:hidden}.resizer-card-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.resizer-card-icon-preview{position:absolute;inset:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,#0088ff2e,#0a1224f5);transition:transform .25s ease}.resizer-image-card:hover .resizer-card-icon-preview{transform:scale(1.05)}.resizer-image-card:hover .resizer-card-img{transform:scale(1.04)}.resizer-card-remove-btn{position:absolute;top:5px;left:5px;width:22px;height:22px;border-radius:50%;background:#000000b3;border:1px solid rgba(255,255,255,.2);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,transform .15s ease;z-index:2}.resizer-card-remove-btn:hover{background:#ef4444;border-color:#ef4444;transform:scale(1.1)}.resizer-card-info-tray{padding:6px 8px;background:#0f172af5;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:3px;flex:1;justify-content:center;z-index:1}html[data-theme=light] .resizer-card-info-tray{background:#fff;border-top:1px solid #e2e8f0}.resizer-card-name{font-size:.73rem;font-weight:700;color:#f8fafc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:ltr;text-align:right}html[data-theme=light] .resizer-card-name{color:#0f172a}.resizer-card-meta-line{display:flex;align-items:center;justify-content:space-between;gap:4px;direction:ltr}.resizer-card-dims{font-size:.65rem;font-weight:700;color:#00e5ff;background:#00e5ff1f;border:1px solid rgba(0,229,255,.3);padding:1px 5px;border-radius:4px;letter-spacing:.2px;white-space:nowrap;max-width:110px;overflow:hidden;text-overflow:ellipsis}html[data-theme=light] .resizer-card-dims{color:#0284c7;background:#e0f2fe;border-color:#bae6fd}.resizer-card-size{font-size:.65rem;font-weight:600;color:#94a3b8;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);padding:1px 5px;border-radius:4px;white-space:nowrap}html[data-theme=light] .resizer-card-size{color:#64748b;background:#f1f5f9;border-color:#e2e8f0}.resizer-card-bottom-overlay{display:none}.resizer-card-spinner-overlay{position:absolute;inset:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:3}.resizer-card-completed-badge{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:50%;background:#10b981;display:flex;align-items:center;justify-content:center;z-index:2}.tool-workspace-split-layout,.resizer-workspace-split-layout{display:grid;grid-template-columns:1fr 280px;gap:1.15rem;align-items:start;margin-top:.85rem}@media(max-width:960px){.tool-workspace-split-layout,.resizer-workspace-split-layout{grid-template-columns:1fr;align-items:start}}.tool-main-settings-card{background:#fff;border:1.5px solid #dbeafe;border-radius:14px;padding:1.25rem 1.4rem;box-shadow:0 4px 20px #00000008;display:flex;flex-direction:column;height:auto}html[data-theme=dark] .tool-main-settings-card{background:#0b142ad9;border-color:#0088ff40;box-shadow:0 8px 32px #00000059}.tool-info-mobile-toggle-btn{display:none}@media(max-width:960px){.tool-info-mobile-toggle-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem .95rem;background:#0088ff0f;border:1px solid rgba(0,136,255,.18);border-radius:12px;cursor:pointer;color:var(--color-text-main);font-weight:700;font-size:.88rem;transition:all .2s ease}.tool-info-mobile-toggle-btn:hover{background:#0088ff1f}.tool-info-mobile-toggle-left{display:flex;align-items:center;gap:.55rem}.tool-info-mobile-title{font-size:.9rem;font-weight:800}.tool-info-mobile-toggle-indicator{display:flex;align-items:center;gap:.4rem;font-size:.78rem;color:#00e5ff}.tool-info-card-content.hidden-on-mobile,.desktop-only-header{display:none!important}}.resizer-meta-slots-v3{display:flex;align-items:center;justify-content:space-between;width:100%;padding-top:.95rem;margin-top:.95rem;border-top:1px solid rgba(0,136,255,.2);font-size:.82rem;color:var(--color-text-main);flex-wrap:wrap;gap:.85rem}[data-theme=light] .resizer-meta-slots-v3{border-top-color:#e2e8f0}.meta-slot{display:inline-flex;align-items:center;gap:.45rem;min-width:0}.meta-slot-label{display:inline-flex;align-items:center;gap:.45rem;font-size:.82rem;color:var(--color-text-main);white-space:normal;line-height:1.45}.meta-slot-label strong{color:#38bdf8;font-weight:700}[data-theme=light] .meta-slot-label strong{color:#0284c7}.resizer-local-pill-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .65rem;border-radius:9999px;background:#10b9811f;border:1px solid rgba(16,185,129,.3);color:#10b981;font-size:.74rem;font-weight:700}[data-theme=light] .resizer-local-pill-badge{background:#f0fdf4;border-color:#bbf7d0;color:#16a34a}.meta-slot-size-limit{display:flex;align-items:center;gap:.4rem}.meta-slot-formats-pill{padding:.25rem .85rem;border-radius:9999px;border:1px solid rgba(0,229,255,.35);background:#0088ff1f;color:#38bdf8;font-weight:700;font-size:.75rem}[data-theme=light] .meta-slot-formats-pill{background:#f0f9ff;border-color:#bae6fd;color:#0284c7}.dropzone-formats-pill-centered{display:inline-flex;align-items:center;justify-content:center;text-align:center;margin:.3rem auto .25rem;padding:.35rem 1.25rem;border-radius:9999px;border:1.5px solid rgba(0,229,255,.4);background:#0088ff24;color:#38bdf8;font-weight:700;font-size:.78rem;letter-spacing:.3px;font-family:Inter,system-ui,-apple-system,sans-serif!important;font-feature-settings:"locl" 0!important;box-shadow:0 2px 14px #00e5ff26;transition:all .2s ease}[data-theme=light] .dropzone-formats-pill-centered{background:#f0f9ff;border-color:#7dd3fc;color:#0284c7;box-shadow:0 2px 8px #0284c71a}.meta-slot-current-dims{font-weight:600;color:var(--color-text-muted)}.resizer-tool-info-card-v3{background:#fff;border:1.5px solid #dbeafe;border-radius:14px;padding:1.15rem 1.1rem;box-shadow:0 4px 20px #00000008;display:flex;flex-direction:column;height:auto}html[data-theme=dark] .resizer-tool-info-card-v3{background:#0b142ad9;border-color:#0088ff40;box-shadow:0 8px 32px #00000059}.resizer-info-top-section{display:flex;flex-direction:column}.resizer-info-header{display:flex;align-items:center;gap:.55rem;margin-bottom:.65rem}.resizer-info-icon-badge{width:28px;height:28px;border-radius:50%;background:#0284c71f;display:flex;align-items:center;justify-content:center;flex-shrink:0}html[data-theme=dark] .resizer-info-icon-badge{background:#00e5ff26}.resizer-info-title{font-size:.95rem;font-weight:800;color:var(--color-text-main);margin:0}.resizer-info-desc{font-size:.79rem;line-height:1.55;color:var(--color-text-muted);margin-bottom:.85rem}.resizer-info-checklist{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.55rem}.resizer-checklist-item{display:flex;align-items:center;gap:.55rem;font-size:.79rem;font-weight:600;color:var(--color-text-main);line-height:1.4}.resizer-check-circle{width:17px;height:17px;border-radius:50%;background:#0284c71f;display:flex;align-items:center;justify-content:center;flex-shrink:0}html[data-theme=dark] .resizer-check-circle{background:#00e5ff26}.tool-info-expand-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;margin-top:.65rem;padding:.35rem .75rem;border-radius:8px;background:#0088ff14;border:1px solid rgba(0,136,255,.2);color:#38bdf8;font-size:.76rem;font-weight:700;cursor:pointer;transition:all .2s ease;width:100%}.tool-info-expand-btn:hover{background:#0088ff29;border-color:#00e5ff73;color:#00e5ff}[data-theme=light] .tool-info-expand-btn{background:#f0f9ff;border-color:#bae6fd;color:#0284c7}[data-theme=light] .tool-info-expand-btn:hover{background:#e0f2fe;border-color:#7dd3fc;color:#0369a1}.resizer-info-bottom-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:.45rem;margin-top:.85rem;padding-top:.75rem;border-top:1px solid rgba(0,136,255,.12)}[data-theme=light] .resizer-info-bottom-cards{border-top-color:#e2e8f0}.resizer-feature-card{display:flex;align-items:center;gap:.55rem;padding:.45rem .6rem;border-radius:9px;background:#f8fafc;border:1px solid #e2e8f0;transition:all .2s ease;min-width:0}html[data-theme=dark] .resizer-feature-card{background:#0f1932a6;border-color:#08f3}.resizer-feature-card:hover{border-color:#00e5ff59;background:#0088ff14}.resizer-feature-icon-box{width:26px;height:26px;border-radius:7px;background:#0284c71a;display:flex;align-items:center;justify-content:center;flex-shrink:0}html[data-theme=dark] .resizer-feature-icon-box{background:#00e5ff1f}.resizer-feature-icon-box svg{width:15px;height:15px}.resizer-feature-body{display:flex;flex-direction:column;gap:.1rem;min-width:0;overflow:hidden}.resizer-feature-title{font-size:.74rem;font-weight:800;color:var(--color-text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resizer-feature-sub{font-size:.68rem;color:var(--color-text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resizer-settings-main-card{background:#fff;border:1.5px solid #dbeafe;border-radius:14px;padding:1.25rem 1.4rem;box-shadow:0 4px 20px #00000008;display:flex;flex-direction:column;height:auto}html[data-theme=dark] .resizer-settings-main-card{background:#0b142ad9;border-color:#0088ff40;box-shadow:0 8px 32px #00000059}.resizer-presets-card-header{margin-bottom:.85rem}.resizer-presets-header-title-row{display:flex;align-items:center;gap:.55rem}.resizer-presets-heading{font-size:1.12rem;font-weight:800;color:var(--color-text-main);margin:0}.resizer-presets-sub{font-size:.82rem;color:var(--color-text-muted);margin-top:.3rem}.resizer-search-input-wrap{position:relative;display:flex;align-items:center;width:100%;margin-bottom:1rem}.resizer-search-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--color-text-dim);pointer-events:none;display:flex;align-items:center}.resizer-search-input{width:100%;padding:.52rem 2.25rem .52rem .85rem;border-radius:8px;border:1.5px solid #cbd5e1;background:#f8fafc;color:var(--color-text-main);font-size:.84rem;font-weight:600;outline:none;transition:all .2s ease}.resizer-search-input:focus{border-color:#0284c7;box-shadow:0 0 10px #0284c733}html[data-theme=dark] .resizer-search-input{border-color:#0088ff4d;background:#0f172abf}html[data-theme=dark] .resizer-search-input:focus{border-color:#00e5ff;box-shadow:0 0 12px #00e5ff40}.resizer-search-clear-btn{position:absolute;left:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-text-dim);font-size:.75rem;cursor:pointer;padding:2px 6px;border-radius:4px}.resizer-six-columns-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.65rem;margin-bottom:1.25rem}@media(max-width:1200px){.resizer-six-columns-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.resizer-six-columns-grid{grid-template-columns:repeat(2,1fr)}}.resizer-category-column{display:flex;flex-direction:column;gap:.45rem}.resizer-category-col-header{display:flex;align-items:center;gap:.4rem;font-size:.82rem;font-weight:700;color:var(--color-text-main);padding:0 .15rem .25rem;border-bottom:1px solid rgba(0,136,255,.15)}[data-theme=light] .resizer-category-col-header{border-bottom-color:#e2e8f0}.resizer-category-col-icon{display:inline-flex;align-items:center}.resizer-category-col-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resizer-category-col-items{display:flex;flex-direction:column;gap:.45rem}.resizer-preset-item-card{display:flex;flex-direction:column;justify-content:center;padding:.55rem;border-radius:8px;background:#f8fafc;border:1.5px solid #e2e8f0;text-align:right;cursor:pointer;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.resizer-preset-item-card:hover{border-color:#93c5fd;transform:translateY(-1px)}html[data-theme=dark] .resizer-preset-item-card{background:#0f193299;border-color:#08f3}html[data-theme=dark] .resizer-preset-item-card:hover{border-color:#00e5ff80;background:#0088ff1f}.resizer-preset-item-card.is-selected{border:2px solid #0284c7;background:#f0f9ff;box-shadow:0 0 12px #0284c72e}html[data-theme=dark] .resizer-preset-item-card.is-selected{border-color:#00e5ff;background:#00e5ff1f;box-shadow:0 0 14px #00e5ff40}.preset-item-info{display:flex;align-items:center;gap:.35rem}.preset-item-brand-icon{display:inline-flex;align-items:center;flex-shrink:0}.preset-item-title{font-size:.74rem;font-weight:700;color:var(--color-text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preset-item-dims{font-size:.7rem;font-weight:600;color:var(--color-text-dim);direction:ltr;margin-top:.15rem}.preset-item-check-badge{position:absolute;top:4px;left:4px;width:15px;height:15px;border-radius:50%;background:#0284c7;display:flex;align-items:center;justify-content:center}html[data-theme=dark] .preset-item-check-badge{background:#00e5ff}.resizer-custom-size-box{border:1.5px solid rgba(0,136,255,.25);border-radius:12px;padding:1rem 1.15rem;background:#08102480;margin-top:auto}[data-theme=light] .resizer-custom-size-box{background:#f8fafc;border-color:#e2e8f0}.custom-size-header-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.85rem;flex-wrap:wrap}.custom-size-title-group{display:flex;align-items:center;gap:.5rem}.custom-size-title{font-size:.92rem;font-weight:800;color:var(--color-text-main);margin:0}.custom-size-badge-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.25rem .65rem;border-radius:9999px;background:#00e5ff14;border:1px solid rgba(0,229,255,.25);font-size:.75rem;font-weight:700;color:#00e5ff;font-family:Inter,system-ui,-apple-system,sans-serif!important;direction:ltr!important}[data-theme=light] .custom-size-badge-pill{background:#f0f9ff;border-color:#bae6fd;color:#0284c7}.badge-dim-val{font-weight:800;letter-spacing:.2px}.badge-ratio-val{opacity:.85;font-weight:600}.badge-lock-tag{font-size:.68rem;font-weight:800;padding:.05rem .35rem;border-radius:4px;background:#00e5ff26;color:#00e5ff}.badge-lock-tag.is-unlocked{background:#94a3b826;color:var(--color-text-dim)}[data-theme=light] .badge-lock-tag{background:#e0f2fe;color:#0369a1}[data-theme=light] .badge-lock-tag.is-unlocked{background:#e2e8f0;color:#64748b}.custom-size-controls-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:1.25rem;align-items:stretch;margin-bottom:1rem}@media(max-width:820px){.custom-size-controls-grid{grid-template-columns:1fr;gap:1rem}}.custom-quick-scale-col{display:flex;flex-direction:column;justify-content:center;gap:.45rem;padding:.75rem .9rem;border-radius:10px;background:#0088ff0d;border:1px dashed rgba(0,136,255,.22)}[data-theme=light] .custom-quick-scale-col{background:#f8fafc;border-color:#cbd5e1}.quick-scale-header-row{display:flex;align-items:center;justify-content:space-between}.quick-scale-title{font-size:.82rem;font-weight:700;color:var(--color-text-main)}.quick-scale-active-badge{font-size:.7rem;font-weight:800;padding:.1rem .45rem;border-radius:4px;background:#00e5ff2e;color:#00e5ff;font-family:Inter,system-ui,sans-serif!important;direction:ltr!important}[data-theme=light] .quick-scale-active-badge{background:#e0f2fe;color:#0284c7}.quick-scale-pills-row{display:flex;flex-wrap:wrap;gap:.4rem}.quick-scale-pill-btn{flex:1 1 calc(33.333% - .4rem);min-width:62px;padding:.42rem .45rem;border-radius:6px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:var(--color-text-main);font-size:.76rem;font-weight:700;text-align:center;cursor:pointer;transition:all .2s ease;font-family:Inter,system-ui,sans-serif!important;direction:ltr!important;unicode-bidi:isolate!important}.quick-scale-pill-btn:hover{border-color:#00e5ff;color:#00e5ff;background:#00e5ff14}.quick-scale-pill-btn.is-active{border-color:#00e5ff;background:#00e5ff33;color:#00e5ff;box-shadow:0 0 10px #00e5ff40;font-weight:800}[data-theme=light] .quick-scale-pill-btn{border-color:#cbd5e1;background:#fff;color:#1e293b}[data-theme=light] .quick-scale-pill-btn:hover{border-color:#0284c7;color:#0284c7;background:#f0f9ff}[data-theme=light] .quick-scale-pill-btn.is-active{border-color:#0284c7;background:#e0f2fe;color:#0369a1;box-shadow:0 0 8px #0284c733}.quick-scale-hint-sub{font-size:.71rem;color:var(--color-text-dim);line-height:1.4}.custom-inputs-lock-col{display:flex;flex-direction:column;gap:.55rem;justify-content:center}.inputs-lock-inline-row{display:flex;align-items:flex-end;justify-content:space-between;gap:.6rem}.dimension-input-box{flex:1;display:flex;flex-direction:column;gap:.3rem}.dimension-label-row{display:flex;align-items:center;justify-content:space-between}.dimension-input-label{font-size:.78rem;font-weight:700;color:var(--color-text-dim)}.dimension-unit-tag{font-size:.68rem;font-weight:800;color:var(--color-text-dim);opacity:.8;font-family:Inter,system-ui,sans-serif!important}.dimension-numeric-input,.english-digits-input{width:100%;padding:.5rem .65rem;border-radius:8px;border:1.5px solid #cbd5e1;background:#fff;color:var(--color-text-main);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;font-size:.95rem;font-weight:800;text-align:center;direction:ltr!important;font-feature-settings:"locl" 0,"numr" 0,"tnum" 1,"lnum" 1!important;font-variant-numeric:normal tabular-nums lining-nums!important;-webkit-locale:"en-US"!important;outline:none;unicode-bidi:isolate!important;transition:all .2s ease}.dimension-numeric-input:focus{border-color:#0284c7;box-shadow:0 0 10px #0284c733}html[data-theme=dark] .dimension-numeric-input{border-color:#0088ff4d;background:#0f172ad9;color:#fff}html[data-theme=dark] .dimension-numeric-input:focus{border-color:#00e5ff;box-shadow:0 0 12px #00e5ff40}.dimension-lock-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;padding-bottom:2px}.dimension-lock-btn{width:38px;height:38px;border-radius:8px;display:flex;align-items:center;justify-content:center;border:1.5px solid #cbd5e1;background:#f1f5f9;color:var(--color-text-dim);cursor:pointer;transition:all .2s ease}.dimension-lock-btn.is-locked{background:linear-gradient(135deg,#0284c7,#0ea5e9);border-color:#0284c7;color:#fff;box-shadow:0 4px 12px #0284c759}html[data-theme=dark] .dimension-lock-btn{background:#ffffff0f;border-color:#0088ff4d}html[data-theme=dark] .dimension-lock-btn.is-locked{background:#0284c7;border-color:#00e5ff;color:#fff;box-shadow:0 0 12px #00e5ff59}.dimension-lock-sublabel{font-size:.68rem;font-weight:700;color:var(--color-text-dim);text-align:center}.dimension-lock-sublabel.is-locked{color:#00e5ff}[data-theme=light] .dimension-lock-sublabel.is-locked{color:#0284c7}.dimension-quick-actions{display:flex;align-items:center;justify-content:flex-end;gap:.5rem}.dimension-aux-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .65rem;border-radius:6px;border:1px solid rgba(0,136,255,.25);background:#ffffff0a;color:var(--color-text-dim);font-size:.74rem;font-weight:700;cursor:pointer;transition:all .2s ease}.dimension-aux-btn:hover{border-color:#00e5ff;color:#00e5ff;background:#00e5ff14}[data-theme=light] .dimension-aux-btn{background:#f1f5f9;border-color:#cbd5e1;color:#475569}[data-theme=light] .dimension-aux-btn:hover{border-color:#0284c7;color:#0284c7;background:#f0f9ff}.custom-bottom-action-row{display:grid;grid-template-columns:auto 1fr auto;gap:1.15rem;align-items:center;padding-top:.85rem;border-top:1px solid rgba(0,136,255,.18)}[data-theme=light] .custom-bottom-action-row{border-top-color:#e2e8f0}@media(max-width:900px){.custom-bottom-action-row{grid-template-columns:1fr;gap:.85rem}}.output-format-group{display:flex;flex-direction:column;gap:.35rem}.output-format-label{font-size:.78rem;font-weight:700;color:var(--color-text-dim)}.output-formats-pills-row{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap}.format-pill-btn{padding:.32rem .65rem;border-radius:6px;border:1.5px solid #cbd5e1;background:#fff;color:var(--color-text-main);font-size:.78rem;font-weight:700;cursor:pointer;transition:all .2s ease}.format-pill-btn:hover{border-color:#93c5fd}html[data-theme=dark] .format-pill-btn{border-color:#0088ff40;background:#0f172aa6;color:#cbd5e1}html[data-theme=dark] .format-pill-btn:hover{border-color:#00e5ff66}.format-pill-btn.is-selected{background:#0284c7;border-color:#0284c7;color:#fff}html[data-theme=dark] .format-pill-btn.is-selected{background:#00e5ff;border-color:#00e5ff;color:#021226;font-weight:800;box-shadow:0 0 10px #00e5ff66}.quality-slider-group{display:flex;flex-direction:column;gap:.35rem;min-width:140px}.quality-slider-header{display:flex;align-items:center;justify-content:space-between}.quality-slider-label{font-size:.78rem;font-weight:700;color:var(--color-text-dim)}.quality-percent-badge{font-size:.75rem;font-weight:800;color:#0284c7;background:#f0f9ff;padding:.1rem .4rem;border-radius:4px;border:1px solid #bae6fd}html[data-theme=dark] .quality-percent-badge{color:#00e5ff;background:#00e5ff1f;border-color:#00e5ff4d}.quality-range-slider{width:100%;accent-color:#00e5ff;cursor:pointer}.start-resize-action-slot{display:flex;align-items:center}.resizer-action-submit-btn-v3{padding:.65rem 1.4rem;border-radius:8px;border:none;background:linear-gradient(135deg,#0284c7,#00e5ff);color:#fff;font-size:.95rem;font-weight:800;cursor:pointer;display:flex;align-items:center;gap:.55rem;box-shadow:0 4px 18px #00e5ff66;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.resizer-action-submit-btn-v3:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 24px #00e5ff8c}.resizer-action-submit-btn-v3:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.resizer-results-card{background:#fff;border:1.5px solid #dbeafe;border-radius:14px;padding:1.25rem 1.45rem;box-shadow:0 4px 20px #00000008}html[data-theme=dark] .resizer-results-card{background:#101c38bf;border-color:#0088ff38;box-shadow:0 4px 20px #00000059}.resizer-results-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.65rem;border-bottom:1px solid #f1f5f9}html[data-theme=dark] .resizer-results-header{border-bottom-color:#ffffff12}.resizer-results-title-group{display:flex;align-items:center;gap:.55rem}.resizer-results-title{font-size:1.05rem;font-weight:800;color:var(--color-text-main);margin:0}.resizer-results-empty-container{border:2px dashed #e2e8f0;border-radius:12px;padding:2.4rem 1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.45rem}html[data-theme=dark] .resizer-results-empty-container{border-color:#ffffff1f}.resizer-empty-image-icon-frame{width:54px;height:54px;border-radius:12px;border:1.5px solid #cbd5e1;color:var(--color-text-dim);display:flex;align-items:center;justify-content:center;margin-bottom:.35rem}html[data-theme=dark] .resizer-empty-image-icon-frame{border-color:#ffffff26}.resizer-empty-heading{font-size:.96rem;font-weight:700;color:var(--color-text-main);margin:0}.resizer-empty-desc{font-size:.82rem;color:var(--color-text-dim);margin:0}.resizer-results-populated-wrap{display:flex;flex-direction:column;gap:.95rem}.resizer-batch-summary-bar{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;border-radius:8px;background:#f0f9ff;border:1px solid #bae6fd;font-size:.86rem}html[data-theme=dark] .resizer-batch-summary-bar{background:#00e5ff14;border-color:#00e5ff33}.resizer-results-grid{display:flex;flex-direction:column;gap:.85rem}.resizer-result-card{display:flex;align-items:center;gap:1rem;padding:.85rem 1rem;border-radius:10px;border:1.5px solid #e2e8f0;background:#f8fafc;flex-wrap:wrap}html[data-theme=dark] .resizer-result-card{border-color:#ffffff1a;background:#ffffff08}.resizer-result-preview-frame{width:72px;height:72px;border-radius:8px;overflow:hidden;flex-shrink:0;border:1px solid #cbd5e1}.resizer-result-img{width:100%;height:100%;object-fit:cover}.resizer-result-meta-body{flex:1;min-width:200px}.resizer-result-filename{font-size:.88rem;font-weight:700;color:var(--color-text-main);margin-bottom:.4rem}.resizer-result-stats-row{display:flex;gap:1.25rem;flex-wrap:wrap;font-size:.78rem}.stat-cell-label{color:var(--color-text-dim)}.stat-cell-value{font-weight:700;color:var(--color-text-main);margin-inline-start:.3rem}.stat-cell-value.dim{color:var(--color-text-dim);font-weight:600}.resizer-download-single-btn,.resizer-btn-zip-download{display:inline-flex;align-items:center;gap:.45rem;padding:.48rem 1.1rem;border-radius:8px;background:linear-gradient(135deg,#0284c7,#0ea5e9);color:#fff;border:none;font-size:.84rem;font-weight:700;cursor:pointer;transition:all .15s ease}.resizer-download-single-btn:hover,.resizer-btn-zip-download:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0284c759}.full-width-settings-card{width:100%!important;max-width:100%!important;box-sizing:border-box;margin-top:.95rem}.settings-controls-grid-2col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;width:100%;margin-bottom:1.25rem}.settings-controls-grid-2col>*{grid-column:auto!important;grid-row:auto!important;min-width:0}@media(max-width:900px){.settings-controls-grid-2col{grid-template-columns:1fr;gap:1rem}}.tool-about-fullwidth-section{width:100%;margin-top:2rem;margin-bottom:2.5rem;background:#fff;border:1.5px solid #dbeafe;border-radius:16px;padding:2rem 2.25rem;box-shadow:0 4px 24px #0000000a;box-sizing:border-box}html[data-theme=dark] .tool-about-fullwidth-section{background:#0b142ad9;border-color:#0088ff40;box-shadow:0 8px 32px #00000059}.tool-about-header{margin-bottom:1.5rem;padding-bottom:1.25rem;border-bottom:1px solid rgba(0,136,255,.16)}[data-theme=light] .tool-about-header{border-bottom-color:#e2e8f0}.tool-about-header-main{display:flex;align-items:center;gap:.95rem}.tool-about-icon-badge{width:44px;height:44px;border-radius:12px;background:#00e5ff1f;border:1px solid rgba(0,229,255,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 12px #00e5ff26}.tool-about-header-text{display:flex;flex-direction:column;gap:.25rem}.tool-about-badge-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.tool-about-kicker{font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#38bdf8}.tool-about-privacy-pill{font-size:.72rem;font-weight:700;padding:.15rem .6rem;border-radius:9999px;background:#10b9811f;border:1px solid rgba(16,185,129,.3);color:#10b981}.tool-about-main-title{font-size:1.35rem;font-weight:800;color:var(--color-text-main);margin:0;letter-spacing:-.2px}.tool-about-desc-card{margin-bottom:2rem}.tool-about-desc-paragraph{font-size:.94rem;line-height:1.75;color:var(--color-text-muted);margin:0}.tool-about-block{margin-top:2rem}.tool-about-block-title{font-size:1.05rem;font-weight:800;color:var(--color-text-main);display:flex;align-items:center;gap:.55rem;margin:0 0 1.15rem;padding-bottom:.55rem;border-bottom:1px solid rgba(0,136,255,.12)}[data-theme=light] .tool-about-block-title{border-bottom-color:#e2e8f0}.tool-about-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.15rem}.tool-about-feature-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem;transition:all .25s ease;display:flex;flex-direction:column}html[data-theme=dark] .tool-about-feature-card{background:#0f193299;border-color:#08f3}.tool-about-feature-card:hover{transform:translateY(-2px);border-color:#00e5ff73;box-shadow:0 6px 20px #0003}.tool-about-feature-top{display:flex;align-items:center;gap:.65rem;margin-bottom:.55rem}.tool-about-feature-icon-box{width:32px;height:32px;border-radius:8px;background:#00e5ff1f;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tool-about-feature-heading{font-size:.92rem;font-weight:800;color:var(--color-text-main);margin:0}.tool-about-feature-text{font-size:.83rem;line-height:1.6;color:var(--color-text-muted);margin:0}.tool-about-steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.15rem}.tool-about-step-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.35rem 1.15rem;position:relative;display:flex;flex-direction:column}html[data-theme=dark] .tool-about-step-card{background:#0f193299;border-color:#08f3}.tool-about-step-number-badge{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#0284c7,#00e5ff);color:#fff;font-weight:800;font-size:.92rem;display:flex;align-items:center;justify-content:center;margin-bottom:.85rem;box-shadow:0 2px 10px #00e5ff4d;font-family:Inter,system-ui,sans-serif!important}.tool-about-step-heading{font-size:.92rem;font-weight:800;color:var(--color-text-main);margin:0 0 .45rem}.tool-about-step-text{font-size:.83rem;line-height:1.6;color:var(--color-text-muted);margin:0}.tool-about-specs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.95rem}.tool-about-spec-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:.95rem 1.15rem}html[data-theme=dark] .tool-about-spec-card{background:#0f193299;border-color:#08f3}.tool-about-spec-label{font-size:.76rem;font-weight:700;color:#38bdf8;margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.3px}[data-theme=light] .tool-about-spec-label{color:#0284c7}.tool-about-spec-value{font-size:.86rem;font-weight:600;color:var(--color-text-main);line-height:1.45;display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.tool-about-spec-badge{padding:.2rem .6rem;border-radius:9999px;background:#10b9811f;border:1px solid rgba(16,185,129,.3);color:#10b981;font-size:.72rem;font-weight:700}.tool-about-faq-list{display:flex;flex-direction:column;gap:.75rem}.tool-about-faq-item{border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;overflow:hidden;transition:all .2s ease}html[data-theme=dark] .tool-about-faq-item{background:#0f193299;border-color:#08f3}.tool-about-faq-item.is-open{border-color:#00e5ff66}.tool-about-faq-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:none;border:none;cursor:pointer;text-align:start;color:var(--color-text-main);font-weight:700;font-size:.9rem;gap:1rem}.tool-about-faq-chevron{display:flex;align-items:center;justify-content:center;flex-shrink:0}.tool-about-faq-answer{padding:.2rem 1.25rem 1.25rem;border-top:1px solid rgba(0,136,255,.1)}[data-theme=light] .tool-about-faq-answer{border-top-color:#e2e8f0}.tool-about-faq-answer p{font-size:.86rem;line-height:1.7;color:var(--color-text-muted);margin:0}@media(max-width:768px){.tool-about-fullwidth-section{padding:1.4rem 1.15rem;margin-top:1.5rem;margin-bottom:2rem}.tool-about-main-title{font-size:1.18rem}.tool-about-features-grid,.tool-about-steps-grid,.tool-about-specs-grid{grid-template-columns:1fr}}.json-workspace-root{display:flex;flex-direction:column;gap:1.1rem;width:100%}.json-hero-header-card{background:var(--color-bg-card);border:1.5px solid var(--color-border);border-radius:14px;padding:1.1rem 1.4rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;box-shadow:0 4px 20px #0000000a}html[data-theme=light] .json-hero-header-card{background:#fff;border-color:#dbeafe}html[data-theme=dark] .json-hero-header-card{background:#101c38d9;border-color:#0088ff40;box-shadow:0 4px 20px #00000059}.hero-left-info{display:flex;align-items:center;gap:.9rem}.hero-icon-badge{width:44px;height:44px;border-radius:12px;background:#00d4ff1f;border:1.5px solid rgba(0,212,255,.35);display:flex;align-items:center;justify-content:center;color:#00e5ff;flex-shrink:0}.hero-title{font-size:1.25rem;font-weight:800;color:var(--color-text-main);margin:0 0 .2rem}.hero-desc{font-size:.82rem;color:var(--color-text-dim);margin:0;max-width:650px;line-height:1.5}.hero-status-pill-wrap{display:flex;align-items:center}.json-status-pill{display:inline-flex;align-items:center;gap:.45rem;font-size:.84rem;font-weight:700;padding:.38rem .95rem;border-radius:9999px;border:1.5px solid transparent;transition:all .2s ease}.json-status-pill.is-empty{background:#94a3b81f;border-color:#94a3b84d;color:var(--color-text-dim)}.json-status-pill.is-valid{background:#10b9811f;border-color:#10b98166;color:#10b981}.json-status-pill.is-invalid{background:#ef44441f;border-color:#ef444473;color:#ef4444}.json-main-toolbar-card{background:var(--color-bg-card);border:1.5px solid var(--color-border);border-radius:14px;padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:.85rem;flex-wrap:wrap;box-shadow:0 2px 10px #00000008}html[data-theme=light] .json-main-toolbar-card{background:#fff;border-color:#dbeafe}html[data-theme=dark] .json-main-toolbar-card{background:#101c38d9;border-color:#0088ff40}.toolbar-actions-group,.toolbar-views-group,.toolbar-settings-group{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.toolbar-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.42rem .85rem;border-radius:8px;font-size:.82rem;font-weight:700;cursor:pointer;border:1px solid transparent;transition:all .15s ease}.toolbar-btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.toolbar-btn.primary-action{background:linear-gradient(135deg,#0284c7,#0ea5e9);color:#fff;border-color:#00d4ff66;box-shadow:0 2px 8px #0284c740}.toolbar-btn.primary-action:hover{transform:translateY(-1px);box-shadow:0 4px 14px #0284c773}.toolbar-btn.secondary-action{background:#0284c714;border-color:#0284c74d;color:#0284c7}html[data-theme=dark] .toolbar-btn.secondary-action{background:#38bdf81a;border-color:#38bdf84d;color:#38bdf8}.toolbar-btn.secondary-action:hover{background:#0284c729}.toolbar-btn.repair-action{background:linear-gradient(135deg,#ea580c1f,#f9731626);border-color:#f9731673;color:#ea580c}html[data-theme=dark] .toolbar-btn.repair-action{color:#fb923c;background:#f9731626}.toolbar-btn.repair-action:hover{background:#f9731640}.toolbar-btn.utility-action{background:var(--color-bg-subtle, rgba(255, 255, 255, .05));border-color:var(--color-border);color:var(--color-text-main)}.toolbar-btn.utility-action:hover{border-color:var(--color-accent-cyan, #0284c7);color:#0284c7}html[data-theme=dark] .toolbar-btn.utility-action:hover{color:#38bdf8;border-color:#38bdf8}.toolbar-btn.danger-action{background:#ef44440f;border-color:#ef444440;color:#ef4444}.toolbar-btn.danger-action:hover{background:#ef444424}.toolbar-views-group{border:1px solid var(--color-border);border-radius:9px;padding:2px;background:var(--color-bg-subtle, rgba(0, 0, 0, .1))}.view-switch-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:7px;font-size:.8rem;font-weight:700;border:none;background:transparent;color:var(--color-text-dim);cursor:pointer;transition:all .15s ease}.view-switch-btn.is-active{background:linear-gradient(135deg,#0284c7,#0ea5e9);color:#fff;box-shadow:0 2px 6px #0284c74d}.setting-item{display:flex;align-items:center;gap:.35rem}.setting-label{font-size:.8rem;font-weight:600;color:var(--color-text-dim)}.setting-select{padding:.28rem .55rem;border-radius:6px;border:1px solid var(--color-border);background:var(--color-bg-input, #ffffff);color:var(--color-text-main);font-size:.8rem;font-weight:600}html[data-theme=dark] .setting-select{background:#0b1426e6;border-color:#0088ff40}.setting-checkbox-label{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;font-weight:600;color:var(--color-text-main);cursor:pointer}.setting-checkbox-label input{accent-color:#0284c7;cursor:pointer}.json-repair-toast-banner{background:#10b98117;border:1.5px solid rgba(16,185,129,.35);border-radius:10px;padding:.75rem 1.15rem}.toast-title-row{display:flex;align-items:center;gap:.45rem;color:#10b981;font-size:.88rem;margin-bottom:.35rem}.toast-repairs-list{margin:0;padding-inline-start:1.35rem;font-size:.82rem;color:var(--color-text-main)}.json-editor-container{position:relative;border:1.5px solid var(--color-border);border-radius:12px;overflow:hidden;background:#fff;display:flex;flex-direction:column;box-shadow:0 4px 20px #0000000a}html[data-theme=light] .json-editor-container{background:#fff;border-color:#cbd5e1}html[data-theme=dark] .json-editor-container{background:#090e1a;border-color:#0088ff40;box-shadow:0 4px 20px #0006}.json-editor-search-bar{position:absolute;top:8px;right:12px;z-index:10;background:var(--color-bg-card, #ffffff);border:1px solid var(--color-border);border-radius:8px;padding:.35rem .65rem;display:flex;align-items:center;gap:.45rem;box-shadow:0 6px 20px #0003;backdrop-filter:blur(8px)}html[data-theme=dark] .json-editor-search-bar{background:#101c38f2;border-color:#38bdf859}.search-input-field{background:transparent;border:none;color:var(--color-text-main);font-size:.82rem;outline:none;width:170px}.search-count-badge{font-size:.74rem;color:var(--color-text-dim);font-weight:600}.search-nav-btn{background:transparent;border:none;color:var(--color-text-dim);cursor:pointer;font-size:.72rem;padding:2px 4px}.search-nav-btn:hover{color:#0284c7}.search-close-btn{background:transparent;border:none;color:var(--color-text-dim);cursor:pointer;font-size:.82rem;padding:0 2px}.json-code-viewport{display:flex!important;flex-direction:row!important;direction:ltr!important;text-align:left!important;position:relative;min-height:400px;max-height:580px;overflow:hidden;font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,Monaco,monospace;font-size:.87rem;line-height:1.55;min-width:0}.json-gutter{width:58px;flex-shrink:0;background:#00000008;border-right:1px solid var(--color-border)!important;border-left:none!important;overflow-y:hidden;user-select:none;padding:.65rem 0;color:#94a3b8;font-size:.78rem;direction:ltr!important;text-align:left!important}html[data-theme=dark] .json-gutter{background:#0b1426a6;border-right-color:#ffffff14!important;color:#64748b}.gutter-row{display:flex!important;flex-direction:row!important;direction:ltr!important;align-items:center;justify-content:space-between;padding:0 .5rem;height:21.38px}.gutter-row.is-current-line{background:#0284c71a;color:#0284c7;font-weight:700}html[data-theme=dark] .gutter-row.is-current-line{background:#38bdf81f;color:#38bdf8}.gutter-row.has-error .gutter-marker{color:#ef4444;font-size:.7rem}.gutter-row.has-warning .gutter-marker{color:#f59e0b;font-size:.7rem}.gutter-num{text-align:right;width:100%}.json-editor-content-area{position:relative;flex:1;overflow:hidden;direction:ltr!important;text-align:left!important;min-width:0}.json-syntax-overlay{position:absolute;inset:0;margin:0;padding:.65rem .85rem;overflow:hidden;font-family:inherit;font-size:inherit;line-height:inherit;white-space:pre;word-wrap:normal;pointer-events:none;color:var(--color-text-main);background:transparent;tab-size:2;box-sizing:border-box;direction:ltr!important;text-align:left!important}.wrap-lines .json-syntax-overlay{white-space:pre-wrap;word-break:break-all}.json-token-key{color:#0284c7;font-weight:700}html[data-theme=dark] .json-token-key{color:#38bdf8}.json-token-string{color:#059669}html[data-theme=dark] .json-token-string{color:#34d399}.json-token-number{color:#d97706;font-weight:600}html[data-theme=dark] .json-token-number{color:#fbbf24}.json-token-boolean{color:#7c3aed;font-weight:700}html[data-theme=dark] .json-token-boolean{color:#c084fc}.json-token-null{color:#dc2626;font-weight:700}html[data-theme=dark] .json-token-null{color:#f87171}.json-code-textarea{position:absolute;inset:0;width:100%;height:100%;padding:.65rem .85rem;margin:0;font-family:inherit;font-size:inherit;line-height:inherit;tab-size:2;box-sizing:border-box;background:transparent;color:transparent;caret-color:var(--color-text-main);border:none;outline:none;resize:none;overflow:auto;white-space:pre;direction:ltr!important;text-align:left!important}.wrap-lines .json-code-textarea{white-space:pre-wrap;word-break:break-all}.json-editor-status-bar{display:flex;align-items:center;justify-content:space-between;padding:.35rem .85rem;background:#00000008;border-top:1px solid var(--color-border);font-size:.74rem;color:var(--color-text-dim);direction:ltr!important;text-align:left!important}html[data-theme=dark] .json-editor-status-bar{background:#0b1426d9;border-top-color:#ffffff14}.status-left-group,.status-right-group{display:flex;align-items:center;gap:.5rem}.status-diag-pill{padding:.1rem .5rem;border-radius:9999px;font-weight:700;font-size:.72rem}.status-diag-pill.has-errors{background:#ef444426;color:#ef4444}.status-diag-pill.has-warnings{background:#f59e0b26;color:#f59e0b}.encoding-pill,.indent-pill{padding:.08rem .45rem;border-radius:4px;background:#0000000d}html[data-theme=dark] .encoding-pill,html[data-theme=dark] .indent-pill{background:#ffffff14}.split-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.25rem;width:100%}@media(max-width:900px){.split-editor-grid{grid-template-columns:1fr}}.split-col-pane{display:flex;flex-direction:column;gap:.4rem;min-width:0;overflow:hidden}.split-pane-header{display:flex;align-items:center;justify-content:space-between;padding:.2rem .4rem;font-size:.82rem;font-weight:700;color:var(--color-text-main)}.pane-title{color:#0284c7}html[data-theme=dark] .pane-title{color:#38bdf8}.pane-quick-copy-btn{background:transparent;border:1px solid var(--color-border);border-radius:6px;padding:.2rem .55rem;font-size:.74rem;color:var(--color-text-dim);cursor:pointer;transition:all .15s ease}.pane-quick-copy-btn:hover{border-color:#0284c7;color:#0284c7}.json-tree-container{border:1.5px solid var(--color-border);border-radius:12px;background:var(--color-bg-card, #ffffff);overflow:hidden;display:flex;flex-direction:column;min-height:420px}html[data-theme=light] .json-tree-container{background:#fff;border-color:#cbd5e1}html[data-theme=dark] .json-tree-container{background:#090e1a;border-color:#0088ff40}.json-tree-toolbar{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;background:#00000008;border-bottom:1px solid var(--color-border);gap:.75rem;flex-wrap:wrap}html[data-theme=dark] .json-tree-toolbar{background:#0b1426bf}.tree-search-wrap{position:relative;display:flex;align-items:center}.tree-search-input{padding:.35rem .75rem;border-radius:6px;border:1px solid var(--color-border);background:var(--color-bg-input, #ffffff);color:var(--color-text-main);font-size:.8rem;width:220px;outline:none}html[data-theme=dark] .tree-search-input{background:#0b1426e6;border-color:#0088ff40}.tree-clear-filter-btn{position:absolute;right:6px;background:transparent;border:none;color:var(--color-text-dim);cursor:pointer;font-size:.75rem}.tree-controls-group{display:flex;align-items:center;gap:.45rem}.tree-ctrl-btn{padding:.32rem .65rem;border-radius:6px;border:1px solid var(--color-border);background:transparent;color:var(--color-text-main);font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s ease}.tree-ctrl-btn:hover{border-color:#0284c7;color:#0284c7}.json-tree-content{padding:.85rem 1rem;overflow-y:auto;max-height:580px;font-family:JetBrains Mono,Consolas,Monaco,monospace;font-size:.84rem}.json-tree-empty-state{text-align:center;padding:3.5rem 1rem;color:var(--color-text-dim)}.empty-tree-icon{font-size:2.5rem;margin-bottom:.5rem;display:block}.empty-tree-title{font-size:1.05rem;font-weight:700;color:var(--color-text-main);margin:0 0 .3rem}.empty-tree-desc{font-size:.82rem;max-width:480px;margin:0 auto;line-height:1.5}.tree-node-row{display:flex;flex-direction:column}.tree-node-header{display:flex;align-items:center;gap:.45rem;padding:.22rem .35rem;border-radius:4px;transition:background .1s ease}.tree-node-header:hover{background:#0284c70f}html[data-theme=dark] .tree-node-header:hover{background:#38bdf814}.tree-node-toggle-btn{width:16px;height:16px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#94a3b8;font-size:.65rem;cursor:pointer}.tree-node-leaf-bullet{width:16px;text-align:center;color:#94a3b8;font-size:.65rem}.tree-node-key{font-weight:700;color:#0284c7;cursor:pointer}html[data-theme=dark] .tree-node-key{color:#38bdf8}.tree-node-colon{color:var(--color-text-dim)}.tree-node-val.type-string{color:#059669}html[data-theme=dark] .tree-node-val.type-string{color:#34d399}.tree-node-val.type-number{color:#d97706}html[data-theme=dark] .tree-node-val.type-number{color:#fbbf24}.tree-node-val.type-boolean{color:#7c3aed}html[data-theme=dark] .tree-node-val.type-boolean{color:#c084fc}.tree-node-val.type-null{color:#dc2626}html[data-theme=dark] .tree-node-val.type-null{color:#f87171}.tree-node-preview{color:var(--color-text-dim);font-size:.78rem;cursor:pointer}.tree-type-badge{font-size:.68rem;font-weight:600;padding:.06rem .4rem;border-radius:4px;background:#0000000d;margin-inline-start:.4rem}html[data-theme=dark] .tree-type-badge{background:#ffffff14}.tree-node-actions{display:none;align-items:center;gap:.25rem;margin-inline-start:auto}.tree-node-header:hover .tree-node-actions{display:flex}.tree-action-icon-btn{background:transparent;border:none;color:var(--color-text-dim);cursor:pointer;font-size:.74rem;padding:2px 4px;border-radius:3px}.tree-action-icon-btn:hover{background:#0284c726;color:#0284c7}.json-diagnostics-panel{background:var(--color-bg-card, #ffffff);border:1.5px solid var(--color-border);border-radius:12px;overflow:hidden;box-shadow:0 4px 18px #00000008}html[data-theme=light] .json-diagnostics-panel{background:#fff;border-color:#cbd5e1}html[data-theme=dark] .json-diagnostics-panel{background:#101c38d9;border-color:#0088ff40}.json-diag-header{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1.15rem;background:#00000005;border-bottom:1px solid var(--color-border);gap:1rem;flex-wrap:wrap}html[data-theme=dark] .json-diag-header{background:#0b1426a6}.diag-header-title-group{display:flex;align-items:center;gap:.55rem}.diag-header-heading{font-size:.95rem;font-weight:800;color:var(--color-text-main);margin:0}.diag-total-count{font-size:.76rem;padding:.12rem .55rem;border-radius:9999px;background:#0284c71a;color:#0284c7;font-weight:700}.diag-filter-pills{display:flex;align-items:center;gap:.4rem}.diag-filter-btn{background:transparent;border:1px solid var(--color-border);border-radius:6px;padding:.28rem .65rem;font-size:.76rem;font-weight:700;color:var(--color-text-dim);cursor:pointer;transition:all .15s ease}.diag-filter-btn.active{background:#0284c7;color:#fff;border-color:#0284c7}.diag-filter-btn.error-btn.active{background:#ef4444;border-color:#ef4444}.diag-filter-btn.warning-btn.active{background:#f59e0b;border-color:#f59e0b}.json-diag-list{padding:.85rem 1.15rem;display:flex;flex-direction:column;gap:.75rem}.json-diag-card{border:1.5px solid #ef4444;background:#ef444408;border-radius:10px;padding:.85rem 1rem;display:flex;flex-direction:column;gap:.45rem}.json-diag-card.severity-warning{border-color:#f59e0b;background:#f59e0b08}.diag-card-top-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.diag-card-title-wrap{display:flex;align-items:center;gap:.55rem}.diag-severity-pill{font-size:.72rem;font-weight:700;padding:.1rem .5rem;border-radius:9999px;background:#ef44441f;color:#ef4444}.severity-warning .diag-severity-pill{background:#f59e0b1f;color:#f59e0b}.diag-card-title{font-size:.9rem;font-weight:700;color:var(--color-text-main);margin:0}.diag-card-actions{display:flex;align-items:center;gap:.5rem}.diag-location-badge{font-size:.76rem;font-weight:700;padding:.18rem .6rem;border-radius:6px;background:#0000000f;color:var(--color-text-dim);direction:ltr}html[data-theme=dark] .diag-location-badge{background:#ffffff14}.diag-action-nav-btn{background:transparent;border:1px solid var(--color-border);border-radius:6px;padding:.2rem .65rem;font-size:.76rem;font-weight:600;color:#0284c7;cursor:pointer;transition:all .15s ease}html[data-theme=dark] .diag-action-nav-btn{color:#38bdf8;border-color:#38bdf859}.diag-action-nav-btn:hover{background:#0284c71a}.diag-card-msg{font-size:.84rem;font-weight:600;color:var(--color-text-main);margin:0}.diag-card-explanation{font-size:.8rem;color:var(--color-text-dim);margin:0;line-height:1.5}.diag-suggested-fix-box{background:#10b98112;border:1px solid rgba(16,185,129,.3);border-radius:8px;padding:.55rem .85rem;display:flex;align-items:center;justify-content:space-between;gap:.85rem;flex-wrap:wrap;margin-top:.2rem}.fix-info-row{display:flex;align-items:center;gap:.45rem;font-size:.8rem;color:var(--color-text-main)}.diag-apply-fix-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:6px;padding:.32rem .85rem;font-size:.78rem;font-weight:700;cursor:pointer;transition:all .15s ease}.diag-apply-fix-btn:hover{transform:translateY(-1px);box-shadow:0 4px 10px #10b98159}.json-diag-success-banner{background:#10b98114;border:1.5px solid rgba(16,185,129,.35);border-radius:12px;padding:.95rem 1.25rem;display:flex;align-items:center;justify-content:space-between}.diag-success-left{display:flex;align-items:center;gap:.75rem}.diag-success-icon{width:28px;height:28px;border-radius:50%;background:#10b981;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:800;flex-shrink:0}.diag-success-title{font-size:.95rem;font-weight:800;color:#10b981;margin:0 0 .2rem}.diag-success-sub{font-size:.8rem;color:var(--color-text-dim);margin:0}.json-stats-card{background:var(--color-bg-card, #ffffff);border:1.5px solid var(--color-border);border-radius:12px;padding:1rem 1.25rem;box-shadow:0 4px 18px #00000008}html[data-theme=light] .json-stats-card{background:#fff;border-color:#cbd5e1}html[data-theme=dark] .json-stats-card{background:#101c38d9;border-color:#0088ff40}.stats-header-bar{display:flex;align-items:center;gap:.55rem;margin-bottom:.85rem}.stats-header-title{font-size:.95rem;font-weight:800;color:var(--color-text-main);margin:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.65rem}.stats-metric-box{background:#00000005;border:1px solid var(--color-border);border-radius:8px;padding:.55rem .75rem;display:flex;flex-direction:column;gap:.2rem}html[data-theme=dark] .stats-metric-box{background:#0b142699;border-color:#ffffff12}.metric-label{font-size:.72rem;color:var(--color-text-dim);font-weight:600}.metric-value{font-size:.95rem;font-weight:800;color:var(--color-text-main)}.metric-value.type-string{color:#059669}html[data-theme=dark] .metric-value.type-string{color:#34d399}.metric-value.type-number{color:#d97706}html[data-theme=dark] .metric-value.type-number{color:#fbbf24}.metric-value.type-boolean{color:#7c3aed}html[data-theme=dark] .metric-value.type-boolean{color:#c084fc}.metric-value.type-null{color:#dc2626}html[data-theme=dark] .metric-value.type-null{color:#f87171}.metric-value.metric-error{color:#ef4444}.metric-value.metric-success{color:#10b981}.url-studio-container{display:flex;flex-direction:column;gap:1.25rem;width:100%}.url-hero-card{position:relative;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:16px;padding:1.25rem 1.5rem;box-shadow:0 4px 20px #00000040;backdrop-filter:blur(12px);overflow:hidden}.url-hero-breadcrumbs{font-size:.82rem;color:var(--color-text-dim);margin-bottom:.75rem;display:flex;align-items:center;gap:.4rem}.url-hero-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.url-hero-main{display:flex;align-items:center;gap:1rem}.url-hero-icon-box{width:52px;height:52px;border-radius:14px;background:#00d4ff14;border:1px solid rgba(0,212,255,.4);box-shadow:0 0 20px #00d4ff33;display:flex;align-items:center;justify-content:center;color:#00d4ff;flex-shrink:0}html[data-theme=light] .url-hero-icon-box{background:#0284c714;border-color:#0284c759;box-shadow:0 4px 12px #0284c726;color:#0284c7}.url-hero-title{margin:0;font-size:1.45rem;font-weight:800;color:var(--color-text-main);letter-spacing:-.02em}.url-hero-desc{margin:.35rem 0 0;font-size:.86rem;color:var(--color-text-muted);max-width:650px;line-height:1.5}.url-hero-badges{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.url-pill-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .8rem;border-radius:9999px;font-size:.8rem;font-weight:600}.url-pill-secure{background:#10b9811f;color:#10b981;border:1px solid rgba(16,185,129,.35)}.url-pill-privacy{background:#1e293bb3;color:#cbd5e1;border:1px solid rgba(148,163,184,.2)}html[data-theme=light] .url-pill-privacy{background:#f1f5f9;color:#475569;border-color:#cbd5e1}.url-modes-bar{display:flex;align-items:center;gap:.5rem;overflow-x:auto;padding-bottom:.25rem;scrollbar-width:thin}.url-mode-tab{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1.15rem;border-radius:9999px;font-size:.88rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid var(--color-border-subtle);background:var(--color-bg-surface);color:var(--color-text-muted)}.url-mode-tab:hover{color:var(--color-text-main);border-color:#00d4ff66}.url-mode-tab.active{background:linear-gradient(135deg,#0284c7,#00d4ff);color:#fff;border-color:#00e5ff;box-shadow:0 0 18px #00d4ff73}html[data-theme=light] .url-mode-tab.active{background:linear-gradient(135deg,#0284c7,#0ea5e9);box-shadow:0 4px 14px #0284c759}.url-input-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:16px;padding:1.25rem 1.5rem;box-shadow:0 4px 20px #00000040;display:flex;flex-direction:column;gap:1rem}.url-input-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.url-input-title{display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:700;color:var(--color-text-main)}.url-sample-btn{background:transparent;border:none;color:#38bdf8;font-size:.82rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;transition:color .15s ease;padding:0}.url-sample-btn:hover{color:#00e5ff;text-decoration:underline}.url-input-box-wrapper{position:relative;display:flex;align-items:center;border-radius:10px;border:1px solid rgba(0,212,255,.3);background:var(--color-bg-input);transition:all .2s ease}.url-input-box-wrapper:focus-within{border-color:#00e5ff;box-shadow:0 0 16px #00d4ff4d}.url-input-icon{padding:0 .85rem;color:#00d4ff;display:flex;align-items:center;flex-shrink:0}.url-input-field{width:100%;padding:.85rem .75rem .85rem 0;background:transparent;border:none;outline:none;color:var(--color-text-main);font-family:var(--font-mono);font-size:.95rem;direction:ltr}.url-input-actions{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.url-action-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.52rem 1.05rem;border-radius:8px;font-size:.86rem;font-weight:600;cursor:pointer;transition:all .15s ease;border:1px solid var(--color-border-subtle);background:var(--color-bg-surface);color:var(--color-text-main)}.url-action-btn:hover{background:var(--color-bg-elevated);border-color:var(--color-border)}.url-action-btn-primary{background:linear-gradient(135deg,#0284c7,#00d4ff);color:#fff;border:none;box-shadow:0 2px 10px #00d4ff59}.url-action-btn-primary:hover{box-shadow:0 4px 16px #00d4ff80;transform:translateY(-1px)}.url-action-btn-danger{color:#ef4444;border-color:#ef44444d;background:#ef444414}.url-action-btn-danger:hover{background:#ef444429;border-color:#ef4444}.url-breakdown-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:16px;padding:1.25rem 1.5rem;box-shadow:0 4px 20px #00000040;display:flex;flex-direction:column;gap:1.1rem}.url-breakdown-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.url-breakdown-title-group{display:flex;align-items:center;gap:.6rem}.url-breakdown-title{margin:0;font-size:1.1rem;font-weight:800;color:var(--color-text-main)}.url-breakdown-sub{margin:.2rem 0 0;font-size:.8rem;color:var(--color-text-dim)}.url-status-strip{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.url-badge-tag{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .65rem;border-radius:9999px;font-size:.78rem;font-weight:700}.url-badge-valid{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.35)}.url-badge-invalid{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.35)}.url-badge-https{background:#00d4ff26;color:#00d4ff;border:1px solid rgba(0,212,255,.35)}.url-badge-params{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.35)}.url-badge-hash{background:#a855f726;color:#c084fc;border:1px solid rgba(168,85,247,.35)}.url-metrics-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:.6rem}@media(max-width:1200px){.url-metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:640px){.url-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.url-metric-item{background:var(--color-bg-subtle);border:1px solid var(--color-border-subtle);border-radius:10px;padding:.75rem .6rem;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .2s ease;overflow:hidden}.url-metric-item:hover{border-color:#00d4ff59;background:var(--color-bg-surface)}.url-metric-label{font-size:.74rem;font-weight:700;color:var(--color-text-dim);display:flex;align-items:center;gap:.35rem;margin-bottom:.4rem}.url-metric-val{font-size:.86rem;font-weight:800;font-family:var(--font-mono);color:#00d4ff;white-space:nowrap;text-overflow:ellipsis;max-width:100%;line-height:1.25}.url-metric-val.valid-green{color:#10b981}.url-metric-val.subtle-dim{color:var(--color-text-dim)}.url-params-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:16px;padding:1.25rem 1.5rem;box-shadow:0 4px 20px #00000040;display:flex;flex-direction:column;gap:1rem}.url-params-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.url-params-actions{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.url-btn-mini{display:inline-flex;align-items:center;gap:.35rem;padding:.38rem .75rem;border-radius:7px;font-size:.8rem;font-weight:600;cursor:pointer;border:1px solid var(--color-border-subtle);background:var(--color-bg-surface);color:var(--color-text-main);transition:all .15s ease}.url-btn-mini:hover{background:var(--color-bg-elevated);border-color:var(--color-border)}.url-btn-mini-primary{background:linear-gradient(135deg,#0284c7,#00d4ff);color:#fff;border:none}.url-btn-mini-reconstruct{background:#00d4ff26;color:#00d4ff;border:1px solid rgba(0,212,255,.35)}.url-btn-mini-reconstruct:hover{background:#00d4ff40;border-color:#00d4ff}.url-params-table-container{overflow-x:auto;border-radius:10px;border:1px solid var(--color-border-subtle);background:var(--color-bg-subtle)}.url-params-table{width:100%;border-collapse:collapse;font-size:.88rem}.url-params-table th{padding:.65rem .9rem;background:#0a101f66;color:var(--color-text-dim);font-weight:700;font-size:.8rem;text-align:right;border-bottom:1px solid var(--color-border-subtle)}html[dir=ltr] .url-params-table th{text-align:left}.url-params-table td{padding:.55rem .75rem;border-bottom:1px solid rgba(56,189,248,.08);vertical-align:middle}.url-params-table tr:last-child td{border-bottom:none}.url-param-input{width:100%;padding:.45rem .7rem;border-radius:6px;border:1px solid var(--color-border-subtle);background:var(--color-bg-input);color:var(--color-text-main);font-family:var(--font-mono);font-size:.88rem;direction:ltr;transition:all .15s ease}.url-param-input:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 8px #00d4ff40}.url-param-del-btn{background:transparent;border:none;color:#ef4444;cursor:pointer;padding:.35rem;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.url-param-del-btn:hover{background:#ef444426}.url-drag-handle{color:var(--color-text-dim);cursor:grab;padding:.35rem;display:flex;align-items:center;justify-content:center}.url-lower-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}@media(max-width:900px){.url-lower-grid{grid-template-columns:1fr}}.url-split-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:16px;padding:1.25rem 1.5rem;box-shadow:0 4px 20px #00000040;display:flex;flex-direction:column;gap:1rem}.url-split-card-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.url-diag-list{display:flex;flex-direction:column;gap:.65rem}.url-diag-item{display:flex;align-items:flex-start;gap:.75rem;padding:.8rem 1rem;border-radius:10px;font-size:.86rem;line-height:1.45;border:1px solid transparent}.url-diag-item.success{background:#10b9811a;border-color:#10b98140;color:#10b981}.url-diag-item.warning{background:#f59e0b1a;border-color:#f59e0b40;color:#f59e0b}.url-diag-item.info{background:#3b82f61a;border-color:#3b82f640;color:#60a5fa}.url-diag-item.suggestion{background:#00d4ff14;border-color:#00d4ff40;color:#38bdf8}.url-diag-text{flex:1;color:var(--color-text-main);font-weight:500}.url-diag-badge{display:inline-block;padding:.15rem .5rem;border-radius:4px;font-family:var(--font-mono);font-size:.75rem;font-weight:700;margin-top:.25rem;background:#00000040}.url-result-box{background:var(--color-bg-input);border:1px solid rgba(0,212,255,.25);border-radius:10px;padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.url-result-url-text{font-family:var(--font-mono);font-size:.9rem;color:#00d4ff;word-break:break-all;direction:ltr;text-align:left}.url-result-copy-btn{background:#00d4ff1f;border:1px solid rgba(0,212,255,.3);color:#00d4ff;cursor:pointer;padding:.45rem .65rem;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s ease}.url-result-copy-btn:hover{background:#00d4ff40;border-color:#00d4ff}.url-savings-strip{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.b64-studio-container{display:flex;flex-direction:column;gap:1.25rem;width:100%}.b64-hero-card{position:relative;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:16px;padding:1.25rem 1.5rem;box-shadow:0 4px 20px #00000040;backdrop-filter:blur(12px);display:flex;flex-direction:column;gap:1rem}.b64-hero-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.b64-hero-main{display:flex;align-items:center;gap:1rem}.b64-hero-icon{width:50px;height:50px;border-radius:14px;background:#00d4ff14;border:1px solid rgba(0,212,255,.4);box-shadow:0 0 20px #00d4ff33;display:flex;align-items:center;justify-content:center;color:#00d4ff;flex-shrink:0}html[data-theme=light] .b64-hero-icon{background:#0284c714;border-color:#0284c759;box-shadow:0 4px 12px #0284c726;color:#0284c7}.b64-hero-title{margin:0;font-size:1.4rem;font-weight:800;color:var(--color-text-main);letter-spacing:-.02em}.b64-hero-desc{margin:.3rem 0 0;font-size:.86rem;color:var(--color-text-muted);line-height:1.5}.b64-mode-pills-bar{display:flex;align-items:center;gap:.5rem;overflow-x:auto;padding-bottom:.2rem;scrollbar-width:thin}.b64-mode-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1.15rem;border-radius:9999px;font-size:.86rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid var(--color-border-subtle);background:var(--color-bg-surface);color:var(--color-text-muted)}.b64-mode-pill:hover{color:var(--color-text-main);border-color:#00d4ff66}.b64-mode-pill.active{background:linear-gradient(135deg,#0284c7,#00d4ff);color:#fff;border-color:#00e5ff;box-shadow:0 0 16px #00d4ff66}html[data-theme=light] .b64-mode-pill.active{background:linear-gradient(135deg,#0284c7,#0ea5e9);box-shadow:0 4px 14px #0284c759}.b64-dual-editor-row{display:grid;grid-template-columns:1fr 180px 1fr;gap:1.1rem;align-items:stretch}@media(max-width:992px){.b64-dual-editor-row{grid-template-columns:1fr}}.b64-editor-panel{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:14px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 4px 18px #0003;transition:height .25s ease,min-height .25s ease}.b64-editor-panel.expanded{grid-column:1 / -1;min-height:520px}.b64-editor-header{display:flex;align-items:center;justify-content:space-between;padding:.65rem .95rem;background:#0a101f80;border-bottom:1px solid var(--color-border-subtle)}html[data-theme=light] .b64-editor-header{background:#f8fafc}.b64-editor-title{display:flex;align-items:center;gap:.45rem;font-size:.88rem;font-weight:700;color:var(--color-text-main)}.b64-editor-tools{display:flex;align-items:center;gap:.35rem}.b64-tool-icon-btn{background:transparent;border:1px solid transparent;color:var(--color-text-dim);cursor:pointer;padding:.35rem .45rem;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.b64-tool-icon-btn:hover{background:var(--color-bg-surface);color:var(--color-text-main);border-color:var(--color-border-subtle)}.b64-tool-icon-btn.danger:hover{color:#ef4444;background:#ef44441f;border-color:#ef44444d}.b64-editor-body{position:relative;display:flex;flex:1;min-height:220px;background:var(--color-bg-input)}.b64-editor-panel.expanded .b64-editor-body{min-height:440px}.b64-line-numbers{width:38px;padding:.75rem .35rem;text-align:center;color:var(--color-text-dim);font-family:var(--font-mono);font-size:.82rem;line-height:1.5;user-select:none;background:#0a101f59;border-right:1px solid var(--color-border-subtle);flex-shrink:0}html[dir=rtl] .b64-line-numbers{border-right:none;border-left:1px solid var(--color-border-subtle)}.b64-textarea{width:100%;padding:.75rem .85rem;background:transparent;border:none;outline:none;color:var(--color-text-main);font-family:var(--font-mono);font-size:.88rem;line-height:1.5;resize:none;direction:ltr;white-space:pre-wrap;word-break:break-all}.b64-editor-footer{display:flex;align-items:center;justify-content:space-between;padding:.45rem .95rem;background:#0a101f59;border-top:1px solid var(--color-border-subtle);font-size:.78rem;color:var(--color-text-dim);flex-wrap:wrap;gap:.5rem}html[data-theme=light] .b64-editor-footer{background:#f8fafc}.b64-center-controls{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.85rem;padding:.75rem .5rem;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:14px}@media(max-width:992px){.b64-center-controls{flex-direction:row;flex-wrap:wrap;justify-content:space-between;padding:.75rem 1rem}}.b64-center-title{font-size:.86rem;font-weight:700;color:var(--color-text-dim);display:flex;align-items:center;gap:.35rem}.b64-dir-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.65rem .75rem;border-radius:9px;font-size:.84rem;font-weight:700;cursor:pointer;transition:all .15s ease;border:1px solid var(--color-border-subtle);background:var(--color-bg-surface);color:var(--color-text-muted)}.b64-dir-btn:hover{border-color:#00d4ff66;color:var(--color-text-main)}.b64-dir-btn.active{background:linear-gradient(135deg,#0284c7,#00d4ff);color:#fff;border:none;box-shadow:0 0 14px #00d4ff66}.b64-repetition-box{width:100%;display:flex;flex-direction:column;align-items:center;gap:.35rem;padding-top:.5rem;border-top:1px solid var(--color-border-subtle)}.b64-stepper-control{display:inline-flex;align-items:center;border-radius:8px;border:1px solid rgba(0,212,255,.3);background:var(--color-bg-input);overflow:hidden}.b64-stepper-btn{background:transparent;border:none;color:#00d4ff;font-size:1.1rem;font-weight:800;width:32px;height:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.b64-stepper-btn:hover:not(:disabled){background:#00d4ff26}.b64-stepper-btn:disabled{opacity:.4;cursor:not-allowed}.b64-stepper-input{width:44px;height:32px;background:transparent;border:none;outline:none;color:var(--color-text-main);font-family:var(--font-mono);font-size:.95rem;font-weight:800;text-align:center}.b64-settings-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:16px;padding:1.15rem 1.4rem;box-shadow:0 4px 18px #0003;display:flex;flex-direction:column;gap:.9rem}.b64-settings-header{display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:800;color:var(--color-text-main)}.b64-settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.85rem;align-items:end}.b64-setting-field{display:flex;flex-direction:column;gap:.35rem}.b64-setting-label{font-size:.78rem;font-weight:700;color:var(--color-text-dim);display:flex;align-items:center;gap:.35rem}.b64-bottom-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:1.1rem}@media(max-width:900px){.b64-bottom-grid{grid-template-columns:1fr}}.b64-info-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:16px;padding:1.15rem 1.35rem;box-shadow:0 4px 18px #0003;display:flex;flex-direction:column;gap:.85rem}.b64-stats-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.b64-stat-item{display:flex;flex-direction:column;align-items:center;padding:.5rem .75rem;background:var(--color-bg-subtle);border:1px solid var(--color-border-subtle);border-radius:9px;min-width:90px}.b64-stat-label{font-size:.72rem;font-weight:700;color:var(--color-text-dim)}.b64-stat-value{font-size:.92rem;font-weight:800;font-family:var(--font-mono);color:#00d4ff;margin-top:.2rem}.b64-quick-actions-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:16px;padding:1.15rem 1.35rem;box-shadow:0 4px 18px #0003;display:flex;flex-direction:column;gap:.85rem}.b64-quick-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}.b64-quick-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.6rem .8rem;border-radius:8px;font-size:.84rem;font-weight:700;cursor:pointer;transition:all .15s ease;border:1px solid var(--color-border-subtle)}.b64-quick-btn.primary-green{background:#10b98126;color:#10b981;border-color:#10b98159}.b64-quick-btn.primary-green:hover{background:#10b98140;border-color:#10b981}.b64-quick-btn.primary-blue{background:#00d4ff26;color:#00d4ff;border-color:#00d4ff59}.b64-quick-btn.primary-blue:hover{background:#00d4ff40;border-color:#00d4ff}.b64-quick-btn.purple{background:#a855f726;color:#c084fc;border-color:#a855f759}.b64-quick-btn.purple:hover{background:#a855f740;border-color:#a855f7}.b64-quick-btn.secondary{background:var(--color-bg-surface);color:var(--color-text-main)}.b64-quick-btn.secondary:hover{background:var(--color-bg-elevated);border-color:var(--color-border)}.regex-studio-container{display:flex;flex-direction:column;gap:1.15rem;width:100%}.regex-card{background:#0d1730;border:1px solid rgba(0,212,255,.16);border-radius:14px;padding:1rem 1.25rem;box-shadow:0 4px 20px #0000004d;backdrop-filter:blur(12px);position:relative;overflow:hidden}html[data-theme=light] .regex-card{background:#fff;border-color:#0284c733;box-shadow:0 4px 16px #0000000f}.regex-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem}.regex-card-title{display:inline-flex;align-items:center;gap:.5rem;font-size:.92rem;font-weight:700;color:#f1f5f9}html[data-theme=light] .regex-card-title{color:#0f172a}.regex-info-icon{color:#00d4ff;opacity:.85;cursor:help}.regex-top-grid{display:grid;grid-template-columns:1.15fr 1.35fr 2.5fr;gap:1rem;align-items:stretch}@media(max-width:1024px){.regex-top-grid{grid-template-columns:1fr}}.regex-pattern-input-box{display:flex;align-items:center;gap:.5rem;background:#081023;border:1px solid rgba(0,212,255,.28);border-radius:10px;padding:.4rem .85rem;font-family:var(--font-mono, monospace);direction:ltr!important;transition:all .2s ease}html[data-theme=light] .regex-pattern-input-box{background:#f8fafc;border-color:#cbd5e1}.regex-pattern-input-box:focus-within{border-color:#00d4ff;box-shadow:0 0 12px #00d4ff40}.regex-delimiter{color:#00d4ff;font-weight:800;font-size:1.15rem;user-select:none}.regex-pattern-input{flex:1;background:transparent;border:none;outline:none;color:#f8fafc;font-family:inherit;font-size:.95rem;direction:ltr;letter-spacing:.02em}html[data-theme=light] .regex-pattern-input{color:#0f172a}.regex-flags-suffix{color:#a855f7;font-weight:700;font-size:.92rem;user-select:none;direction:ltr}.regex-flags-group{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.regex-flag-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .75rem;border-radius:9999px;font-size:.82rem;font-weight:700;cursor:pointer;transition:all .15s ease;border:1px solid #1e325c;background:#111f3d;color:#94a3b8}html[data-theme=light] .regex-flag-btn{border-color:#cbd5e1;background:#f1f5f9;color:#64748b}.regex-flag-btn:hover{border-color:#00d4ff66;color:#f1f5f9}.regex-flag-btn.active{background:#00d4ff;border-color:#00d4ff;color:#061129;box-shadow:0 0 10px #00d4ff59}html[data-theme=light] .regex-flag-btn.active{background:#0284c7;border-color:#0284c7;color:#fff}.regex-preset-box{position:relative;width:100%}.regex-preset-select{width:100%;background:#081023;border:1px solid rgba(0,212,255,.28);border-radius:10px;padding:.5rem .85rem;color:#f8fafc;font-size:.88rem;font-weight:600;cursor:pointer;outline:none;transition:all .2s ease}html[data-theme=light] .regex-preset-select{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}.regex-preset-select:focus{border-color:#00d4ff;box-shadow:0 0 10px #00d4ff33}.regex-dual-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:900px){.regex-dual-grid{grid-template-columns:1fr}}.regex-matches-badge{background:#10b98126;border:1px solid rgba(16,185,129,.35);color:#10b981;padding:.2rem .65rem;border-radius:9999px;font-size:.78rem;font-weight:700}.regex-matches-list{display:flex;flex-direction:column;gap:.55rem;max-height:240px;overflow-y:auto;padding-right:.25rem}.regex-match-item{display:flex;align-items:center;justify-content:space-between;background:#0f1e3c;border:1px solid #1e3563;border-radius:10px;padding:.55rem .85rem;gap:.75rem;direction:rtl;transition:all .15s ease}html[data-theme=light] .regex-match-item{background:#f8fafc;border-color:#e2e8f0}.regex-match-item:hover{border-color:#00d4ff80;background:#132448}html[data-theme=light] .regex-match-item:hover{background:#f1f5f9}.regex-match-index-pill{background:#0284c7;color:#fff;padding:.15rem .6rem;border-radius:9999px;font-size:.78rem;font-weight:700;flex-shrink:0}.regex-match-text{color:#38bdf8;font-family:var(--font-mono, monospace);font-size:.88rem;font-weight:700;word-break:break-all;direction:ltr;text-align:right}html[data-theme=light] .regex-match-text{color:#0284c7}.regex-match-pos{color:#94a3b8;font-size:.8rem;font-family:var(--font-mono, monospace);flex-shrink:0}.regex-teststring-editor{width:100%;height:240px;background:#081023;border:1px solid #1e325c;border-radius:10px;padding:.75rem .9rem;color:#f8fafc;font-family:var(--font-mono, monospace);font-size:.88rem;line-height:1.6;outline:none;resize:vertical;direction:ltr;transition:border-color .2s ease}html[data-theme=light] .regex-teststring-editor{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}.regex-teststring-editor:focus{border-color:#00d4ff;box-shadow:0 0 10px #00d4ff33}.regex-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.85rem}@media(max-width:768px){.regex-stats-grid{grid-template-columns:repeat(2,1fr)}}.regex-stat-subcard{display:flex;align-items:center;gap:.85rem;background:#091228;border:1px solid #172a50;border-radius:12px;padding:.85rem 1.1rem;transition:all .2s ease}html[data-theme=light] .regex-stat-subcard{background:#f8fafc;border-color:#e2e8f0}.regex-stat-info{display:flex;flex-direction:column;gap:.25rem}.regex-stat-label{font-size:.8rem;color:#94a3b8;font-weight:600}.regex-stat-value{font-size:1.15rem;font-weight:800;color:#fff}html[data-theme=light] .regex-stat-value{color:#0f172a}.regex-stat-icon-box{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:800;flex-shrink:0}.regex-stat-icon-box.cyan{background:#00d4ff26;color:#00d4ff;border:1px solid rgba(0,212,255,.3)}.regex-stat-icon-box.green{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.regex-stat-icon-box.blue{background:#3b82f626;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.regex-stat-icon-box.purple{background:#a855f726;color:#a855f7;border:1px solid rgba(168,85,247,.3)}.regex-diag-expl-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:1rem}@media(max-width:900px){.regex-diag-expl-grid{grid-template-columns:1fr}}.regex-alerts-list{display:flex;flex-direction:column;gap:.65rem}.regex-alert-card{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:10px;font-size:.85rem;line-height:1.5}.regex-alert-card.success{background:#10b98114;border:1px solid rgba(16,185,129,.4);color:#10b981}.regex-alert-card.recommendation{background:#0ea5e914;border:1px solid rgba(14,165,233,.4);color:#38bdf8}.regex-alert-card.info{background:#f59e0b14;border:1px solid rgba(245,158,11,.4);color:#fbbf24}.regex-alert-card.error{background:#ef444414;border:1px solid rgba(239,68,68,.4);color:#f87171}.regex-expl-banner{background:#081023;border:1px solid rgba(168,85,247,.3);border-radius:10px;padding:.55rem .85rem;font-family:var(--font-mono, monospace);font-size:.92rem;font-weight:700;color:#f1f5f9;text-align:center;margin-bottom:.85rem;direction:ltr}html[data-theme=light] .regex-expl-banner{background:#f8fafc;color:#0f172a}.regex-tokens-table{display:flex;flex-direction:column;gap:.45rem;max-height:250px;overflow-y:auto;padding-right:.2rem}.regex-token-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.4rem .2rem;border-bottom:1px solid rgba(255,255,255,.05)}html[data-theme=light] .regex-token-row{border-bottom-color:#0000000f}.regex-token-code{background:#00d4ff1a;border:1px solid rgba(0,212,255,.3);color:#38bdf8;font-family:var(--font-mono, monospace);font-size:.84rem;font-weight:700;padding:2px 8px;border-radius:6px;direction:ltr;flex-shrink:0}.regex-token-desc{font-size:.82rem;color:#cbd5e1;flex:1}html[data-theme=light] .regex-token-desc{color:#334155}.regex-quick-pills-bar{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.regex-quick-pill{display:inline-flex;align-items:center;gap:.35rem;background:#091326;border:1px solid #1e325c;color:#94a3b8;padding:.3rem .7rem;border-radius:9999px;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s ease}html[data-theme=light] .regex-quick-pill{background:#f1f5f9;border-color:#cbd5e1;color:#475569}.regex-quick-pill:hover{background:#00d4ff1f;border-color:#00d4ff;color:#00d4ff}.regex-toggles-bar{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap;padding:.6rem .85rem;background:#081023;border:1px solid #172a50;border-radius:10px}html[data-theme=light] .regex-toggles-bar{background:#f8fafc;border-color:#e2e8f0}.regex-toggle-item{display:inline-flex;align-items:center;gap:.4rem;font-size:.82rem;color:#94a3b8;cursor:pointer}html[data-theme=light] .regex-toggle-item{color:#475569}.regex-toggle-item input[type=checkbox]{accent-color:#00d4ff;cursor:pointer}.qr-studio-container{display:flex;flex-direction:column;gap:1.15rem;width:100%}.qr-types-nav{display:flex;align-items:center;gap:.5rem;overflow-x:auto;padding:.4rem .3rem .5rem;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.qr-types-nav::-webkit-scrollbar{height:4px}.qr-types-nav::-webkit-scrollbar-thumb{background:#00d4ff4d;border-radius:4px}.qr-type-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem 1rem;background:#091326;border:1px solid #1c2e50;border-radius:10px;color:#94a3b8;font-size:.86rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);user-select:none}html[data-theme=light] .qr-type-btn{background:#fff;border-color:#e2e8f0;color:#64748b;box-shadow:0 1px 3px #0000000a}.qr-type-btn:hover{background:#0f1d38;border-color:#00d4ff73;color:#e2e8f0}html[data-theme=light] .qr-type-btn:hover{background:#f1f5f9;border-color:#0284c7;color:#0f172a}.qr-type-btn.active{background:linear-gradient(135deg,#0070f3,#00b4d8);border-color:#38bdf8;color:#fff!important;box-shadow:0 4px 16px #0070f361,inset 0 1px #fff3}html[data-theme=light] .qr-type-btn.active{background:linear-gradient(135deg,#0284c7,#06b6d4);border-color:#0284c7;color:#fff!important;box-shadow:0 4px 12px #0284c74d}.qr-workspace-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.95fr);gap:1.15rem;align-items:start}@media(max-width:980px){.qr-workspace-grid{grid-template-columns:1fr}}.qr-column{display:flex;flex-direction:column;gap:1.15rem}.qr-card{background:#0d1730;border:1px solid rgba(0,212,255,.16);border-radius:14px;padding:1.15rem 1.35rem;box-shadow:0 4px 20px #0000004d;backdrop-filter:blur(12px);position:relative;overflow:hidden}html[data-theme=light] .qr-card{background:#fff;border-color:#0284c733;box-shadow:0 4px 16px #0000000f}.qr-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.9rem;flex-wrap:wrap;gap:.5rem}.qr-card-title{display:inline-flex;align-items:center;gap:.5rem;font-size:.96rem;font-weight:700;color:#f1f5f9}html[data-theme=light] .qr-card-title{color:#0f172a}.qr-card-subtitle{font-size:.8rem;color:#94a3b8;margin-top:.15rem}html[data-theme=light] .qr-card-subtitle{color:#64748b}.qr-field-group{margin-bottom:.85rem}.qr-field-label{display:flex;align-items:center;gap:.4rem;font-size:.84rem;font-weight:600;color:#cbd5e1;margin-bottom:.4rem}html[data-theme=light] .qr-field-label{color:#334155}.qr-input,.qr-textarea,.qr-select{width:100%;background:#081023;border:1px solid rgba(0,212,255,.25);border-radius:10px;padding:.65rem .85rem;color:#f8fafc;font-size:.9rem;outline:none;transition:all .2s ease;box-sizing:border-box}html[data-theme=light] .qr-input,html[data-theme=light] .qr-textarea,html[data-theme=light] .qr-select{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}.qr-input:focus,.qr-textarea:focus,.qr-select:focus{border-color:#00d4ff;box-shadow:0 0 12px #00d4ff38}.qr-tip-text{font-size:.78rem;color:#94a3b8;margin-top:.4rem;line-height:1.5}html[data-theme=light] .qr-tip-text{color:#64748b}.qr-collapsible-btn{display:flex;align-items:center;justify-content:space-between;width:100%;background:transparent;border:none;padding:0;cursor:pointer;color:inherit;font-family:inherit;text-align:inherit}.qr-chevron-icon{color:#00d4ff;transition:transform .25s ease}.qr-chevron-icon.rotated{transform:rotate(180deg)}.qr-advanced-panel{display:flex;flex-direction:column;gap:1.15rem;margin-top:.85rem;padding-top:.85rem;border-top:1px solid rgba(0,212,255,.12)}html[data-theme=light] .qr-advanced-panel{border-top-color:#e2e8f0}.qr-segmented-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.45rem;background:#070e1e;padding:.25rem;border-radius:10px;border:1px solid #192a48}html[data-theme=light] .qr-segmented-row{background:#f1f5f9;border-color:#cbd5e1}.qr-segmented-btn{display:flex;align-items:center;justify-content:center;padding:.45rem .3rem;border-radius:8px;background:transparent;border:none;color:#94a3b8;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s ease}html[data-theme=light] .qr-segmented-btn{color:#64748b}.qr-segmented-btn:hover{color:#e2e8f0}.qr-segmented-btn.active{background:linear-gradient(135deg,#0284c7,#00b4d8);color:#fff;box-shadow:0 2px 8px #00b4ff4d}.qr-colors-grid{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}@media(max-width:600px){.qr-colors-grid{grid-template-columns:1fr}}.qr-color-item{display:flex;flex-direction:column;gap:.35rem}.qr-color-picker-box{display:flex;align-items:center;gap:.5rem;background:#081023;border:1px solid rgba(0,212,255,.22);border-radius:9px;padding:.3rem .5rem}html[data-theme=light] .qr-color-picker-box{background:#f8fafc;border-color:#cbd5e1}.qr-color-swatch-box{width:26px;height:26px;border-radius:6px;border:1px solid rgba(255,255,255,.25);cursor:pointer;flex-shrink:0;position:relative;overflow:hidden}.qr-color-input-native{position:absolute;top:-10px;left:-10px;width:48px;height:48px;opacity:0;cursor:pointer}.qr-color-hex-input{flex:1;background:transparent;border:none;outline:none;color:#f8fafc;font-family:var(--font-mono, monospace);font-size:.85rem;font-weight:600;direction:ltr;text-align:left}html[data-theme=light] .qr-color-hex-input{color:#0f172a}.qr-customization-grid{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;align-items:stretch}@media(max-width:600px){.qr-customization-grid{grid-template-columns:1fr}}.qr-patterns-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.35rem}.qr-pattern-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;padding:.5rem .2rem;background:#081023;border:1px solid #1c2e50;border-radius:8px;cursor:pointer;transition:all .15s ease;color:#94a3b8;font-size:.72rem;font-weight:600}html[data-theme=light] .qr-pattern-btn{background:#f8fafc;border-color:#e2e8f0;color:#64748b}.qr-pattern-btn:hover{border-color:#00d4ff66;color:#e2e8f0}.qr-pattern-btn.active{background:#00b4ff26;border-color:#00d4ff;color:#00d4ff;box-shadow:0 0 10px #00d4ff33}.qr-logo-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.7rem .5rem;background:#081023;border:1px dashed rgba(0,212,255,.3);border-radius:9px;text-align:center;cursor:pointer;transition:all .2s ease;color:#94a3b8;font-size:.74rem;position:relative;min-height:58px}html[data-theme=light] .qr-logo-dropzone{background:#f8fafc;border-color:#cbd5e1;color:#64748b}.qr-logo-dropzone:hover{border-color:#00d4ff;background:#00d4ff0d}.qr-logo-badge{display:flex;align-items:center;gap:.5rem;padding:.3rem .6rem;background:#0d1a33;border:1px solid rgba(0,212,255,.3);border-radius:8px}.qr-sliders-grid{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}@media(max-width:600px){.qr-sliders-grid{grid-template-columns:1fr}}.qr-slider-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.3rem}.qr-slider-val{font-family:var(--font-mono, monospace);font-size:.8rem;font-weight:700;color:#00d4ff}.qr-range-input{width:100%;accent-color:#00d4ff;cursor:pointer}.qr-toggles-row{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap;padding:.5rem .75rem;background:#081023;border:1px solid #172a50;border-radius:10px}html[data-theme=light] .qr-toggles-row{background:#f8fafc;border-color:#e2e8f0}.qr-toggle-label{display:inline-flex;align-items:center;gap:.45rem;font-size:.82rem;color:#94a3b8;cursor:pointer;user-select:none}html[data-theme=light] .qr-toggle-label{color:#475569}.qr-toggle-label input[type=checkbox]{accent-color:#00d4ff;width:16px;height:16px;cursor:pointer}.qr-actions-toolbar{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.qr-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.65rem 1.15rem;border-radius:10px;font-size:.86rem;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;user-select:none}.qr-btn-primary{background:linear-gradient(135deg,#0070f3,#00b4d8);border:1px solid #38bdf8;color:#fff;box-shadow:0 4px 16px #0070f359}.qr-btn-primary:hover{background:linear-gradient(135deg,#0060df,#09c);box-shadow:0 6px 20px #00b4ff73}.qr-btn-secondary{background:#091326;border:1px solid #1c2e50;color:#cbd5e1}html[data-theme=light] .qr-btn-secondary{background:#f8fafc;border-color:#cbd5e1;color:#334155}.qr-btn-secondary:hover{background:#0f1d38;border-color:#00d4ff;color:#00d4ff}html[data-theme=light] .qr-btn-secondary:hover{background:#e2e8f0;border-color:#0284c7;color:#0284c7}.qr-btn-danger{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#f87171}.qr-btn-danger:hover{background:#ef444433;border-color:#ef4444}.qr-status-bar{display:flex;align-items:center;justify-content:space-between;padding:.55rem .85rem;background:#081023;border:1px solid #172a50;border-radius:10px;font-size:.8rem;color:#94a3b8;flex-wrap:wrap;gap:.6rem}html[data-theme=light] .qr-status-bar{background:#f8fafc;border-color:#e2e8f0;color:#64748b}.qr-status-left{display:inline-flex;align-items:center;gap:.45rem}.qr-status-success-chip{display:inline-flex;align-items:center;gap:.35rem;color:#10b981;font-weight:700}.qr-status-right{display:inline-flex;align-items:center;gap:.85rem}.qr-status-metric{display:inline-flex;align-items:center;gap:.3rem;color:#cbd5e1}html[data-theme=light] .qr-status-metric{color:#334155}.qr-contrast-alert{display:flex;align-items:center;gap:.5rem;padding:.65rem .9rem;background:#eab3081f;border:1px solid rgba(234,179,8,.35);border-radius:10px;color:#fbbf24;font-size:.8rem;line-height:1.45}.qr-preview-viewport{display:flex;align-items:center;justify-content:center;padding:1.75rem 1rem;background:#081023;border:1px solid #192a48;border-radius:12px;min-height:280px;position:relative}html[data-theme=light] .qr-preview-viewport{background:#f1f5f9;border-color:#e2e8f0}.qr-white-card{background:#fff;padding:14px;border-radius:12px;box-shadow:0 8px 30px #00000059;display:flex;align-items:center;justify-content:center;max-width:100%}.qr-white-card.transparent-bg{background-image:linear-gradient(45deg,#e2e8f0 25%,transparent 25%),linear-gradient(-45deg,#e2e8f0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e2e8f0 75%),linear-gradient(-45deg,transparent 75%,#e2e8f0 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0px;background-color:#fff}.qr-rendered-img{max-width:240px;max-height:240px;width:100%;height:auto;display:block;image-rendering:pixelated}.qr-preview-actions-bar{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:1rem}.qr-icon-action-btn{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;background:#091326;border:1px solid #1c2e50;color:#94a3b8;cursor:pointer;transition:all .2s ease}html[data-theme=light] .qr-icon-action-btn{background:#fff;border-color:#cbd5e1;color:#475569}.qr-icon-action-btn:hover{background:#00d4ff26;border-color:#00d4ff;color:#00d4ff;transform:translateY(-1px)}.qr-templates-section{display:flex;flex-direction:column;gap:.85rem}.qr-templates-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}@media(max-width:900px){.qr-templates-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.qr-templates-grid{grid-template-columns:1fr}}.qr-template-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:.9rem .75rem;background:#091326;border:1px solid #1c2e50;border-radius:12px;cursor:pointer;transition:all .2s ease;user-select:none}html[data-theme=light] .qr-template-card{background:#fff;border-color:#e2e8f0;box-shadow:0 1px 3px #0000000a}.qr-template-card:hover{border-color:#00d4ff73;background:#0d1a33;transform:translateY(-2px)}html[data-theme=light] .qr-template-card:hover{border-color:#0284c7;background:#f8fafc}.qr-template-card.active{border-color:#00d4ff;background:#00b4ff14;box-shadow:0 0 16px #00d4ff2e}.qr-template-icon-wrap{width:36px;height:36px;border-radius:9px;background:#00d4ff1a;color:#00d4ff;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.qr-template-title{font-size:.88rem;font-weight:700;color:#f1f5f9;margin-bottom:.2rem}html[data-theme=light] .qr-template-title{color:#0f172a}.qr-template-desc{font-size:.74rem;color:#94a3b8;line-height:1.35}html[data-theme=light] .qr-template-desc{color:#64748b}.qr-modal-backdrop{position:fixed;inset:0;background:#040914cc;backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:qrFadeIn .2s ease-out}@keyframes qrFadeIn{0%{opacity:0}to{opacity:1}}.qr-modal-card{background:#0d1730;border:1px solid rgba(0,212,255,.35);border-radius:16px;padding:1.5rem;max-width:480px;width:100%;box-shadow:0 16px 40px #0009;display:flex;flex-direction:column;align-items:center}html[data-theme=light] .qr-modal-card{background:#fff;border-color:#cbd5e1;box-shadow:0 16px 40px #0003}.qr-modal-header{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:1.25rem}.qr-modal-title{font-size:1.05rem;font-weight:700;color:#f1f5f9}html[data-theme=light] .qr-modal-title{color:#0f172a}.qr-modal-close-btn{background:transparent;border:none;color:#94a3b8;font-size:1.4rem;cursor:pointer;padding:.2rem .5rem;line-height:1;border-radius:6px}.qr-modal-close-btn:hover{color:#ef4444;background:#ef44441a}.qr-modal-viewport{background:#fff;padding:1.25rem;border-radius:12px;box-shadow:0 4px 20px #00000040;margin-bottom:1.25rem;max-width:100%}.qr-modal-img{max-width:340px;width:100%;height:auto;display:block}.qr-modal-actions{display:flex;gap:.75rem;width:100%;justify-content:center;flex-wrap:wrap}.ts-studio-container{display:flex;flex-direction:column;gap:1.15rem;width:100%}.ts-card{background:#0d1730;border:1px solid rgba(0,212,255,.16);border-radius:14px;padding:1.15rem 1.35rem;box-shadow:0 4px 20px #0000004d;backdrop-filter:blur(12px);position:relative;overflow:hidden}html[data-theme=light] .ts-card{background:#fff;border-color:#0284c733;box-shadow:0 4px 16px #0000000f}.ts-mode-header{display:flex;align-items:center;justify-content:center;gap:.6rem;margin-bottom:1.25rem;flex-wrap:wrap}.ts-mode-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem 1.25rem;border-radius:9999px;font-size:.88rem;font-weight:700;cursor:pointer;border:1px solid #1c2e50;background:#091326;color:#94a3b8;transition:all .2s ease;user-select:none}html[data-theme=light] .ts-mode-btn{background:#f8fafc;border-color:#cbd5e1;color:#475569}.ts-mode-btn.active{background:linear-gradient(135deg,#0284c7,#00b4d8);border-color:#38bdf8;color:#fff!important;box-shadow:0 4px 16px #00b4ff59}html[data-theme=light] .ts-mode-btn.active{background:linear-gradient(135deg,#0284c7,#06b6d4);border-color:#0284c7;color:#fff!important;box-shadow:0 4px 12px #0284c74d}.ts-mode-swap-icon{color:#00d4ff;font-size:1.1rem}.ts-primary-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;flex-wrap:wrap;gap:.75rem}.ts-primary-title{display:inline-flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:700;color:#f1f5f9}html[data-theme=light] .ts-primary-title{color:#0f172a}.ts-quick-actions{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.ts-quick-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;background:#091326;border:1px solid #1c2e50;border-radius:8px;color:#94a3b8;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s ease;user-select:none}html[data-theme=light] .ts-quick-btn{background:#f1f5f9;border-color:#cbd5e1;color:#475569}.ts-quick-btn:hover{background:#0f1d38;border-color:#00d4ff;color:#00d4ff}html[data-theme=light] .ts-quick-btn:hover{background:#e2e8f0;border-color:#0284c7;color:#0284c7}.ts-quick-btn-highlight{border-color:#00d4ff73;color:#00d4ff;background:#00d4ff14}.ts-input-box{display:flex;align-items:center;background:#081023;border:1px solid rgba(0,212,255,.28);border-radius:10px;padding:.35rem .65rem;transition:all .2s ease;gap:.5rem;direction:ltr!important}html[data-theme=light] .ts-input-box{background:#f8fafc;border-color:#cbd5e1}.ts-input-box:focus-within{border-color:#00d4ff;box-shadow:0 0 14px #00d4ff40}.ts-primary-controls-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.ts-primary-input-wrap{flex:1 1 360px;max-width:500px}@media(max-width:900px){.ts-primary-input-wrap{max-width:100%}}.ts-field-input{flex:1;background:transparent;border:none;outline:none;color:#f8fafc;font-family:var(--font-mono, monospace);font-size:1.05rem;font-weight:700;direction:ltr!important;text-align:center;letter-spacing:.03em;padding:.35rem .2rem}html[data-theme=light] .ts-field-input{color:#0f172a}.ts-copy-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:7px;background:transparent;border:1px solid transparent;color:#64748b;cursor:pointer;transition:all .15s ease;flex-shrink:0}.ts-copy-btn:hover{color:#00d4ff;background:#00d4ff1a;border-color:#00d4ff4d}.ts-picker-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:7px;background:transparent;border:1px solid transparent;color:#64748b;cursor:pointer;transition:all .15s ease;flex-shrink:0;position:relative}.ts-picker-btn:hover{color:#00d4ff;background:#00d4ff1a}.ts-native-picker-input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.ts-grid-2x2{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}@media(max-width:768px){.ts-grid-2x2{grid-template-columns:1fr}}.ts-field-card{display:flex;flex-direction:column;gap:.4rem}.ts-field-header{display:flex;align-items:center;justify-content:flex-start;gap:.4rem;font-size:.82rem;font-weight:700;color:#cbd5e1}html[data-theme=light] .ts-field-header{color:#334155}.ts-field-icon{color:#00d4ff}.ts-smali-card{margin-top:1rem;display:flex;flex-direction:column;gap:.4rem}.ts-smali-input{color:#f472b6!important;font-weight:700;text-align:left!important;padding-left:.5rem}html[data-theme=light] .ts-smali-input{color:#db2777!important}.ts-live-status-bar{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem;background:#081023;border:1px solid rgba(0,212,255,.18);border-radius:12px;padding:.85rem 1rem;margin-top:1.15rem}@media(max-width:1100px){.ts-live-status-bar{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.ts-live-status-bar{grid-template-columns:1fr}}html[data-theme=light] .ts-live-status-bar{background:#f8fafc;border-color:#cbd5e1}.ts-status-item{display:flex;flex-direction:column;gap:.25rem}.ts-status-label{display:flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:700;color:#94a3b8}html[data-theme=light] .ts-status-label{color:#64748b}.ts-status-val{font-family:var(--font-mono, monospace);font-size:.82rem;color:#f8fafc;word-break:break-all;line-height:1.4}html[data-theme=light] .ts-status-val{color:#0f172a}.ts-status-relative{color:#10b981;font-weight:800;font-size:.95rem}.ts-live-indicator{display:inline-flex;align-items:center;gap:.35rem;background:#10b98126;border:1px solid #10b981;color:#10b981;font-size:.72rem;font-weight:800;padding:.15rem .5rem;border-radius:9999px;width:fit-content}.ts-comparison-section{display:flex;flex-direction:column;gap:1rem}.ts-comparison-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.ts-comparison-title-wrap{display:flex;align-items:center;gap:.6rem}.ts-comparison-title{font-size:.96rem;font-weight:700;color:#f1f5f9}html[data-theme=light] .ts-comparison-title{color:#0f172a}.ts-comparison-subtitle{font-size:.78rem;color:#94a3b8}html[data-theme=light] .ts-comparison-subtitle{color:#64748b}.ts-toggle-switch{display:inline-flex;align-items:center;gap:.65rem;cursor:pointer;user-select:none;font-size:.84rem;color:#cbd5e1;font-weight:700}html[data-theme=light] .ts-toggle-switch{color:#334155}.ts-switch{position:relative;display:inline-block;width:36px;height:20px}.ts-switch input{opacity:0;width:0;height:0}.ts-switch-slider{position:absolute;cursor:pointer;inset:0;background-color:#1e293b;border:1px solid #334155;transition:.2s ease;border-radius:9999px}.ts-switch-slider:before{position:absolute;content:"";height:14px;width:14px;left:2px;bottom:2px;background-color:#fff;transition:.2s ease;border-radius:50%}.ts-switch input:checked+.ts-switch-slider{background-color:#00d4ff;border-color:#38bdf8;box-shadow:0 0 10px #00d4ff66}.ts-switch input:checked+.ts-switch-slider:before{transform:translate(16px)}.ts-comparison-grid{display:grid;grid-template-columns:1fr auto 1fr 1.15fr;gap:.85rem;align-items:center}@media(max-width:900px){.ts-comparison-grid{grid-template-columns:1fr;gap:.85rem}}.ts-swap-circle-btn{width:38px;height:38px;border-radius:50%;background:#091326;border:1px solid #1c2e50;color:#00d4ff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;margin:0 auto}html[data-theme=light] .ts-swap-circle-btn{background:#fff;border-color:#cbd5e1}.ts-swap-circle-btn:hover{background:#00d4ff26;border-color:#00d4ff;transform:rotate(180deg)}.ts-diff-result-card{background:#10b98114;border:1px solid rgba(16,185,129,.3);border-radius:12px;padding:.85rem 1rem;display:flex;flex-direction:column;justify-content:center;text-align:center;height:100%;box-sizing:border-box}html[data-theme=light] .ts-diff-result-card{background:#10b9810f;border-color:#10b98166}.ts-diff-label{display:flex;align-items:center;justify-content:center;gap:.35rem;font-size:.78rem;font-weight:700;color:#10b981;margin-bottom:.3rem}.ts-diff-value{font-size:1.05rem;font-weight:800;color:#10b981;letter-spacing:.02em}.ts-about-card{display:flex;flex-direction:column;gap:.5rem}.ts-about-title{display:inline-flex;align-items:center;gap:.45rem;font-size:.95rem;font-weight:700;color:#f1f5f9}html[data-theme=light] .ts-about-title{color:#0f172a}.ts-about-text{font-size:.84rem;color:#94a3b8;line-height:1.6;margin:0}html[data-theme=light] .ts-about-text{color:#475569}.he-studio-container{display:flex;flex-direction:column;gap:.85rem;width:100%;box-sizing:border-box}.he-card{background:linear-gradient(135deg,#0b1429f2,#101c38d9);border:1px solid rgba(0,212,255,.2);border-radius:14px;padding:1rem 1.25rem;box-shadow:0 4px 24px #00000073;box-sizing:border-box}html[data-theme=light] .he-card{background:#fff;border-color:#0284c733;box-shadow:0 4px 20px #0000000f}.he-features-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.65rem;margin-top:.25rem}@media(max-width:900px){.he-features-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.he-features-grid{grid-template-columns:repeat(2,1fr)}}.he-feature-card{background:#0f172aa6;border:1px solid rgba(0,212,255,.15);border-radius:12px;padding:.65rem .45rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.25rem;transition:all .2s ease}html[data-theme=light] .he-feature-card{background:#f8fafc;border-color:#e2e8f0}.he-feature-card:hover{border-color:#00d4ff59;transform:translateY(-1px)}.he-feature-title{font-size:.82rem;font-weight:700;color:#f1f5f9;margin:0}html[data-theme=light] .he-feature-title{color:#0f172a}.he-feature-desc{font-size:.7rem;color:#94a3b8;margin:0}html[data-theme=light] .he-feature-desc{color:#64748b}.he-mini-switch{position:relative;display:inline-block;width:32px;height:18px;margin-top:.2rem}.he-mini-switch input{opacity:0;width:0;height:0}.he-mini-slider{position:absolute;cursor:pointer;inset:0;background-color:#334155;border-radius:9999px;transition:.2s ease}.he-mini-slider:before{position:absolute;content:"";height:12px;width:12px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.2s ease}.he-mini-switch input:checked+.he-mini-slider{background-color:#10b981}.he-mini-switch input:checked+.he-mini-slider:before{transform:translate(14px)}.he-controls-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-top:.85rem;padding-bottom:.85rem;border-bottom:1px solid rgba(255,255,255,.08)}html[data-theme=light] .he-controls-row{border-bottom-color:#e2e8f0}.he-direction-group{display:flex;align-items:center;gap:.65rem}.he-direction-label{font-size:.82rem;font-weight:700;color:#cbd5e1;display:inline-flex;align-items:center;gap:.35rem}html[data-theme=light] .he-direction-label{color:#334155}.he-segmented-pill{display:inline-flex;align-items:center;background:#0a1020d9;border:1px solid rgba(0,212,255,.25);border-radius:9999px;padding:3px;gap:4px}html[data-theme=light] .he-segmented-pill{background:#f1f5f9;border-color:#cbd5e1}.he-segment-btn{padding:.35rem .9rem;font-size:.82rem;font-weight:700;border-radius:9999px;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;color:#94a3b8;background:transparent;transition:all .2s ease}.he-segment-btn.active{background:linear-gradient(135deg,#0284c7,#00d4ff);color:#fff;box-shadow:0 0 14px #00d4ff73}.he-swap-circle-btn{width:28px;height:28px;border-radius:50%;border:1px solid rgba(0,212,255,.4);background:#00d4ff26;color:#00d4ff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;padding:0}.he-swap-circle-btn:hover{background:#00d4ff4d;transform:rotate(180deg)}.he-type-group{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.he-type-btn{padding:.32rem .75rem;font-size:.78rem;font-weight:600;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#0f172a99;color:#cbd5e1;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.3rem}html[data-theme=light] .he-type-btn{background:#f8fafc;border-color:#cbd5e1;color:#475569}.he-type-btn.active{border-color:#00d4ff;background:#00d4ff26;color:#00d4ff;box-shadow:0 0 10px #00d4ff40;font-weight:700}.he-editors-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:.85rem}@media(max-width:820px){.he-editors-grid{grid-template-columns:1fr}}.he-editor-box{background:#080e1e;border:1px solid rgba(0,212,255,.2);border-radius:10px;overflow:hidden;display:flex;flex-direction:column}html[data-theme=light] .he-editor-box{background:#f8fafc;border-color:#cbd5e1}.he-editor-header{padding:.55rem .85rem;background:#0f172ab3;border-bottom:1px solid rgba(0,212,255,.12);display:flex;justify-content:space-between;align-items:center;font-size:.82rem;font-weight:700;color:#f1f5f9}html[data-theme=light] .he-editor-header{background:#f1f5f9;border-bottom-color:#e2e8f0;color:#0f172a}.he-char-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.74rem;color:#94a3b8;background:#00000059;padding:.15rem .5rem;border-radius:9999px;border:1px solid rgba(255,255,255,.08)}html[data-theme=light] .he-char-badge{background:#fff;border-color:#cbd5e1;color:#64748b}.he-char-badge.success{color:#10b981;border-color:#10b98159;background:#10b9811a}.he-editor-body{position:relative;display:flex;flex:1;min-height:230px;font-family:var(--font-mono, monospace)}.he-line-gutter{user-select:none;padding:.75rem .45rem;background:#0a102099;border-right:1px solid rgba(255,255,255,.05);color:#475569;font-size:.82rem;line-height:1.55;text-align:right;width:34px;box-sizing:border-box}html[data-theme=light] .he-line-gutter{background:#f1f5f9;border-right-color:#e2e8f0;color:#94a3b8}.he-textarea{flex:1;border:none;background:transparent;padding:.75rem;color:#f1f5f9;font-family:var(--font-mono, monospace);font-size:.82rem;line-height:1.55;resize:vertical;outline:none;width:100%;box-sizing:border-box;direction:ltr;white-space:pre;overflow-x:auto}html[data-theme=light] .he-textarea{color:#0f172a}.he-action-toolbar{display:flex;align-items:center;justify-content:flex-start;gap:.45rem;flex-wrap:wrap;margin-top:.85rem}.he-btn-sample{padding:.4rem .9rem;background:linear-gradient(135deg,#0284c7,#00d4ff);color:#fff;border:none;border-radius:8px;font-size:.8rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;box-shadow:0 0 12px #00d4ff59;transition:all .2s}.he-btn-sample:hover{box-shadow:0 0 16px #00d4ff8c}.he-btn-action{padding:.4rem .8rem;background:#0f172ab3;border:1px solid rgba(0,212,255,.2);border-radius:8px;color:#cbd5e1;font-size:.8rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;transition:all .2s}html[data-theme=light] .he-btn-action{background:#f8fafc;border-color:#cbd5e1;color:#334155}.he-btn-action:hover{border-color:#00d4ff;color:#00d4ff;background:#00d4ff1a}.he-btn-clear{padding:.4rem .85rem;background:#ef44441f;border:1px solid rgba(239,68,68,.35);border-radius:8px;color:#ef4444;font-size:.8rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;transition:all .2s;margin-right:auto}.he-btn-clear:hover{background:#ef444440;border-color:#ef4444}.he-stats-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;background:#0a1020bf;border:1px solid rgba(0,212,255,.15);border-radius:8px;padding:.55rem 1rem;margin-top:.85rem;font-size:.78rem;color:#94a3b8}html[data-theme=light] .he-stats-bar{background:#f8fafc;border-color:#e2e8f0;color:#64748b}.he-status-pill{display:inline-flex;align-items:center;gap:.35rem;background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.35);padding:.2rem .65rem;border-radius:9999px;font-weight:700;font-size:.76rem}.he-stat-divider{width:1px;height:16px;background:#ffffff1a}html[data-theme=light] .he-stat-divider{background:#cbd5e1}.he-search-card{background:#0a1020a6;border:1px solid rgba(0,212,255,.18);border-radius:10px;padding:.85rem 1.1rem;margin-top:.85rem}html[data-theme=light] .he-search-card{background:#f8fafc;border-color:#cbd5e1}.he-search-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.65rem;font-size:.84rem;font-weight:700;color:#38bdf8}.he-search-options-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:.65rem}.he-search-checkbox-label{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;color:#cbd5e1;cursor:pointer;user-select:none}html[data-theme=light] .he-search-checkbox-label{color:#475569}.he-search-inputs-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.he-search-input-wrap{position:relative;display:flex;align-items:center;flex:1;min-width:180px}.he-search-input{width:100%;padding:.45rem 2.2rem .45rem .8rem;background:#080e1ed9;border:1px solid rgba(0,212,255,.25);border-radius:8px;color:#f1f5f9;font-size:.82rem;outline:none;box-sizing:border-box}html[data-theme=light] .he-search-input{background:#fff;border-color:#cbd5e1;color:#0f172a}.he-search-input:focus{border-color:#00d4ff;box-shadow:0 0 10px #00d4ff40}.he-search-icon-inside{position:absolute;right:.75rem;color:#00d4ff;pointer-events:none;display:flex;align-items:center}.he-bottom-grid{display:grid;grid-template-columns:1fr 1.55fr;gap:1rem;margin-top:.85rem}@media(max-width:900px){.he-bottom-grid{grid-template-columns:1fr}}.he-preview-card{background:#0a1020a6;border:1px solid rgba(0,212,255,.2);border-radius:12px;padding:.85rem;display:flex;flex-direction:column}html[data-theme=light] .he-preview-card{background:#fff;border-color:#cbd5e1}.he-preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.65rem;font-size:.84rem;font-weight:700;color:#f1f5f9}html[data-theme=light] .he-preview-header{color:#0f172a}.he-preview-container{background:#fff;border-radius:8px;padding:1.1rem;color:#0f172a;box-shadow:0 2px 10px #00000026;min-height:180px;overflow:auto;font-family:inherit}.he-quick-ref-card{background:#0a1020a6;border:1px solid rgba(0,212,255,.2);border-radius:12px;padding:.85rem;display:flex;flex-direction:column}html[data-theme=light] .he-quick-ref-card{background:#fff;border-color:#cbd5e1}.he-quick-ref-header{margin-bottom:.65rem}.he-quick-ref-title{display:flex;align-items:center;gap:.4rem;font-size:.86rem;font-weight:700;color:#38bdf8;margin:0}.he-quick-ref-desc{font-size:.74rem;color:#94a3b8;margin:.2rem 0 0}html[data-theme=light] .he-quick-ref-desc{color:#64748b}.he-quick-ref-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.55rem}@media(max-width:600px){.he-quick-ref-grid{grid-template-columns:repeat(2,1fr)}}.he-entity-badge-item{background:#0f172ab3;border:1px solid rgba(0,212,255,.2);border-radius:8px;padding:.55rem .45rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.2rem;cursor:pointer;transition:all .2s ease;user-select:none}html[data-theme=light] .he-entity-badge-item{background:#f8fafc;border-color:#cbd5e1}.he-entity-badge-item:hover{border-color:#00d4ff;background:#00d4ff1f;transform:translateY(-1px);box-shadow:0 0 10px #00d4ff40}.he-entity-top-row{display:flex;align-items:center;justify-content:space-between;width:100%;direction:ltr;padding:0 .2rem}.he-entity-code{font-size:.78rem;font-weight:700;color:#ec4899;font-family:var(--font-mono, monospace)}.he-entity-char{font-size:1.05rem;font-weight:800;color:#00d4ff;font-family:var(--font-mono, monospace)}.he-entity-label{font-size:.68rem;color:#94a3b8;margin-top:.1rem}html[data-theme=light] .he-entity-label{color:#64748b}.he-about-card{display:flex;flex-direction:column;gap:.5rem}.he-about-title{display:inline-flex;align-items:center;gap:.45rem;font-size:.95rem;font-weight:700;color:#f1f5f9}html[data-theme=light] .he-about-title{color:#0f172a}.he-about-text{font-size:.84rem;color:#94a3b8;line-height:1.6;margin:0}html[data-theme=light] .he-about-text{color:#475569}.diff-studio-workspace{display:flex;flex-direction:column;gap:1rem;width:100%}.diff-header-inputs-bar{display:flex;align-items:center;gap:.75rem;margin-top:.85rem;flex-wrap:wrap}.diff-header-inputs-label{font-size:.82rem;font-weight:700;color:var(--color-text-dim)}.diff-header-pills-row{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.diff-input-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem;border-radius:9999px;background:#0088ff1a;border:1px solid rgba(0,229,255,.25);font-size:.74rem;font-weight:600;color:#38bdf8}html[data-theme=light] .diff-input-pill{background:#f0f9ff;border-color:#bae6fd;color:#0284c7}.diff-input-pill .pill-symbol{font-weight:800;color:#00e5ff}.diff-toolbar-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.15rem;background:#0b142ad9;border:1.5px solid rgba(0,136,255,.25);border-radius:14px;box-shadow:0 4px 20px #0000004d;flex-wrap:wrap}html[data-theme=light] .diff-toolbar-card{background:#fff;border-color:#dbeafe;box-shadow:0 4px 20px #0000000a}.diff-toolbar-right-modes{display:flex;align-items:center;gap:.6rem}@media(max-width:640px){.diff-toolbar-card{padding:.65rem .8rem;gap:.75rem}.diff-toolbar-right-modes{flex-direction:column;align-items:flex-start;width:100%;gap:.4rem}.diff-modes-pills-wrap{width:100%;display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.diff-modes-pills-wrap::-webkit-scrollbar{display:none}.diff-mode-btn{flex:1 1 auto;justify-content:center;padding:.32rem .5rem;font-size:.75rem}}.diff-toolbar-label{font-size:.82rem;font-weight:700;color:var(--color-text-main);white-space:nowrap}.diff-modes-pills-wrap{display:inline-flex;background:#0f172abf;border:1px solid rgba(0,136,255,.25);border-radius:9999px;padding:3px;gap:2px}html[data-theme=light] .diff-modes-pills-wrap{background:#f1f5f9;border-color:#cbd5e1}.diff-mode-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.32rem .75rem;border-radius:9999px;border:none;background:transparent;color:var(--color-text-muted);font-size:.78rem;font-weight:700;cursor:pointer;transition:all .2s ease;white-space:nowrap}.diff-mode-btn:hover{color:#38bdf8}.diff-mode-btn.is-active{background:linear-gradient(135deg,#0284c7,#00e5ff);color:#fff;box-shadow:0 0 12px #00e5ff59}.diff-btn-symbol{font-weight:800;font-size:.82rem}.diff-toolbar-toggles-row{display:flex;align-items:center;gap:1.15rem;flex-wrap:wrap}.diff-toggle-item{display:inline-flex;align-items:center;gap:.45rem;cursor:pointer;user-select:none}.diff-toggle-item input{display:none}.diff-switch-track{width:34px;height:18px;border-radius:9999px;background:#475569;position:relative;transition:background .2s ease;flex-shrink:0}.diff-switch-track:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .2s ease;box-shadow:0 1px 3px #0000004d}.diff-toggle-item input:checked+.diff-switch-track{background:#00e5ff}.diff-toggle-item input:checked+.diff-switch-track:after{transform:translate(16px)}html[data-theme=light] .diff-switch-track{background:#cbd5e1}html[data-theme=light] .diff-toggle-item input:checked+.diff-switch-track{background:#0284c7}.diff-toggle-label{font-size:.78rem;font-weight:600;color:var(--color-text-main);white-space:nowrap}.diff-toolbar-actions-left{display:flex;align-items:center;gap:.65rem}.diff-btn-clear-all{display:inline-flex;align-items:center;gap:.4rem;padding:.42rem .85rem;border-radius:8px;border:1px solid rgba(239,68,68,.3);background:#ef44441a;color:#ef4444;font-size:.78rem;font-weight:700;cursor:pointer;transition:all .2s ease}.diff-btn-clear-all:hover{background:#ef444438;border-color:#ef4444}.diff-btn-compare-primary{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem 1.15rem;border-radius:8px;border:none;background:linear-gradient(135deg,#0284c7,#00e5ff);color:#fff;font-size:.84rem;font-weight:800;cursor:pointer;box-shadow:0 2px 14px #00e5ff59;transition:all .2s ease}.diff-btn-compare-primary:hover{transform:translateY(-1px);box-shadow:0 4px 18px #00e5ff80}.diff-applied-toast{display:flex;align-items:center;gap:.6rem;padding:.6rem 1rem;border-radius:8px;background:#10b98126;border:1px solid rgba(16,185,129,.4);color:#10b981;font-size:.82rem;font-weight:700}.diff-undo-link-btn{background:none;border:none;color:#38bdf8;font-weight:700;text-decoration:underline;cursor:pointer;padding:0 .3rem}.diff-editors-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.15rem}@media(max-width:768px){.diff-editors-grid{grid-template-columns:1fr}}.diff-editor-card{background:#0b142ad9;border:1.5px solid rgba(0,136,255,.25);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 4px 20px #0000004d}html[data-theme=light] .diff-editor-card{background:#fff;border-color:#dbeafe;box-shadow:0 4px 20px #0000000a}.diff-editor-header{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;background:#0f172aa6;border-bottom:1px solid rgba(0,136,255,.2)}html[data-theme=light] .diff-editor-header{background:#f8fafc;border-bottom-color:#e2e8f0}.diff-editor-title-row{display:flex;align-items:center;gap:.5rem}.diff-status-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.diff-status-dot.red{background:#ef4444;box-shadow:0 0 8px #ef444499}.diff-status-dot.green{background:#10b981;box-shadow:0 0 8px #10b98199}.diff-editor-heading{font-size:.86rem;font-weight:800;color:var(--color-text-main);margin:0}.diff-filename-badge{font-size:.72rem;font-weight:600;color:#38bdf8;background:#0088ff1f;padding:.1rem .5rem;border-radius:4px;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diff-editor-actions{display:flex;align-items:center;gap:.4rem}.diff-editor-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.26rem .6rem;border-radius:6px;border:1px solid rgba(0,136,255,.25);background:#0f172aa6;color:var(--color-text-muted);font-size:.74rem;font-weight:600;cursor:pointer;transition:all .2s ease}html[data-theme=light] .diff-editor-btn{background:#fff;border-color:#cbd5e1;color:#475569}.diff-editor-btn:hover{border-color:#00e5ff;color:#00e5ff}.diff-editor-btn-icon{width:26px;height:26px;border-radius:6px;border:1px solid rgba(0,136,255,.2);background:transparent;color:var(--color-text-dim);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.diff-editor-btn-icon:hover{color:#ef4444;border-color:#ef444466}.diff-editor-body{display:flex;min-height:220px;height:240px;background:#080e1e;position:relative}html[data-theme=light] .diff-editor-body{background:#f8fafc}.diff-line-numbers{width:36px;padding:.65rem .3rem;border-right:1px solid rgba(255,255,255,.08);color:#475569;font-family:var(--font-mono, monospace);font-size:.78rem;line-height:1.6;text-align:center;user-select:none;overflow:hidden}html[data-theme=light] .diff-line-numbers{border-right-color:#e2e8f0;color:#94a3b8}.diff-textarea{flex:1;padding:.65rem .85rem;border:none;background:transparent;color:#e2e8f0;font-family:var(--font-mono, monospace);font-size:.82rem;line-height:1.6;outline:none;resize:none;direction:ltr!important;tab-size:2;white-space:pre;overflow:auto}html[data-theme=light] .diff-textarea{color:#0f172a}.diff-workspace-split-layout{display:grid;grid-template-columns:1fr 280px;gap:1.15rem;align-items:stretch}@media(max-width:990px){.diff-workspace-split-layout{grid-template-columns:1fr;align-items:start}}.diff-results-main-card{background:#0b142ad9;border:1.5px solid rgba(0,136,255,.25);border-radius:14px;padding:1.15rem 1.25rem;box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column}html[data-theme=light] .diff-results-main-card{background:#fff;border-color:#dbeafe;box-shadow:0 4px 20px #0000000a}.diff-results-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.85rem;flex-wrap:wrap}.diff-results-title-group{display:flex;align-items:center;gap:.5rem}.diff-results-heading{font-size:.98rem;font-weight:800;color:var(--color-text-main);margin:0}.diff-results-header-actions{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.diff-export-dropdown-wrap{position:relative}.diff-action-pill-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border-radius:8px;border:1.5px solid rgba(0,136,255,.25);background:#0f172aa6;color:var(--color-text-main);font-size:.78rem;font-weight:700;cursor:pointer;transition:all .2s ease}html[data-theme=light] .diff-action-pill-btn{background:#f8fafc;border-color:#cbd5e1}.diff-action-pill-btn:hover{border-color:#00e5ff;color:#00e5ff}.diff-export-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:50;background:#0f172a;border:1px solid rgba(0,229,255,.3);border-radius:8px;padding:.4rem;box-shadow:0 8px 24px #00000080;min-width:190px;display:flex;flex-direction:column;gap:2px}html[data-theme=light] .diff-export-menu{background:#fff;border-color:#cbd5e1;box-shadow:0 8px 24px #0000001f}.diff-export-menu button{padding:.45rem .75rem;border:none;background:transparent;color:var(--color-text-main);font-size:.78rem;font-weight:600;text-align:right;border-radius:6px;cursor:pointer;transition:all .15s ease}.diff-export-menu button:hover{background:#00e5ff26;color:#00e5ff}.diff-view-modes-group{display:inline-flex;background:#0f172abf;border:1px solid rgba(0,136,255,.25);border-radius:9999px;padding:2px;gap:2px}html[data-theme=light] .diff-view-modes-group{background:#f1f5f9;border-color:#cbd5e1}.diff-view-mode-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.28rem .65rem;border-radius:9999px;border:none;background:transparent;color:var(--color-text-muted);font-size:.76rem;font-weight:700;cursor:pointer;transition:all .2s ease}.diff-view-mode-pill:hover{color:#38bdf8}.diff-view-mode-pill.is-active{background:linear-gradient(135deg,#0284c7,#00e5ff);color:#fff;box-shadow:0 0 10px #00e5ff59}.diff-results-viewer-body{border-radius:8px;border:1px solid rgba(0,136,255,.2);background:#080e1e;overflow-x:auto;font-family:var(--font-mono, monospace);font-size:.8rem;line-height:1.6;max-height:480px;min-height:260px}html[data-theme=light] .diff-results-viewer-body{background:#f8fafc;border-color:#e2e8f0}.diff-identical-banner{padding:2.5rem 1rem;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.diff-identical-banner h4{margin:.75rem 0 .35rem;font-size:1.05rem;color:#10b981}.diff-identical-banner p{margin:0;font-size:.84rem;color:var(--color-text-dim)}.diff-unified-list{display:flex;flex-direction:column}.diff-unified-line{display:flex;align-items:flex-start;padding:.18rem .5rem;border-left:3px solid transparent;white-space:pre-wrap;word-break:break-all}.diff-row-added{background:#10b9811f;border-left-color:#10b981;color:#10b981}.diff-row-removed{background:#ef44441f;border-left-color:#ef4444;color:#ef4444}.diff-row-neutral{color:var(--color-text-main)}.diff-unified-linenum{width:32px;color:#475569;user-select:none;font-size:.74rem;text-align:center;flex-shrink:0}html[data-theme=light] .diff-unified-linenum{color:#94a3b8}.diff-unified-marker{width:20px;font-weight:800;user-select:none;flex-shrink:0}.diff-unified-code{flex:1}.word-highlight.word-added{background:#10b98159;color:#34d399;font-weight:700;border-radius:2px;padding:1px 2px}.word-highlight.word-removed{background:#ef444459;color:#f87171;font-weight:700;text-decoration:line-through;border-radius:2px;padding:1px 2px}.diff-side-by-side-table{display:flex;flex-direction:column}.diff-sbs-row{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid rgba(255,255,255,.04)}html[data-theme=light] .diff-sbs-row{border-bottom-color:#f1f5f9}.diff-sbs-col{display:flex;align-items:flex-start;padding:.2rem .5rem;border-left:2px solid transparent;min-height:24px}.diff-sbs-col.removed{background:#ef44441f;border-left-color:#ef4444;color:#ef4444}.diff-sbs-col.added{background:#10b9811f;border-left-color:#10b981;color:#10b981}.diff-sbs-col.unchanged{color:var(--color-text-main)}.diff-sbs-col.empty{background:#00000026}html[data-theme=light] .diff-sbs-col.empty{background:#f1f5f9}.diff-sbs-linenum{width:28px;color:#475569;font-size:.72rem;user-select:none;flex-shrink:0}.diff-sbs-text{flex:1;white-space:pre-wrap;word-break:break-all}.diff-sidebar-info-stack{display:flex;flex-direction:column;gap:1rem}.diff-info-card{background:#0b142ad9;border:1.5px solid rgba(0,136,255,.25);border-radius:14px;padding:1.15rem 1.25rem;box-shadow:0 4px 20px #0000004d}html[data-theme=light] .diff-info-card{background:#fff;border-color:#dbeafe;box-shadow:0 4px 20px #0000000a}.diff-info-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.85rem}.diff-info-heading{font-size:.95rem;font-weight:800;color:var(--color-text-main);margin:0}.diff-legend-items-list{display:flex;flex-direction:column;gap:.65rem}.diff-legend-pill{display:flex;align-items:center;justify-content:space-between;padding:.55rem .85rem;border-radius:8px;border:1.5px solid;transition:all .2s ease}.diff-legend-pill.green{border-color:#10b98166;background:#10b9811a;color:#10b981}.diff-legend-pill.red{border-color:#ef444466;background:#ef44441a;color:#ef4444}.diff-legend-pill.purple{border-color:#a855f766;background:#a855f71a;color:#c084fc}.diff-legend-label{font-size:.8rem;font-weight:700}.diff-legend-box{width:14px;height:14px;border-radius:3px}.diff-legend-box.green{background:#10b981}.diff-legend-box.red{background:#ef4444}.diff-legend-box.purple{background:#a855f7}.diff-stats-horizontal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.diff-stat-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.55rem .35rem;border-radius:8px;border:1.5px solid}.diff-stat-badge.green{border-color:#10b98166;background:#10b9811f;color:#10b981}.diff-stat-badge.red{border-color:#ef444466;background:#ef44441f;color:#ef4444}.diff-stat-badge.purple{border-color:#a855f766;background:#a855f71f;color:#c084fc}.diff-stat-badge.total{border-color:#00e5ff59;background:#0f172abf;color:#fff}html[data-theme=light] .diff-stat-badge.total{background:#f1f5f9;border-color:#cbd5e1;color:#0f172a}.diff-stat-val{font-size:1.05rem;font-weight:800;line-height:1.1}.diff-stat-lbl{font-size:.72rem;font-weight:700;margin-top:.2rem}.diff-bottom-banner-card{background:#0b142ad9;border:1.5px solid rgba(0,136,255,.25);border-radius:14px;padding:1.15rem 1.4rem;box-shadow:0 4px 20px #0000004d}html[data-theme=light] .diff-bottom-banner-card{background:#fff;border-color:#dbeafe;box-shadow:0 4px 20px #0000000a}.diff-bottom-banner-inner{display:flex;align-items:center;gap:1rem}.diff-bottom-icon-circle{width:44px;height:44px;border-radius:50%;background:#00e5ff26;border:1px solid rgba(0,229,255,.35);display:flex;align-items:center;justify-content:center;flex-shrink:0}.diff-bottom-text-content{flex:1}.diff-bottom-title{font-size:.95rem;font-weight:800;color:var(--color-text-main);margin:0 0 .25rem}.diff-bottom-desc{font-size:.8rem;color:var(--color-text-dim);line-height:1.5;margin:0}.diff-bottom-sparkle-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.video-compact-info-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;background:#0b142ad9;border:1px solid rgba(0,136,255,.25);border-radius:14px;padding:.75rem 1.25rem;box-shadow:0 4px 20px #0000004d;margin-bottom:1.25rem}html[data-theme=light] .video-compact-info-bar{background:#fff;border-color:#dbeafe;box-shadow:0 4px 15px #0000000d}.video-compact-info-left,.video-compact-info-right{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap}.video-compact-thumbnail{width:72px;height:46px;border-radius:8px;object-fit:cover;border:1.5px solid rgba(0,229,255,.35);background:#000;display:block;flex-shrink:0}.video-compact-meta-col{display:flex;flex-direction:column;gap:.35rem}.video-compact-filename{font-size:.95rem;font-weight:700;color:var(--color-text-main, #ffffff);display:flex;align-items:center;gap:.5rem;direction:ltr;text-align:left}.video-compact-badges-row{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.video-compact-badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.78rem;font-weight:600;color:#94a3b8;background:#0f172abf;border:1px solid rgba(0,136,255,.2);border-radius:6px;padding:.2rem .55rem;white-space:nowrap}html[data-theme=light] .video-compact-badge{background:#f1f5f9;border-color:#cbd5e1;color:#475569}.video-compact-btn-trash{width:38px;height:38px;border-radius:8px;background:#ef44441f;border:1px solid rgba(239,68,68,.35);color:#ef4444;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.video-compact-btn-trash:hover{background:#ef444438;border-color:#ef4444;transform:scale(1.04)}.video-compact-btn-change{height:38px;padding:0 1.1rem;border-radius:8px;background:#00e5ff14;border:1.5px solid #00e5ff;color:#00e5ff;font-weight:700;font-size:.88rem;display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s ease;flex-shrink:0}.video-compact-btn-change:hover{background:#00e5ff2e;box-shadow:0 0 12px #00e5ff4d;transform:translateY(-1px)}.video-studio-main-card{background:#0a1224d9;border:1px solid rgba(0,136,255,.25);border-radius:16px;padding:1.25rem;display:flex;flex-direction:column;gap:1.25rem;margin-bottom:1.5rem;box-shadow:0 8px 32px #00000059}html[data-theme=light] .video-studio-main-card{background:#fff;border-color:#dbeafe;box-shadow:0 8px 30px #0000000d}.video-studio-mode-bar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(0,136,255,.18);padding-bottom:.75rem;flex-wrap:wrap;gap:.75rem}.video-mode-pill-group{display:inline-flex;background:#0f172acc;border:1px solid rgba(0,136,255,.25);border-radius:10px;padding:3px;gap:3px}html[data-theme=light] .video-mode-pill-group{background:#f1f5f9;border-color:#cbd5e1}.video-mode-pill-btn{padding:.45rem 1.15rem;border-radius:7px;border:none;background:transparent;color:#94a3b8;font-size:.88rem;font-weight:700;display:inline-flex;align-items:center;gap:.45rem;cursor:pointer;transition:all .2s ease}.video-mode-pill-btn.active{background:#00e5ff26;color:#00e5ff;border:1px solid #00e5ff;box-shadow:0 0 12px #00e5ff40}html[data-theme=light] .video-mode-pill-btn.active{background:#0284c7;color:#fff;border-color:#0284c7;box-shadow:0 2px 8px #0284c740}.video-studio-player-container{position:relative;width:100%;max-height:460px;background:#000;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 6px 24px #00000080}.video-studio-video-element{width:100%;max-height:410px;object-fit:contain;display:block;background:#000}.video-custom-controls-bar{width:100%;background:#050b17eb;backdrop-filter:blur(8px);padding:.5rem .85rem;display:flex;align-items:center;gap:.75rem;border-top:1px solid rgba(255,255,255,.08);user-select:none;z-index:10;direction:ltr}.video-player-btn{background:transparent;border:none;color:#fff;width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;flex-shrink:0}.video-player-btn:hover{background:#ffffff1f;color:#00e5ff}.video-player-timestamp{font-family:monospace;font-size:.85rem;font-weight:700;color:#e2e8f0;white-space:nowrap;letter-spacing:.03em;direction:ltr}.video-player-scrubber-track{flex:1;height:6px;background:#ffffff2e;border-radius:3px;position:relative;cursor:pointer;transition:height .15s ease}.video-player-scrubber-track:hover{height:8px}.video-player-scrubber-fill{height:100%;background:#00e5ff;border-radius:3px;position:relative;box-shadow:0 0 8px #00e5ff80}.video-player-speed-badge{font-size:.78rem;font-weight:700;padding:.2rem .45rem;background:#ffffff1a;border-radius:4px;color:#e2e8f0;cursor:pointer;transition:all .15s}.video-player-speed-badge:hover{background:#00e5ff33;color:#00e5ff}.video-thumbnail-timeline-wrap{width:100%;display:flex;flex-direction:column;gap:.25rem;user-select:none;position:relative;padding:.5rem 0;direction:ltr}.timeline-ruler{position:relative;width:100%;height:20px}.timeline-ruler-tick{position:absolute;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;font-family:monospace;font-size:.72rem;font-weight:600;color:#64748b;pointer-events:none}.timeline-ruler-tick:first-child{transform:translate(0)}.timeline-ruler-tick:last-child{transform:translate(-100%)}.timeline-ruler-tick-mark{width:1px;height:5px;background:#64748b80;margin-top:2px}.timeline-frames-track{position:relative;width:100%;height:64px;border-radius:8px;background:#050b18;border:1.5px solid rgba(0,136,255,.3);overflow:hidden;cursor:pointer}.timeline-thumbnails-strip{display:flex;width:100%;height:100%;pointer-events:none}.timeline-thumb-frame{flex:1;height:100%;object-fit:cover;min-width:0;border-right:1px solid rgba(0,0,0,.3)}.timeline-dim-overlay{position:absolute;top:0;bottom:0;background:#030712b8;pointer-events:none;z-index:2;transition:background .1s}.timeline-active-range-box{position:absolute;top:0;bottom:0;min-width:36px;border-top:2.5px solid #00e5ff;border-bottom:2.5px solid #00e5ff;box-shadow:0 0 16px #00e5ff59;pointer-events:auto;cursor:grab;z-index:5;transition:background .15s ease,box-shadow .15s ease;user-select:none}.timeline-active-range-box:hover{background:#00e5ff14;box-shadow:0 0 20px #00e5ff73}.timeline-active-range-box.is-dragging{cursor:grabbing;background:#00e5ff24}.timeline-range-center-grip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:3px;padding:3px 8px;border-radius:9999px;background:#031124d9;border:1px solid rgba(0,229,255,.45);color:#00e5ff;font-size:.68rem;font-weight:700;pointer-events:none;user-select:none;white-space:nowrap;opacity:.85;box-shadow:0 2px 8px #0006;transition:opacity .2s,transform .2s}.timeline-active-range-box:hover .timeline-range-center-grip{opacity:1;transform:translate(-50%,-50%) scale(1.05)}.timeline-handle{position:absolute;top:0;bottom:0;width:18px;background:#00e5ff;cursor:ew-resize;z-index:10;display:flex;align-items:center;justify-content:center;box-shadow:0 0 12px #00e5ff99;touch-action:none;pointer-events:auto}.timeline-handle-start{left:0;border-radius:6px 0 0 6px}.timeline-handle-end{right:0;border-radius:0 6px 6px 0}.timeline-handle-grip{display:flex;gap:2px;pointer-events:none}.timeline-handle-grip span{width:1.5px;height:14px;background:#051124;border-radius:1px}.timeline-playhead-line{position:absolute;top:-8px;bottom:-6px;width:2px;background:#fff;box-shadow:0 0 8px #fff;z-index:15;pointer-events:none;transform:translate(-50%)}.timeline-playhead-cap{position:absolute;top:0;left:50%;transform:translate(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #ffffff}.timeline-split-marker{position:absolute;top:0;bottom:0;width:2px;background:#f59e0b;box-shadow:0 0 8px #f59e0b;z-index:8;pointer-events:none}.timeline-split-marker-tag{position:absolute;top:2px;left:50%;transform:translate(-50%);background:#f59e0b;color:#000;font-size:.65rem;font-weight:800;padding:1px 4px;border-radius:3px}.video-time-cards-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;width:100%;direction:ltr}@media(max-width:768px){.video-time-cards-grid{grid-template-columns:1fr;gap:.75rem}}.video-time-card{background:#0d162abf;border:1px solid rgba(0,136,255,.22);border-radius:12px;padding:.95rem 1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.45rem;position:relative;transition:all .2s ease;direction:rtl}html[data-theme=light] .video-time-card{background:#f8fafc;border-color:#cbd5e1}.video-time-card-highlight{border:2px solid #00e5ff;box-shadow:0 0 20px #00e5ff40;background:#00e5ff0d}html[data-theme=light] .video-time-card-highlight{border-color:#0284c7;background:#0284c70f;box-shadow:0 4px 16px #0284c72e}.video-time-card-header{display:flex;align-items:center;gap:.45rem;font-size:.85rem;font-weight:700;color:#94a3b8}html[data-theme=light] .video-time-card-header{color:#64748b}.video-time-card-highlight .video-time-card-header{color:#00e5ff}html[data-theme=light] .video-time-card-highlight .video-time-card-header{color:#0284c7}.video-time-value-display{font-family:monospace;font-size:1.65rem;font-weight:800;letter-spacing:.04em;color:var(--color-text-main, #ffffff);direction:ltr}.video-time-card-highlight .video-time-value-display{color:#00e5ff;text-shadow:0 0 12px rgba(0,229,255,.45)}html[data-theme=light] .video-time-card-highlight .video-time-value-display{color:#0284c7;text-shadow:none}.video-time-steppers{display:flex;align-items:center;gap:.4rem;margin-top:.15rem}.video-time-step-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:5px;color:#cbd5e1;font-size:.72rem;font-weight:600;padding:.15rem .45rem;cursor:pointer;direction:ltr;transition:all .15s}html[data-theme=light] .video-time-step-btn{background:#e2e8f0;border-color:#cbd5e1;color:#334155}.video-time-step-btn:hover{background:#00e5ff33;border-color:#00e5ff;color:#00e5ff}.video-quick-actions-toolbar{display:flex;align-items:center;justify-content:center;gap:.65rem;flex-wrap:wrap;width:100%;padding-top:.4rem}.video-quick-action-label{display:flex;align-items:center;gap:.4rem;color:#00e5ff;font-weight:700;font-size:.88rem;margin-inline-end:.25rem}html[data-theme=light] .video-quick-action-label{color:#0284c7}.video-quick-action-btn{background:#0d182ebf;border:1px solid rgba(0,136,255,.25);border-radius:8px;padding:.45rem .95rem;color:var(--color-text-main, #ffffff);font-size:.82rem;font-weight:600;display:inline-flex;align-items:center;gap:.45rem;cursor:pointer;transition:all .2s ease}html[data-theme=light] .video-quick-action-btn{background:#f1f5f9;border-color:#cbd5e1;color:#334155}.video-quick-action-btn:hover{border-color:#00e5ff;color:#00e5ff;background:#00e5ff1a;transform:translateY(-1px)}html[data-theme=light] .video-quick-action-btn:hover{border-color:#0284c7;color:#0284c7;background:#0284c71a}.video-export-format-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;background:#0d182ebf;border:1px solid rgba(0,136,255,.22);border-radius:12px;padding:.75rem 1.15rem;margin-top:.25rem}html[data-theme=light] .video-export-format-row{background:#f8fafc;border-color:#cbd5e1}.video-export-format-label{display:flex;align-items:center;gap:.5rem;font-size:.88rem;font-weight:700;color:#00e5ff}html[data-theme=light] .video-export-format-label{color:#0284c7}.video-export-format-pills{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.video-format-pill-btn{background:#0f172ad9;border:1px solid rgba(0,136,255,.25);border-radius:8px;padding:.4rem .85rem;color:#94a3b8;font-size:.82rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;transition:all .2s ease}html[data-theme=light] .video-format-pill-btn{background:#fff;border-color:#cbd5e1;color:#475569}.video-format-pill-btn:hover{border-color:#00e5ff;color:#00e5ff;background:#00e5ff14}html[data-theme=light] .video-format-pill-btn:hover{border-color:#0284c7;color:#0284c7}.video-format-pill-btn.active{background:#00e5ff26;border-color:#00e5ff;color:#00e5ff;box-shadow:0 0 12px #00e5ff4d}html[data-theme=light] .video-format-pill-btn.active{background:#0284c7;border-color:#0284c7;color:#fff;box-shadow:0 2px 8px #0284c74d}.video-format-pill-badge{font-size:.68rem;font-weight:800;padding:.1rem .35rem;border-radius:4px;background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.35)}html[data-theme=light] .video-format-pill-btn.active .video-format-pill-badge{background:#ffffff40;color:#fff;border-color:#ffffff80}.video-audio-toggle-pill{background:#0f172ad9;border:1px solid rgba(0,136,255,.25);border-radius:8px;padding:.4rem .95rem;color:#94a3b8;font-size:.82rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:.45rem;transition:all .2s ease}.video-audio-toggle-pill.active{background:#00e5ff24;border-color:#00e5ff;color:#00e5ff;box-shadow:0 0 10px #00e5ff40}.video-audio-toggle-pill.muted{background:#ef44441f;border-color:#ef4444;color:#f87171}html[data-theme=light] .video-audio-toggle-pill{background:#fff;border-color:#cbd5e1;color:#475569}html[data-theme=light] .video-audio-toggle-pill.active{background:#e0f2fe;border-color:#0284c7;color:#0284c7}html[data-theme=light] .video-audio-toggle-pill.muted{background:#fee2e2;border-color:#ef4444;color:#dc2626}.video-resolution-select{width:100%;padding:.6rem .9rem;border-radius:9px;border:1.5px solid rgba(0,136,255,.3);background:#0f172ad9;color:#f8fafc;font-size:.88rem;font-weight:700;outline:none;cursor:pointer;transition:all .2s ease;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='%2300e5ff' stroke-width='2.2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left .85rem center}[dir=ltr] .video-resolution-select{background-position:right .85rem center}.video-resolution-select:focus{border-color:#00e5ff;box-shadow:0 0 14px #00e5ff47}.video-resolution-select option{background:#0f172a;color:#f8fafc;padding:.5rem}html[data-theme=light] .video-resolution-select{background-color:#fff;border-color:#cbd5e1;color:#1e293b;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='%230284c7' stroke-width='2.2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}html[data-theme=light] .video-resolution-select:focus{border-color:#0284c7;box-shadow:0 0 10px #0284c733}html[data-theme=light] .video-resolution-select option{background:#fff;color:#1e293b}.video-studio-primary-submit-btn{width:100%;max-width:480px;margin:.5rem auto 0;height:50px;background:linear-gradient(135deg,#00e5ff,#00b0ff);border:none;border-radius:9999px;color:#031124;font-weight:800;font-size:1.05rem;display:flex;align-items:center;justify-content:center;gap:.65rem;cursor:pointer;box-shadow:0 4px 20px #00e5ff61;transition:all .25s cubic-bezier(.16,1,.3,1)}.video-studio-primary-submit-btn:hover:not(:disabled){box-shadow:0 6px 28px #00e5ff94;transform:translateY(-1.5px)}.video-studio-primary-submit-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.video-split-segments-box{width:100%;background:#080e1cb3;border:1px solid rgba(0,136,255,.2);border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.video-split-chips-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.video-split-chip{background:#0f172ad9;border:1px solid rgba(0,229,255,.3);border-radius:8px;padding:.4rem .85rem;display:flex;align-items:center;gap:.6rem;font-size:.84rem}.video-split-chip-label{font-weight:700;color:#00e5ff}.video-split-chip-times{font-family:monospace;color:#cbd5e1;direction:ltr}.video-split-chip-remove{background:transparent;border:none;color:#ef4444;cursor:pointer;display:flex;align-items:center;padding:2px}.text-tool-textarea{width:100%;background:#071226bf;border:1px solid rgba(0,136,255,.25);border-radius:12px;padding:.85rem 1.1rem;font-family:inherit;font-size:.95rem;line-height:1.6;color:#f8fafc;resize:vertical;transition:all .2s ease;box-shadow:inset 0 2px 6px #00000040}.text-tool-textarea:focus{outline:none;border-color:#00e5ff;box-shadow:0 0 14px #00e5ff40,inset 0 2px 6px #0003}.text-tool-input-field{width:100%;background:#071226bf;border:1px solid rgba(0,136,255,.25);border-radius:8px;padding:.55rem .9rem;font-family:inherit;font-size:.88rem;color:#f8fafc;transition:all .2s ease}.text-tool-input-field:focus{outline:none;border-color:#00e5ff;box-shadow:0 0 10px #00e5ff33}.text-cleaner-checkbox-label{display:flex;align-items:center;gap:.6rem;background:#0f172a99;border:1px solid rgba(0,136,255,.16);border-radius:8px;padding:.55rem .8rem;cursor:pointer;user-select:none;transition:all .2s ease;font-size:.84rem;color:#cbd5e1}.text-cleaner-checkbox-label:hover{background:#0088ff1f;border-color:#00e5ff66;color:#fff}.text-cleaner-checkbox-label input[type=checkbox]{accent-color:#00e5ff;width:16px;height:16px;cursor:pointer}.case-mode-selector-btn{background:#0f172aa6;border:1px solid rgba(0,136,255,.2);border-radius:10px;padding:.65rem .9rem;text-align:inherit;cursor:pointer;transition:all .2s ease;color:#cbd5e1;display:flex;flex-direction:column;gap:.25rem}.case-mode-selector-btn:hover{border-color:#00e5ff;background:#0088ff1f;transform:translateY(-1px)}.case-mode-selector-btn.active{background:#0088ff2e;border-color:#00e5ff;color:#00e5ff;box-shadow:0 0 14px #00e5ff38}.case-mode-preview-subtext{font-size:.72rem;color:#64748b;font-family:monospace}.case-mode-selector-btn.active .case-mode-preview-subtext{color:#38bdf8}.tool-info-alert-box{display:flex;align-items:center;gap:.6rem;background:#38bdf814;border:1px solid rgba(56,189,248,.22);border-radius:8px;padding:.6rem .95rem;font-size:.82rem;color:#38bdf8;line-height:1.45}html[data-theme=light] .text-tool-textarea{background:#fff;border-color:#cbd5e1;color:#0f172a;box-shadow:inset 0 1px 3px #0000000f}html[data-theme=light] .text-tool-textarea:focus{border-color:#0284c7;box-shadow:0 0 0 3px #0284c726}html[data-theme=light] .text-tool-input-field{background:#fff;border-color:#cbd5e1;color:#0f172a}html[data-theme=light] .text-cleaner-checkbox-label{background:#f8fafc;border-color:#e2e8f0;color:#334155}html[data-theme=light] .text-cleaner-checkbox-label:hover{background:#f1f5f9;border-color:#0284c7}html[data-theme=light] .case-mode-selector-btn{background:#f8fafc;border-color:#e2e8f0;color:#334155}html[data-theme=light] .case-mode-selector-btn:hover{background:#f1f5f9;border-color:#0284c7}html[data-theme=light] .case-mode-selector-btn.active{background:#e0f2fe;border-color:#0284c7;color:#0369a1;box-shadow:none}html[data-theme=light] .case-mode-preview-subtext{color:#64748b}html[data-theme=light] .case-mode-selector-btn.active .case-mode-preview-subtext{color:#0284c7}html[data-theme=light] .tool-info-alert-box{background:#f0f9ff;border-color:#bae6fd;color:#0369a1}.translator-v3-container{display:flex;flex-direction:column;gap:1.15rem;width:100%}.translator-v3-presets-picker{display:flex;align-items:center;gap:.5rem;background:#040f1ebf;border:1px solid rgba(0,229,255,.35);border-radius:8px;padding:.3rem .65rem;transition:all .2s ease}.translator-v3-presets-picker:hover,.translator-v3-presets-picker:focus-within{border-color:#00e5ff;box-shadow:0 0 12px #00e5ff40}.translator-v3-presets-label{display:flex;align-items:center;gap:.35rem;font-size:.84rem;font-weight:700;color:#38bdf8;white-space:nowrap}.translator-v3-presets-select{background:transparent;border:none;color:#00e5ff;font-size:.84rem;font-weight:700;outline:none;cursor:pointer;padding:.2rem .4rem;max-width:320px}.translator-v3-presets-select option{background:#06152b;color:#f8fafc}.translator-v3-translating-pill{display:inline-flex;align-items:center;gap:.35rem;font-size:.74rem;font-weight:700;color:#00e5ff;background:#00e5ff1f;border:1px solid rgba(0,229,255,.3);border-radius:12px;padding:.15rem .55rem;animation:translatorPulseGlow 1.5s infinite ease-in-out}@keyframes translatorPulseGlow{0%,to{opacity:.7}50%{opacity:1;box-shadow:0 0 10px #00e5ff66}}html[data-theme=light] .translator-v3-presets-picker{background:#f0f9ff;border-color:#bae6fd}html[data-theme=light] .translator-v3-presets-select{color:#0284c7}html[data-theme=light] .translator-v3-presets-select option{background:#fff;color:#0f172a}.translator-v3-lang-card{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1.25rem;padding:1.1rem 1.4rem;background:#040f1ebf;border:1px solid rgba(0,136,255,.25);border-radius:14px}@media(max-width:768px){.translator-v3-lang-card{grid-template-columns:1fr;gap:.85rem}}.translator-v3-lang-col{display:flex;flex-direction:column;gap:.45rem}.translator-v3-lang-label{display:flex;align-items:center;gap:.45rem;font-size:.86rem;font-weight:700;color:#38bdf8}.translator-v3-select{width:100%;padding:.7rem 1rem;background:#081830d9;border:1px solid rgba(0,136,255,.3);border-radius:9px;color:#f8fafc;font-size:.9rem;font-weight:600;outline:none;cursor:pointer;transition:all .2s ease}.translator-v3-select:focus{border-color:#00e5ff;box-shadow:0 0 12px #00e5ff4d}.translator-v3-swap-container{display:flex;align-items:center;justify-content:center;padding-top:1.4rem}@media(max-width:768px){.translator-v3-swap-container{padding-top:0}}.translator-v3-swap-btn{width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(0,229,255,.45);background:linear-gradient(135deg,#08f3,#00e5ff26);color:#00e5ff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 0 14px #00e5ff33}.translator-v3-swap-btn:hover{background:linear-gradient(135deg,#00e5ff59,#0088ff40);border-color:#00e5ff;box-shadow:0 0 20px #00e5ff80;transform:rotate(180deg) scale(1.08)}.translator-v3-options-card{padding:1rem 1.25rem;background:#040f1ebf;border:1px solid rgba(0,136,255,.25);border-radius:14px;display:flex;flex-direction:column;gap:.95rem}.translator-v3-options-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.85rem;padding-bottom:.5rem;border-bottom:1px solid rgba(0,136,255,.15)}.translator-v3-options-title{display:flex;align-items:center;gap:.5rem;font-size:.88rem;font-weight:700;color:#00e5ff}.translator-v3-engine-picker{display:flex;align-items:center;gap:.5rem;background:#081830cc;border:1px solid rgba(0,229,255,.3);border-radius:8px;padding:.3rem .65rem}.translator-v3-engine-label{display:flex;align-items:center;gap:.35rem;font-size:.82rem;font-weight:700;color:#38bdf8;white-space:nowrap}.translator-v3-engine-select{background:transparent;border:none;color:#00e5ff;font-size:.82rem;font-weight:700;outline:none;cursor:pointer;padding:.15rem .3rem;max-width:280px}.translator-v3-engine-select option{background:#06152b;color:#f8fafc}.translator-v3-options-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.65rem}@media(max-width:1200px){.translator-v3-options-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}}.translator-v3-option-card{display:flex;align-items:center;gap:.6rem;padding:.65rem .85rem;background:#081830a6;border:1px solid rgba(0,136,255,.2);border-radius:9px;cursor:pointer;user-select:none;font-size:.8rem;color:#e2e8f0;transition:all .2s cubic-bezier(.4,0,.2,1)}.translator-v3-option-card:hover{border-color:#00e5ff66;background:#0088ff1f;transform:translateY(-1px)}.translator-v3-option-card.is-active{border-color:#00e5ff;background:#00e5ff14;box-shadow:0 0 10px #00e5ff2e;color:#fff}.translator-v3-custom-check{width:18px;height:18px;border-radius:4px;border:1.5px solid rgba(0,229,255,.4);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:900;flex-shrink:0;transition:all .2s ease;background:#040f1e80;color:transparent}.translator-v3-option-card.is-active .translator-v3-custom-check{background:#00e5ff;border-color:#00e5ff;color:#031124;box-shadow:0 0 6px #00e5ff99}.translator-v3-option-text{font-weight:600;line-height:1.35}.translator-v3-hidden-checkbox{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.translator-v3-attribution-card{display:flex;align-items:center;justify-content:center;gap:.85rem;flex-wrap:wrap;padding:.5rem 1rem;background:#040f1ea6;border:1px solid rgba(0,136,255,.2);border-radius:20px;font-size:.82rem;margin:.35rem auto 0;max-width:650px}.translator-v3-attribution-status{display:flex;align-items:center;gap:.45rem;color:#94a3b8}.translator-v3-live-dot{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981;animation:liveDotPulse 2s infinite ease-in-out}@keyframes liveDotPulse{0%,to{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.15);box-shadow:0 0 12px #10b981}}.translator-v3-attribution-title{color:#94a3b8;font-weight:600}.translator-v3-attribution-name{color:#00e5ff;font-weight:700}.translator-v3-latency-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.74rem;font-weight:700;color:#38bdf8;background:#38bdf81f;border:1px solid rgba(56,189,248,.25);border-radius:10px;padding:.1rem .5rem}html[data-theme=light] .translator-v3-lang-card,html[data-theme=light] .translator-v3-options-card{background:#fff;border-color:#cbd5e1}html[data-theme=light] .translator-v3-select{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}html[data-theme=light] .translator-v3-option-card{background:#f8fafc;border-color:#e2e8f0;color:#1e293b}html[data-theme=light] .translator-v3-option-card.is-active{background:#e0f2fe;border-color:#0284c7;color:#0369a1}html[data-theme=light] .translator-v3-attribution-card{background:#f8fafc;border-color:#e2e8f0}.translator-v3-live-switch-label{display:inline-flex;align-items:center;gap:.65rem;cursor:pointer;user-select:none;font-size:.82rem;color:#10b981;font-weight:700}.translator-v3-toggle-track{position:relative;display:inline-block;width:38px;height:20px;background:#94a3b840;border-radius:20px;transition:all .2s ease}.translator-v3-toggle-track.is-checked{background:#00e5ff;box-shadow:0 0 10px #00e5ff80}.translator-v3-toggle-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:all .2s cubic-bezier(.4,0,.2,1)}.translator-v3-toggle-track.is-checked .translator-v3-toggle-thumb{transform:translate(18px);background:#031124}[dir=rtl] .translator-v3-toggle-thumb{left:auto;right:2px}[dir=rtl] .translator-v3-toggle-track.is-checked .translator-v3-toggle-thumb{transform:translate(-18px)}.translator-v3-editors-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.15rem;align-items:stretch}@media(max-width:768px){.translator-v3-editors-grid{grid-template-columns:1fr}}.translator-v3-editor-panel{display:flex;flex-direction:column;gap:.45rem}.translator-v3-editor-header{display:flex;align-items:center;justify-content:space-between;font-size:.82rem;color:#94a3b8;padding:0 .25rem}.translator-v3-editor-title{display:flex;align-items:center;gap:.45rem;font-weight:700;color:#e2e8f0}.translator-v3-textarea-source{width:100%;min-height:190px;box-sizing:border-box;padding:.95rem 1rem;background:#040f1ed9;border:1.5px solid #00e5ff;border-radius:10px;color:#f8fafc;font-size:.95rem;line-height:1.6;outline:none;resize:vertical;box-shadow:0 0 14px #00e5ff33;font-family:inherit;unicode-bidi:plaintext;text-align:start}.translator-v3-textarea-target{width:100%;min-height:190px;box-sizing:border-box;padding:.95rem 1rem;background:#040f1ed9;border:1px solid rgba(0,136,255,.25);border-radius:10px;color:#f8fafc;font-size:.95rem;line-height:1.6;outline:none;resize:vertical;font-family:inherit;transition:all .2s ease;unicode-bidi:plaintext;text-align:start}.translator-v3-clean-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.22rem .6rem;font-size:.76rem;font-weight:700;border-radius:6px;background:#0088ff26;border:1px solid rgba(0,229,255,.35);color:#38bdf8;cursor:pointer;transition:all .2s ease}.translator-v3-clean-btn:hover{background:#00e5ff38;border-color:#00e5ff;color:#fff;box-shadow:0 0 8px #00e5ff4d}.translator-v3-toast{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .9rem;border-radius:20px;background:#10b98126;border:1px solid #10b981;color:#10b981;font-size:.8rem;font-weight:700;animation:fadeInOutToast 3.5s forwards ease-in-out;margin:.25rem auto}@keyframes fadeInOutToast{0%{opacity:0;transform:translateY(-4px)}15%{opacity:1;transform:translateY(0)}85%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}.translator-v3-textarea-target:focus{border-color:#00e5ff66}.translator-v3-main-btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.75rem 2.5rem;border-radius:28px;background:linear-gradient(90deg,#00d2ff,#00e5ff);color:#031124;font-size:.96rem;font-weight:700;border:none;cursor:pointer;box-shadow:0 0 20px #00e5ff66;transition:all .2s ease}.translator-v3-main-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 28px #00e5ff99}.translator-v3-main-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.keyword-mode-tab-group{display:flex;gap:.5rem;background:#04132bb3;border:1px solid rgba(0,136,255,.25);border-radius:12px;padding:.35rem;margin-bottom:1.25rem;width:fit-content}.keyword-mode-tab-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.15rem;border-radius:9px;border:1px solid transparent;background:transparent;color:#94a3b8;font-size:.88rem;font-weight:700;cursor:pointer;transition:all .2s ease}.keyword-mode-tab-btn:hover{color:#e2e8f0;background:#ffffff0a}.keyword-mode-tab-btn.is-active{background:linear-gradient(135deg,#00b4ff33,#00e5ff26);border-color:#00e5ff66;color:#00e5ff;box-shadow:0 0 12px #00e5ff33}.keyword-seed-bar-wrapper{position:relative;display:flex;gap:.65rem;align-items:center;width:100%}.keyword-seed-input{flex:1;background:#020a17d9;border:1.5px solid rgba(0,180,255,.35);border-radius:14px;padding:.85rem 1.15rem;color:#f8fafc;font-size:.98rem;font-weight:600;outline:none;transition:all .2s ease;box-shadow:inset 0 2px 6px #0006}.keyword-seed-input:focus{border-color:#00e5ff;box-shadow:0 0 18px #00e5ff59,inset 0 2px 6px #0006}.keyword-generate-btn{display:inline-flex;align-items:center;gap:.55rem;padding:.85rem 1.6rem;border-radius:14px;background:linear-gradient(90deg,#0284c7,#00e5ff);color:#031124;font-size:.95rem;font-weight:800;border:none;cursor:pointer;white-space:nowrap;box-shadow:0 0 16px #00e5ff59;transition:all .2s ease}.keyword-generate-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 24px #00e5ff8c}.keyword-generate-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.keyword-seed-pills{display:flex;gap:.45rem;flex-wrap:wrap;align-items:center;margin-top:.65rem}.keyword-seed-pill{padding:.28rem .65rem;border-radius:20px;background:#0088ff14;border:1px solid rgba(0,180,255,.22);color:#94a3b8;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .18s ease}.keyword-seed-pill:hover{background:#00e5ff26;border-color:#00e5ff73;color:#00e5ff}.keyword-platform-toolbar{background:#020a19b3;border:1px solid rgba(0,136,255,.25);border-radius:14px;padding:.85rem 1rem;margin-top:1.25rem;display:flex;flex-direction:column;gap:.75rem}.keyword-platform-tabs{display:flex;gap:.45rem;overflow-x:auto;padding-bottom:.25rem;scrollbar-width:thin}.keyword-platform-tab-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.42rem .85rem;border-radius:9px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:#94a3b8;font-size:.82rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .2s ease}.keyword-platform-tab-btn:hover{background:#0088ff26;border-color:#00b4ff4d;color:#f8fafc}.keyword-platform-tab-btn.is-active{background:linear-gradient(135deg,#00b4ff40,#00e5ff2e);border-color:#00e5ff;color:#00e5ff;box-shadow:0 0 14px #00e5ff40}.keyword-platform-preview-card{background:#010611d9;border:1px solid rgba(0,180,255,.22);border-radius:12px;padding:.85rem 1rem;display:flex;flex-direction:column;gap:.65rem}.keyword-platform-stats-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;font-size:.82rem}.keyword-platform-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.22rem .55rem;border-radius:6px;font-size:.78rem;font-weight:700}.keyword-platform-badge.is-ok{background:#10b98126;border:1px solid rgba(16,185,129,.35);color:#10b981}.keyword-platform-badge.is-warn{background:#f59e0b26;border:1px solid rgba(245,158,11,.4);color:#f59e0b}.keyword-platform-badge.is-danger{background:#ef44442e;border:1px solid rgba(239,68,68,.45);color:#f87171}.keyword-formatted-textarea{width:100%;background:transparent;border:none;color:#e2e8f0;font-family:inherit;font-size:.86rem;line-height:1.6;resize:vertical;min-height:70px;outline:none}.keyword-chips-cloud{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem;max-height:380px;overflow-y:auto;padding:.5rem .2rem;scrollbar-width:thin}.keyword-interactive-chip{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .75rem;border-radius:10px;background:#04122ab3;border:1px solid rgba(0,136,255,.25);color:#e2e8f0;font-size:.83rem;font-weight:600;cursor:pointer;transition:all .18s ease;user-select:none}.keyword-interactive-chip:hover{border-color:#00e5ff80;background:#0088ff26;transform:translateY(-1px)}.keyword-interactive-chip.is-selected{background:linear-gradient(135deg,#0284c740,#00e5ff2e);border-color:#00e5ff;color:#fff;box-shadow:0 0 10px #00e5ff2e}.keyword-chip-remove-btn{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;border:none;background:#ffffff1a;color:#94a3b8;font-size:.75rem;cursor:pointer;transition:all .15s ease;margin-inline-start:4px}.keyword-chip-remove-btn:hover{background:#ef444459;color:#ff6b6b}.keyword-comp-pill{font-size:.68rem;font-weight:700;padding:.1rem .4rem;border-radius:4px}.keyword-comp-pill.low{background:#10b9812e;color:#34d399;border:1px solid rgba(16,185,129,.3)}.keyword-comp-pill.medium{background:#00b4ff29;color:#38bdf8;border:1px solid rgba(0,180,255,.3)}.keyword-comp-pill.high{background:#f43f5e2e;color:#fb7185;border:1px solid rgba(244,63,94,.3)}.keyword-comp-pill.trending{background:linear-gradient(90deg,#a855f740,#f59e0b40);color:#fbbf24;border:1px solid rgba(245,158,11,.4)}.audio-waveform-card{background:#0a1426d9;border:1px solid rgba(0,136,255,.25);border-radius:12px;padding:1rem;width:100%;margin-bottom:1.25rem;box-sizing:border-box}html[data-theme=light] .audio-waveform-card{background:#fff;border:1.5px solid #cbd5e1;box-shadow:0 4px 16px #0f172a0d}.audio-volume-panel{background:#0a1426b3;border:1px solid rgba(0,136,255,.25);border-radius:12px;padding:.95rem 1.15rem;width:100%;box-sizing:border-box}html[data-theme=light] .audio-volume-panel{background:#fff;border:1.5px solid #cbd5e1;box-shadow:0 4px 16px #0f172a0d}.audio-volume-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem}.audio-volume-title-group{display:flex;align-items:center;gap:.5rem;color:#00e5ff;font-weight:700;font-size:.88rem}html[data-theme=light] .audio-volume-title-group{color:#0284c7}.audio-volume-badge-group{display:flex;align-items:center;gap:.45rem}.audio-volume-pct-badge{background:#00e5ff26;border:1px solid rgba(0,229,255,.35);color:#00e5ff;font-size:.82rem;font-weight:800;padding:.15rem .6rem;border-radius:6px}html[data-theme=light] .audio-volume-pct-badge{background:#0284c71f;border-color:#0284c759;color:#0284c7}.audio-volume-db-badge{background:#10b98126;border:1px solid rgba(16,185,129,.35);color:#10b981;font-size:.78rem;font-weight:700;padding:.15rem .55rem;border-radius:6px}.audio-volume-slider-row{width:100%;margin:.4rem 0 .65rem}.audio-volume-slider{width:100%;height:6px;border-radius:4px;background:#64748b59;outline:none;accent-color:#00e5ff;cursor:pointer}html[data-theme=light] .audio-volume-slider{background:#cbd5e1;accent-color:#0284c7}.audio-preview-card{padding:1rem;background:#0f172acc;border-radius:10px;border:1px solid rgba(0,136,255,.2)}html[data-theme=light] .audio-preview-card{background:#fff;border:1.5px solid #cbd5e1;box-shadow:0 4px 16px #0f172a0a}html[data-theme=light] .hash-generator-view-root .ut-card,html[data-theme=light] .hash-generator-view-root div[style*="linear-gradient(135deg, rgba(13, 27, 46"],html[data-theme=light] .hash-generator-view-root div[style*="linear-gradient(180deg, rgba(13, 27, 46"],html[data-theme=light] .hash-generator-view-root div[style*="linear-gradient(90deg, rgba(13, 27, 46"]{background:#fff!important;border-color:#cbd5e1!important;box-shadow:0 4px 16px #0f172a0d!important}html[data-theme=light] .hash-generator-view-root div[style*="color: #fff"],html[data-theme=light] .hash-generator-view-root div[style*="color: rgb(255, 255, 255)"],html[data-theme=light] .hash-generator-view-root span[style*="color: #fff"],html[data-theme=light] .hash-generator-view-root span[style*="color: rgb(255, 255, 255)"],html[data-theme=light] .hash-generator-view-root label[style*="color: #fff"]{color:#0f172a!important}html[data-theme=light] .hash-generator-view-root .hash-main-tabs button{background:#fff!important;border:1.5px solid #cbd5e1!important;color:#334155!important;box-shadow:0 1px 3px #0000000a!important}html[data-theme=light] .hash-generator-view-root .hash-main-tabs button[style*="box-shadow: 0 0 20px"],html[data-theme=light] .hash-generator-view-root .hash-main-tabs button[style*="linear-gradient(135deg, rgb(0, 212, 255)"]{background:linear-gradient(135deg,#0284c7,#0ea5e9)!important;border-color:#0284c7!important;color:#fff!important;box-shadow:0 4px 14px #0284c759!important}html[data-theme=light] .hash-generator-view-root textarea,html[data-theme=light] .hash-generator-view-root input[type=text],html[data-theme=light] .hash-generator-view-root select,html[data-theme=light] .hash-generator-view-root div[style*="rgba(5, 12, 22"]{background:#f8fafc!important;border-color:#cbd5e1!important;color:#0f172a!important}html[data-theme=light] .hash-generator-view-root .hash-table-container table{background:#fff!important}html[data-theme=light] .hash-generator-view-root .hash-table-container table tr[style*="background: rgba(5, 12, 22"]{background:#f1f5f9!important;border-bottom:1.5px solid #cbd5e1!important}html[data-theme=light] .hash-generator-view-root .hash-table-container table tr[style*="background: rgba(5, 12, 22"] th{color:#475569!important}html[data-theme=light] .hash-generator-view-root .hash-table-container table tbody tr{border-bottom:1px solid #e2e8f0!important}html[data-theme=light] .hash-generator-view-root .hash-table-container table tbody tr:hover{background:#0284c70a!important}html[data-theme=light] .hash-generator-view-root .hash-table-container table div[style*="color: #00e5ff"]{color:#0284c7!important}html[data-theme=light] .hash-generator-view-root .hash-table-container table button[style*="rgba(255, 255, 255"]{background:#f1f5f9!important;border-color:#cbd5e1!important;color:#334155!important}html[data-theme=light] .hash-generator-view-root .hash-table-container table button[style*="rgba(255, 255, 255"]:hover{background:#e2e8f0!important;color:#0284c7!important}html[data-theme=light] .hash-generator-view-root label[style*="cursor: pointer"]{color:#475569!important}html[data-theme=light] .hash-generator-view-root label[style*="rgba(0, 212, 255, 0.08)"]{background:#0284c71a!important;color:#0f172a!important}html[data-theme=light] .translator-v3-container{background:#fff;border:1.5px solid #cbd5e1;box-shadow:0 4px 20px #0f172a0d}html[data-theme=light] .translator-v3-header{background:#f8fafc;border-bottom:1px solid #e2e8f0}html[data-theme=light] .translator-v3-title{color:#0f172a}html[data-theme=light] .translator-v3-select{background:#fff;border-color:#cbd5e1;color:#0f172a}html[data-theme=light] .translator-v3-protection-bar{background:#f8fafc;border-color:#e2e8f0}html[data-theme=light] .translator-v3-protection-pill{background:#fff;border-color:#cbd5e1;color:#334155}html[data-theme=light] .translator-v3-protection-pill:hover{border-color:#0284c7}html[data-theme=light] .translator-v3-protection-pill.active{background:#0284c71a;border-color:#0284c7;color:#0284c7}html[data-theme=light] .translator-v3-editor-panel{background:#fff;border-color:#cbd5e1}html[data-theme=light] .translator-v3-textarea-source,html[data-theme=light] .translator-v3-textarea-target{background:#f8fafc;border:1.5px solid #cbd5e1;color:#0f172a}html[data-theme=light] .translator-v3-textarea-source:focus,html[data-theme=light] .translator-v3-textarea-target:focus{background:#fff;border-color:#0284c7;box-shadow:0 0 0 3px #0284c726}html[data-theme=light] .keyword-mode-tab-group{background:#f1f5f9;border-color:#cbd5e1}html[data-theme=light] .keyword-mode-tab-btn{color:#64748b}html[data-theme=light] .keyword-mode-tab-btn:hover{color:#0f172a;background:#0000000a}html[data-theme=light] .keyword-mode-tab-btn.is-active{background:#fff;border-color:#0284c7;color:#0284c7;box-shadow:0 2px 8px #0284c72e}html[data-theme=light] .keyword-seed-input{background:#fff;border-color:#cbd5e1;color:#0f172a;box-shadow:inset 0 1px 3px #0000000d}html[data-theme=light] .keyword-seed-input:focus{border-color:#0284c7;box-shadow:0 0 0 3px #0284c726,inset 0 1px 3px #0000000d}html[data-theme=light] .keyword-seed-pill{background:#f1f5f9;border-color:#cbd5e1;color:#475569}html[data-theme=light] .keyword-seed-pill:hover{background:#0284c71f;border-color:#0284c7;color:#0284c7}html[data-theme=light] .keyword-platform-toolbar{background:#fff;border-color:#cbd5e1;box-shadow:0 4px 16px #0f172a0a}html[data-theme=light] .keyword-platform-tab-btn{background:#f8fafc;border-color:#cbd5e1;color:#475569}html[data-theme=light] .keyword-platform-tab-btn:hover{background:#e2e8f0;color:#0f172a}html[data-theme=light] .keyword-platform-tab-btn.is-active{background:#e0f2fe;border-color:#0284c7;color:#0284c7;box-shadow:0 2px 8px #0284c726}html[data-theme=light] .keyword-platform-preview-card{background:#f8fafc;border-color:#cbd5e1}html[data-theme=light] .keyword-formatted-textarea{color:#0f172a}html[data-theme=light] .keyword-interactive-chip{background:#fff;border-color:#cbd5e1;color:#1e293b;box-shadow:0 1px 3px #0000000a}html[data-theme=light] .keyword-interactive-chip:hover{border-color:#0284c7;background:#0284c714}html[data-theme=light] .keyword-interactive-chip.is-selected{background:#e0f2fe;border-color:#0284c7;color:#0369a1;box-shadow:0 2px 6px #0284c729}html[data-theme=light] .keyword-chip-remove-btn{background:#0000000f;color:#64748b}html[data-theme=light] .keyword-chip-remove-btn:hover{background:#ef444433;color:#dc2626}