:root{--nav-height:40px;--bg:#f5f5f5;--body-bg:white;--body-color:#333;--border:#ddd;--primary:#4a90d9;--primary-hover:#3a7bc8;--muted:#6e6e6e;--ok:#28a745;--err:#dc3545}:root.dark-mode{--bg:#1a1a1a;--body-bg:#2d2d2d;--body-color:#eee;--border:#444;--primary:#5a9fe9;--primary-hover:#4a8fd9;--muted:#aaa;--ok:#3fb950;--err:#ef5350}*{margin:0;padding:0;box-sizing:border-box}[v-cloak]{display:none!important}.navbar{height:var(--nav-height);border-bottom:1px solid #d3d3d3;z-index:100;background:var(--body-bg);color:var(--body-color);position:relative}.navbar-container{display:flex;align-items:center;height:100%;padding:0 1rem;max-width:100%}.navbar-brand{color:var(--body-color);text-decoration:none;font-weight:700;display:flex;align-items:center;gap:.5rem;font-size:1rem;white-space:nowrap}.navbar-toggler{display:none;background:0 0;border:1px solid var(--body-color);padding:.25rem .5rem;cursor:pointer;margin-left:auto;border-radius:.25rem}.navbar-toggler-icon{display:block;width:1.5em;height:1.5em;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0,0,0,0.7)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;background-size:100%}.dark-mode .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255,255,255,0.9)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-index{font-size:.9rem;margin-left:.75rem;white-space:nowrap;color:var(--body-color);text-decoration:none;opacity:.7}.navbar-index:hover{opacity:1}.rtl .navbar-index{margin-left:0;margin-right:.75rem}.nav-link.navbar-record{opacity:1}.navbar-record .rec-label{opacity:.7}.navbar-record:hover .rec-label{opacity:1}.rec-dot{display:inline-block;width:.55em;height:.55em;border-radius:50%;background:#e53935;margin-right:.35em;vertical-align:middle}.rtl .rec-dot{margin-right:0;margin-left:.35em}.navbar-collapse{display:flex;align-items:center;flex:1;margin-left:1rem}.navbar-nav{display:flex;list-style:none;margin:0;padding:0;gap:.5rem;flex-wrap:wrap}.navbar-nav-right{margin-left:auto}.rtl .navbar-nav-right{margin-left:inherit;margin-right:auto}.nav-item{margin:0;position:relative}.nav-link{color:var(--body-color);text-decoration:none;padding:.25rem .75rem;display:block;white-space:nowrap;opacity:.7;border-radius:4px;transition:opacity .2s,background .2s}.nav-link:hover{opacity:1;background:rgba(0,0,0,.06)}.dark-mode .nav-link:hover{background:rgba(255,255,255,.1)}.nav-link.active{opacity:1;font-weight:600}.nav-dd-caret{font-size:.72em;opacity:.85;margin-left:.3rem;vertical-align:middle}.rtl .nav-dd-caret{margin-left:0;margin-right:.3rem}.nav-dd-menu{display:none;position:absolute;top:100%;left:0;min-width:11rem;list-style:none;margin:0;padding:.3rem 0;background:var(--body-bg);border:1px solid var(--border);border-radius:6px;box-shadow:0 4px 14px rgba(0,0,0,.12);z-index:102}.rtl .nav-dd-menu{left:auto;right:0}.nav-dd:focus-within .nav-dd-menu,.nav-dd:hover .nav-dd-menu{display:block}.nav-dd-menu a{display:block;padding:.35rem .9rem;color:var(--body-color);text-decoration:none;white-space:nowrap;opacity:.8;font-size:.9rem}.nav-dd-menu a:hover{opacity:1;background:rgba(0,0,0,.06)}.nav-dd-menu a.active{opacity:1;font-weight:600}.dark-mode .nav-dd-menu a:hover{background:rgba(255,255,255,.1)}.dark-mode .navbar{border-bottom-color:#a9a9a9}@media(max-width:991px){.navbar-toggler{display:block}.navbar-collapse{display:none;position:absolute;top:var(--nav-height);right:0;background:var(--body-bg);border-bottom:1px solid #d3d3d3;margin:0;padding:1rem;z-index:101}.navbar-collapse.show{display:block}.navbar-nav{gap:0}.navbar-nav-right{margin-left:0}.nav-link{padding:.5rem 1rem}.nav-dd-menu{display:block;position:static;border:0;box-shadow:none;padding:0;background:0 0;min-width:0}.nav-dd-menu a{padding:.4rem 1rem .4rem 1.75rem;font-size:.85rem}.rtl .nav-dd-menu a{padding:.4rem 1.75rem .4rem 1rem}.nav-dd-caret{display:none}.dark-mode .navbar-collapse{border-bottom-color:#a9a9a9}}.btn-darkmode{flex:none;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin-left:.75rem;padding:0;background:0 0;border:1px solid var(--border);border-radius:6px;color:var(--body-color);cursor:pointer}.rtl .btn-darkmode{margin-left:0;margin-right:.75rem}.btn-darkmode:hover{background:rgba(0,0,0,.06)}.dark-mode .btn-darkmode:hover{background:rgba(255,255,255,.1)}.btn-darkmode svg{width:1.05rem;height:1.05rem;display:block}.btn-darkmode .dm-sun{display:none}.dark-mode .btn-darkmode .dm-moon{display:none}.dark-mode .btn-darkmode .dm-sun{display:block}body{font-family:system-ui,-apple-system,sans-serif;background:var(--body-bg);color:var(--body-color);min-height:100vh}#app{max-width:1000px;margin:0 auto;padding:1rem}.header{text-align:center;margin:2em 0 1.5em}.header h1{font-size:1.5rem;margin-bottom:.25rem}.header p{color:var(--muted);font-size:.9rem}.conv-switch{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;font-size:.85rem;margin:.5rem 0 0}.conv-switch .cs-group{display:inline-flex;flex-wrap:wrap;border:1px solid var(--border);border-radius:7px;overflow:hidden}.conv-switch .cs-cur,.conv-switch .cs-link{padding:.4rem .8rem;text-decoration:none;color:var(--body-color);background:var(--body-bg);border-inline-end:1px solid var(--border);line-height:1.2;white-space:nowrap}.conv-switch .cs-group :last-child{border-inline-end:none}.conv-switch .cs-link:hover{background:var(--bg)}.conv-switch .cs-cur{color:var(--primary);font-weight:700;box-shadow:inset 0 0 0 1px var(--primary)}.conv-switch .cs-more{color:var(--muted)}.cross-link{font-size:.85rem;color:var(--muted);margin-top:.15rem}.cross-link a{color:var(--primary)}.btn{font-size:1rem;padding:.5em 1em;border:1px solid var(--border);background:var(--body-bg);color:var(--body-color);cursor:pointer;border-radius:4px;transition:background .2s;margin-right:.3em}.btn:last-child{margin-right:0}.btn:hover{background:var(--bg)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover{background:var(--primary-hover)}.btn-success{background:var(--ok);color:#fff;border-color:var(--ok)}.btn-danger{background:var(--err);color:#fff;border-color:var(--err)}.btn-sm{font-size:.8rem}.btn-add::before{content:"+ "}kbd{font-family:inherit;font-size:.85em;padding:.1em .4em;border:1px solid #ccc;border-radius:3px;background:#f7f7f7;box-shadow:0 1px 0 #bbb;display:inline-block;line-height:1.2em;height:1.4em}.dark-mode kbd{border-color:#555;background:#3a3a3a;box-shadow:0 1px 0 #222}.editor{display:block;position:relative;margin-top:1em}.drop-overlay{position:absolute;inset:0;z-index:20;background:rgba(74,144,217,.08);border:2px dashed var(--primary);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--primary);font-weight:600;pointer-events:none}.upload-zone{margin-top:.75rem;border:2px dashed var(--primary);border-radius:8px;padding:3rem 2rem;text-align:center;cursor:pointer;transition:background .2s,box-shadow .2s;background:rgba(74,144,217,.06)}.upload-zone.dragover,.upload-zone:hover{background:rgba(74,144,217,.12);box-shadow:0 0 0 3px rgba(74,144,217,.15)}.upload-zone:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.upload-zone input{display:none}.upload-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.upload-text{font-size:1.1rem;margin-bottom:.5rem}.upload-hint{font-size:.85rem;color:var(--muted)}.upload-cta{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.6em;margin-bottom:.75rem}.upload-cta .upload-icon{margin:0}.upload-select{font:inherit;padding:.25em .8em;cursor:pointer;transition:background .15s}.add-zone{margin-top:.75rem;border:2px dashed var(--border);border-radius:8px;padding:.7rem 1rem;text-align:center;font-size:.9rem;color:var(--muted);cursor:pointer;transition:background .2s,border-color .2s,color .2s}.add-zone::before{content:"+ ";font-weight:700}.add-zone:hover{background:rgba(74,144,217,.06);border-color:var(--primary);color:var(--primary)}.add-zone:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.toolbar{position:sticky;top:0;z-index:10;background:#dcdcdc;padding:.5rem;border-radius:4px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.4rem}.dark-mode .toolbar{background:#3a3a3a}.toolbar-left,.toolbar-right{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem}.toolbar-group{display:inline-flex;align-items:center;gap:.25rem}.toolbar-label{font-size:.85rem;color:var(--body-color);padding:0 .2em}.toolbar-select{font-size:.85rem;padding:.25em .4em;border:1px solid var(--border);border-radius:4px;background:var(--body-bg);color:var(--body-color);cursor:pointer}.toolbar-select:disabled{opacity:.6;cursor:not-allowed}.fmt-toggle .btn{min-width:3.4em;text-align:center}.fmt-toggle .btn.active{background:var(--body-bg);color:var(--primary);border-color:var(--primary);font-weight:700;box-shadow:inset 0 0 0 1px var(--primary)}.result-list{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.result-row{display:flex;align-items:center;gap:.7rem;border:1px solid var(--border);border-radius:8px;padding:.6rem .75rem;background:var(--bg)}.result-row.error{border-color:rgba(220,53,69,.5)}.r-icon{flex:none;font-size:1.4rem;line-height:1}.r-info{flex:1;min-width:0}.r-name{font-weight:600;font-size:.9rem;color:var(--primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.r-meta{font-size:.8rem;color:var(--muted);margin-top:.15rem}.r-meta .arrow{margin:0 .35em}.r-meta .out{color:var(--ok);font-weight:600}.r-meta .out-flat{color:var(--muted);font-weight:600}.r-error{font-size:.8rem;color:var(--err);margin-top:.15rem}.progress{height:6px;border-radius:3px;background:var(--border);overflow:hidden;margin-top:.4rem}.progress-bar{height:100%;background:var(--primary);border-radius:3px;transition:width .2s ease}.r-stat{flex:none;font-size:.8rem;color:var(--muted);min-width:2.6em;text-align:right;font-variant-numeric:tabular-nums}.r-stat.done{color:var(--ok);font-weight:700}.rtl .r-stat{text-align:left}.r-actions{flex:none;display:flex;align-items:center;gap:.3rem}.btn-x{flex:none;width:1.8rem;height:1.8rem;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;font-size:.9rem;color:var(--muted);margin:0}.total-stats{text-align:right;font-size:.85rem;font-weight:600;color:var(--primary);margin-top:.6rem}.rtl .total-stats{text-align:left}.engine-load{position:absolute;inset:0;z-index:30;background:rgba(255,255,255,.92);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;text-align:center;padding:1rem}.dark-mode .engine-load{background:rgba(45,45,45,.94)}.spinner{display:inline-block;width:2.2rem;height:2.2rem;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.el-text{font-size:.95rem;color:var(--body-color)}.el-sub{font-size:.8rem;color:var(--muted)}.notice{border-radius:6px;padding:.7rem .9rem;font-size:.9rem;margin:1rem 0;line-height:1.4}.notice-error{background:rgba(220,53,69,.08);border:1px solid rgba(220,53,69,.35);color:#b3261b}.dark-mode .notice-error{color:#ef9a93}.notice-tip{background:rgba(240,173,78,.12);border:1px solid rgba(240,173,78,.45);color:#8a5a00}.dark-mode .notice-tip{color:#e6b980}.notice-tip::before{content:"\26A0\FE0F  "}.privacy-note{text-align:center;font-size:.82rem;color:var(--muted);margin-top:.9rem}.privacy-note::before{content:"\1F512\FE0E  "}.content{max-width:600px;margin:2rem auto;padding:1rem;line-height:1.6}.content h4{font-size:1.1rem;margin:1.5rem 0 .75rem;color:var(--body-color);text-align:center}.content p{margin-bottom:1rem;color:var(--body-color)}.content p:first-child{margin-top:0}.content strong{font-weight:600}.content table{width:100%;border-collapse:collapse;font-size:.9rem;margin:.5rem 0 1rem}.content td,.content th{padding:.4rem .6rem;border:1px solid var(--border);text-align:left}.content th{background:var(--bg);font-weight:600;font-size:.85rem}.base-footer a{color:#4a90d9;transition:color .2s}.base-footer a:visited{color:#4a90d9}.base-footer a:hover{color:#2c6fad;text-decoration:underline}@media(max-width:600px){.toolbar{justify-content:center}.toolbar-right{order:-1;width:100%;justify-content:center}.editor:not(.active) .toolbar-right{display:none}}.r-thumb{flex:none;width:96px;height:72px;border:1px solid var(--border);border-radius:6px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;background-color:#fafafa;background-image:linear-gradient(45deg,#e2e2e2 25%,transparent 25%,transparent 75%,#e2e2e2 75%),linear-gradient(45deg,#e2e2e2 25%,transparent 25%,transparent 75%,#e2e2e2 75%);background-size:14px 14px;background-position:0 0,7px 7px}.dark-mode .r-thumb{border-color:#444;background-color:#232323;background-image:linear-gradient(45deg,#333 25%,transparent 25%,transparent 75%,#333 75%),linear-gradient(45deg,#333 25%,transparent 25%,transparent 75%,#333 75%)}.r-thumb img{max-width:100%;max-height:100%;object-fit:contain;display:block}.r-thumb-icon{font-size:1.5rem;opacity:.55}.r-thumb.ready{cursor:pointer}.r-thumb.ready::before{content:"";position:absolute;left:50%;top:50%;width:34px;height:34px;transform:translate(-50%,-50%);background:rgba(0,0,0,.55);border:1.5px solid rgba(255,255,255,.9);border-radius:50%;box-sizing:border-box;pointer-events:none}.r-thumb.ready::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-38%,-50%);border-style:solid;border-width:7px 0 7px 12px;border-color:transparent transparent transparent #fff;pointer-events:none}.r-thumb.ready:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.r-thumb-spin{width:26px;height:26px;border:3px solid rgba(0,0,0,.15);border-top-color:var(--primary);border-radius:50%;animation:togif-spin .8s linear infinite}.dark-mode .r-thumb-spin{border-color:rgba(255,255,255,.2);border-top-color:var(--primary)}@keyframes togif-spin{to{transform:rotate(360deg)}}.progress.indeterminate .progress-bar{width:40%!important;animation:togif-indet 1.05s ease-in-out infinite}@keyframes togif-indet{0%{margin-left:-42%}100%{margin-left:100%}}.lightbox{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;padding:1rem}.lb-inner{background:var(--body-bg);border:1px solid var(--border);border-radius:10px;padding:1rem;max-width:min(92vw,760px);max-height:90vh;display:flex;flex-direction:column;align-items:center;gap:.75rem;overflow:auto}.lb-img{max-width:100%;max-height:68vh;object-fit:contain;border-radius:6px;background-color:#fafafa;background-image:linear-gradient(45deg,#e2e2e2 25%,transparent 25%,transparent 75%,#e2e2e2 75%),linear-gradient(45deg,#e2e2e2 25%,transparent 25%,transparent 75%,#e2e2e2 75%);background-size:20px 20px;background-position:0 0,10px 10px}.dark-mode .lb-img{background-color:#232323;background-image:linear-gradient(45deg,#333 25%,transparent 25%,transparent 75%,#333 75%),linear-gradient(45deg,#333 25%,transparent 25%,transparent 75%,#333 75%)}.lb-meta{font-size:.85rem;color:var(--muted);font-variant-numeric:tabular-nums}.lb-actions{display:flex;gap:.5rem}@media (max-width:480px){.r-thumb{width:72px;height:54px}.r-thumb.ready::before{width:28px;height:28px}.r-thumb.ready::after{border-width:6px 0 6px 10px}}