/* Site palette: define literal UI colors here only.
   Components use semantic roles; brand artwork and payment/promotion colors are exceptions. */
:root {
  --color-blue: #2563eb;
  --color-red: #c6231b;
  --color-black: #202124;
  --color-white: #fff;
  --color-primary: var(--color-blue);
  --color-dropzone-border: #3b82f6;
  --color-dropzone-border-hover: color-mix(in srgb, var(--color-dropzone-border) 85%, var(--color-black));
  --color-primary-hover: color-mix(in srgb, var(--color-primary) 85%, var(--color-black));
  --color-primary-active: color-mix(in srgb, var(--color-primary) 70%, var(--color-black));
  --color-primary-soft: color-mix(in srgb, var(--color-primary) 6%, var(--color-white));
  --color-primary-tint: color-mix(in srgb, var(--color-primary) 15%, var(--color-white));
  --color-danger: var(--color-red);
  --color-danger-hover: color-mix(in srgb, var(--color-danger) 85%, var(--color-black));
  --color-danger-soft: color-mix(in srgb, var(--color-danger) 5%, var(--color-white));
  --color-danger-border: color-mix(in srgb, var(--color-danger) 20%, var(--color-white));
  --color-text: #30343b;
  --color-text-muted: #747a83;
  --color-text-subtle: #969ba3;
  --color-border: #e1e5ec;
  --color-border-strong: #bfc2c8;
  --color-surface-muted: #f8f9fa;
  --color-table-surface: #fafbfe;
  --color-table-row: #fafafb;
  --color-table-row-alt: #f1f2f5;
  --color-table-cell-alt: #f8f9fb;
  --color-surface-warm: #f4f1ed;
  --color-border-warm: #d3d1cc;
  --color-success: #4caf50;
  --color-success-text: #245f38;
  --color-success-soft: #f2faf3;
  --color-warning: #926414;
  --color-warning-soft: #fff7e7;
  --color-shadow-menu: color-mix(in srgb, var(--color-black) 12%, transparent);
  --color-brand-wordmark: #c6231b;
  --color-brand-wechat: #07c160;
  --color-brand-wechat-button: #06bf60;
  --color-brand-alipay: #1677ff;
  --color-brand-stripe: #635bff;
  --color-promotion-background: var(--color-primary);
  --color-promotion-text: #ca0d0b;
}

:root{font-family:Arial,"Microsoft YaHei",system-ui,sans-serif;color:var(--color-text);background:var(--color-white);font-synthesis:none;font-optical-sizing:auto;font-weight:400}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:360px;background:var(--color-white);color:var(--color-text)}.site-header{height:68px;border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - 1160px)/2));background:var(--color-white)}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--color-text)}.brand-mark{width:29px;height:29px;background:var(--color-primary);border-radius:7px;display:grid;place-items:center;color:var(--color-white);font-weight:700;font-size:15px;box-shadow:0 2px 5px color-mix(in srgb, var(--color-primary) 16.08%, transparent)}.brand-name{font-size:19px;letter-spacing:-.65px;font-weight:700}.brand-name span{font-weight:400;color:var(--color-text-muted)}.header-nav{display:flex;align-items:center;gap:26px}.header-nav>a,.nav-link{color:var(--color-text-muted);text-decoration:none;font:inherit;font-size:12px}.nav-link{border:0;background:transparent;cursor:pointer;padding:5px}.nav-count{display:inline-grid;place-items:center;min-width:19px;height:19px;background:var(--color-surface-muted);border-radius:10px;font-size:10px;margin-left:3px;color:var(--color-text-muted)}.service-pill{display:flex;align-items:center;gap:6px;color:var(--color-text-muted);font-size:10px}.service-pill i{width:7px;height:7px;border-radius:50%;background:var(--color-border-strong)}.service-pill small{color:var(--color-text-subtle)}.login-button{border:1px solid var(--color-border);background:var(--color-white);color:var(--color-text);border-radius:5px;padding:7px 14px;font:inherit;font-size:11px;cursor:pointer}.page-wrap{width:min(100% - 40px,980px);margin:0 auto}.hero{text-align:center;padding:56px 0 24px}.hero-kicker{font-size:10px;color:var(--color-primary);letter-spacing:.35px;font-weight:600}.hero-kicker span{font-size:12px;margin-right:4px}.hero h1,.workspace-heading h1{font-size:27px;letter-spacing:-.5px;margin:13px 0 9px;font-weight:600;color:var(--color-black)}.hero p,.workspace-heading p{color:var(--color-text-muted);font-size:12px;margin:0;line-height:1.65}.initial-upload{width:min(100%,680px);margin:18px auto 0;text-align:center}.dropzone{min-height:235px;border:1px dashed var(--color-primary-tint);border-radius:5px;background:var(--color-surface-muted);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:border-color .15s,background .15s}.dropzone:hover,.dropzone.dragover{border-color:var(--color-primary);background:var(--color-surface-muted)}.dropzone input,.audio-dropzone input{display:none}.upload-icon{height:44px;width:44px;border-radius:50%;display:grid;place-items:center;background:var(--color-surface-muted);margin-bottom:12px}.upload-icon svg{height:21px;width:21px;fill:none;stroke:var(--color-primary);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.dropzone strong{font-size:14px;color:var(--color-text);font-weight:600}.drop-sub{font-size:11px;color:var(--color-text-subtle);margin-top:6px}.file-hints{display:flex;gap:7px;margin-top:16px}.file-hints span{font-size:9px;color:var(--color-text-muted);background:var(--color-surface-muted);border-radius:3px;padding:5px 8px}.sample-link{border:0;background:none;color:var(--color-primary);font:inherit;font-size:11px;margin:14px auto 0;cursor:pointer}.upload-footnote{font-size:9px;color:var(--color-text-subtle);margin-top:28px}.upload-footnote span{margin-right:4px}.workspace{margin:29px auto 0}.workspace-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:18px}.workspace-heading h1{font-size:24px;margin:8px 0 5px}.replace-button{border:1px solid var(--color-border);background:var(--color-white);color:var(--color-text-muted);border-radius:4px;padding:8px 12px;font:inherit;font-size:10px;cursor:pointer}.loaded-file{height:48px;border:1px solid var(--color-border);background:var(--color-white);border-radius:5px;display:flex;align-items:center;gap:10px;padding:0 12px;margin-bottom:14px}.file-mark{font-size:8px;color:var(--color-primary);background:var(--color-surface-muted);border-radius:3px;padding:6px 5px;font-weight:700}.loaded-file b,.loaded-file small{display:block}.loaded-file b{font-size:10px;font-weight:600}.loaded-file small{font-size:9px;color:var(--color-text-subtle);margin-top:3px}.loaded-check{margin-left:auto;color:var(--color-success);font-size:13px}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(290px,.85fr);gap:14px;align-items:start}.panel,.task-section,.srt-tool{border:1px solid var(--color-border);border-radius:5px;background:var(--color-white)}.editor-panel{padding:17px}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.panel-heading h2{font-size:13px;margin:0 0 5px;font-weight:600;color:var(--color-text)}.panel-heading p{font-size:10px;color:var(--color-text-subtle);margin:0}.cue-badge,.step-tag{font-size:9px;color:var(--color-text-muted);background:var(--color-surface-muted);padding:5px 8px;border-radius:3px;white-space:nowrap}.editor-panel textarea,.result-wrap textarea{width:100%;height:310px;resize:vertical;border:1px solid var(--color-border);border-radius:4px;padding:12px;color:var(--color-text);font:11px/1.85 ui-monospace,SFMono-Regular,Consolas,monospace;outline:none}.editor-panel textarea:focus,.result-wrap textarea:focus{border-color:var(--color-primary-tint)}.editor-panel textarea::placeholder{color:var(--color-text-subtle)}.editor-controls{display:flex;align-items:flex-end;gap:10px;margin-top:11px}.field{flex:1;min-width:0}.field>span{display:block;color:var(--color-text-muted);font-size:9px;margin:0 0 5px}.field select,.number-wrap{width:100%;height:32px;border:1px solid var(--color-border);border-radius:4px;background:var(--color-white);color:var(--color-text);font:inherit;font-size:10px;padding:0 8px;outline:none}.field select:focus,.number-wrap:focus-within{border-color:var(--color-primary)}.number-wrap{display:flex;align-items:center}.number-wrap input{width:100%;min-width:20px;border:0;outline:0;font:inherit;font-size:10px;color:var(--color-text)}.number-wrap span{color:var(--color-text-subtle);font-size:9px}.secondary-button{height:32px;white-space:nowrap;border:1px solid var(--color-primary);border-radius:4px;background:var(--color-primary);color:var(--color-white);padding:0 12px;font:inherit;font-size:10px;cursor:pointer}.secondary-button:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.secondary-button span{margin-left:5px}.side-panels{display:grid;gap:13px}.audio-panel,.flow-panel{padding:16px}.audio-dropzone{min-height:61px;border:1px dashed var(--color-border);background:var(--color-surface-muted);border-radius:4px;display:flex;align-items:center;gap:10px;padding:9px 11px;cursor:pointer}.audio-dropzone:hover,.audio-dropzone.dragover{border-color:var(--color-primary);background:var(--color-surface-muted)}.audio-icon{width:29px;height:29px;border-radius:4px;display:grid;place-items:center;color:var(--color-primary);background:var(--color-surface-muted);font-size:14px}.audio-dropzone>span:nth-of-type(2){flex:1}.audio-dropzone b,.audio-dropzone small{display:block}.audio-dropzone b{font-size:10px;font-weight:600;color:var(--color-text)}.audio-dropzone small{font-size:9px;color:var(--color-text-subtle);margin-top:3px}.plus-icon{font-size:18px;color:var(--color-text-subtle)}.selected-file{display:flex;align-items:center;gap:9px;margin-top:9px;border:1px solid var(--color-border);border-radius:4px;padding:8px}.file-type{width:25px;height:25px;border-radius:4px;background:var(--color-surface-muted);display:grid;place-items:center;color:var(--color-primary);font-size:12px}.file-info{min-width:0;flex:1}.file-info b,.file-info span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-info b{font-size:9px}.file-info span{font-size:8px;color:var(--color-text-subtle);margin-top:3px}.remove-file{border:0;background:transparent;color:var(--color-text-subtle);font-size:17px;cursor:pointer}.service-note{display:flex;align-items:flex-start;gap:8px;margin-top:11px;padding:9px;background:var(--color-surface-muted);border-radius:4px}.note-icon{color:var(--color-primary);font-size:12px}.service-note div{min-width:0}.service-note b,.service-note small{display:block}.service-note b{font-size:9px;color:var(--color-text-muted);font-weight:600}.service-note small{font-size:8px;line-height:1.5;color:var(--color-text-subtle);margin-top:3px}.primary-button{width:100%;height:34px;margin-top:10px;border:0;border-radius:4px;background:var(--color-border-strong);color:var(--color-white);font:inherit;font-size:10px;font-weight:600;cursor:not-allowed}.primary-button span{float:right;margin-right:11px;color:var(--color-surface-muted)}.flow-title{display:flex;align-items:center;gap:7px;margin-bottom:13px}.flow-title>span{color:var(--color-primary);font-size:13px}.flow-title h3{font-size:11px;margin:0;font-weight:600}.flow-step{display:flex;align-items:center;gap:8px;margin:10px 0}.flow-step>i{width:20px;height:20px;border:1px solid var(--color-border);border-radius:50%;display:grid;place-items:center;color:var(--color-text-subtle);font-style:normal;font-size:9px;flex:none}.flow-step span{flex:1}.flow-step b,.flow-step small{display:block}.flow-step b{font-size:9px;font-weight:600;color:var(--color-text)}.flow-step small{font-size:8px;color:var(--color-text-subtle);margin-top:3px}.flow-step em{font-size:8px;color:var(--color-text-subtle);font-style:normal}.flow-step em.ready{color:var(--color-success)}.result-wrap{margin-top:14px;padding-top:12px;border-top:1px solid var(--color-border)}.result-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.result-head b,.result-head small{display:block}.result-head b{font-size:10px}.result-head small{font-size:9px;color:var(--color-text-subtle);margin-top:3px}.result-wrap textarea{height:220px}.copy-button{border:1px solid var(--color-border);background:var(--color-white);color:var(--color-text-muted);border-radius:4px;padding:5px 8px;font:inherit;font-size:9px;cursor:pointer}.download-button{width:100%;height:32px;background:var(--color-surface-muted);border:1px solid var(--color-primary-soft);border-radius:4px;color:var(--color-primary);font:inherit;font-weight:600;font-size:10px;margin-top:8px;cursor:pointer}.download-button span{margin-left:5px}.task-section{margin-top:17px;padding:15px 17px}.section-heading{display:flex;align-items:center;justify-content:space-between}.section-heading h2{font-size:13px;margin:0;color:var(--color-text);font-weight:600}.section-heading h2 span{color:var(--color-text-subtle);font-size:10px;font-weight:400}.section-heading p{font-size:9px;color:var(--color-text-subtle);margin:5px 0 0}.clear-button{border:0;background:transparent;color:var(--color-text-subtle);font:inherit;font-size:9px;cursor:pointer}.empty-history{padding:18px 0 13px;text-align:center;color:var(--color-text-subtle)}.empty-icon{width:27px;height:27px;border-radius:50%;background:var(--color-surface-muted);display:grid;place-items:center;margin:0 auto 6px;font-size:13px}.empty-history b,.empty-history small{display:block}.empty-history b{font-size:9px;font-weight:500;color:var(--color-text-muted)}.empty-history small{font-size:8px;margin-top:4px}.history-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:8px}.history-item{margin-top:12px;border:1px solid var(--color-border);border-radius:4px;padding:9px;display:flex;gap:8px;align-items:center}.history-item .file-type{width:24px;height:24px;font-size:10px}.history-item b,.history-item small{display:block;max-width:165px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-item b{font-size:9px}.history-item small{font-size:8px;color:var(--color-text-subtle);margin-top:3px}.history-check{margin-left:auto;color:var(--color-success)}.how-section{margin:45px 0 28px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:15px}.step-card{border:1px solid var(--color-border);border-radius:5px;padding:14px}.step-card>span{font-size:9px;color:var(--color-primary);background:var(--color-surface-muted);padding:5px 7px;border-radius:3px}.step-card b{display:block;font-size:10px;margin-top:12px;font-weight:600}.step-card p{font-size:9px;color:var(--color-text-subtle);margin:5px 0 0;line-height:1.6}.site-footer{border-top:1px solid var(--color-border);padding:17px 0 22px;display:flex;align-items:center;gap:12px;color:var(--color-text-subtle);font-size:9px}.footer-brand .brand-mark{width:22px;height:22px;border-radius:5px;font-size:11px}.footer-brand .brand-name{font-size:14px}.site-footer>a:last-child{margin-left:auto;color:var(--color-primary);text-decoration:none}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:var(--color-text);color:var(--color-white);padding:10px 15px;border-radius:5px;font-size:11px;box-shadow:0 7px 24px color-mix(in srgb, var(--color-black) 16.86%, transparent);transition:.22s;z-index:10}.toast.show{transform:translate(-50%,0);opacity:1}.hidden,.sr-only{display:none!important}
@media(max-width:760px){.site-header{padding:0 18px}.header-nav{gap:13px}.header-nav>a{display:none}.service-pill{gap:4px}.page-wrap{width:min(100% - 28px,680px)}.hero{padding-top:43px}.hero h1{font-size:23px}.workspace-grid{grid-template-columns:1fr}.editor-panel textarea{height:270px}.side-panels{grid-template-columns:1fr 1fr}.flow-panel{align-self:start}}
@media(max-width:520px){.site-header{height:58px;padding:0 13px}.brand-name{font-size:17px}.header-nav{gap:8px}.service-pill{display:none}.login-button{padding:6px 10px}.page-wrap{width:calc(100% - 24px)}.hero{padding:35px 0 15px}.hero h1{font-size:20px}.hero p{font-size:10px}.dropzone{min-height:205px}.workspace-heading{align-items:center}.workspace-heading h1{font-size:20px}.workspace-heading p{max-width:235px;font-size:10px}.editor-panel{padding:12px}.editor-panel textarea{height:250px;padding:9px;font-size:10px}.editor-controls{gap:6px;flex-wrap:wrap}.field{min-width:calc(50% - 5px)}.secondary-button{flex:1}.side-panels{grid-template-columns:1fr}.steps-grid{grid-template-columns:1fr;gap:7px}.step-card{padding:11px}.step-card b{display:inline;margin-left:8px}.step-card p{margin-top:7px}.task-section{padding:12px}.site-footer{gap:8px}.site-footer>span{font-size:8px}}
.service-pill small.online{color:var(--color-success-text)}
.model-detail,.format-hint{font-size:11px;line-height:1.7;color:var(--color-text-muted);margin:10px 0}
.protected-settings{margin:12px 0;font-size:11px;color:var(--color-text-muted)}
.protected-settings summary{cursor:pointer;color:var(--color-primary)}
.protected-settings label{display:block;margin:10px 0 6px;line-height:1.6}
.editor-panel .protected-settings textarea{height:80px;font-size:12px}
.format-status{padding:10px 12px;background:var(--color-surface-muted);color:var(--color-primary-hover);border-radius:5px;font-size:12px;line-height:1.7;margin-top:10px}
.format-status.warning{background:var(--color-warning-soft);color:var(--color-danger)}
.format-status.error{background:var(--color-danger-soft);color:var(--color-danger)}
button:disabled{opacity:.6;cursor:wait}
.compact-controls{flex-wrap:wrap}
.compact-controls .field{min-width:100px}
.particle-setting{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--color-text-muted);min-height:32px}
.format-issues{padding:12px 12px 12px 30px;margin:8px 0;background:var(--color-danger-soft);border:1px solid var(--color-danger-border);border-radius:5px;font-size:12px;line-height:1.8;color:var(--color-danger);overflow-wrap:anywhere}
.format-issues li+li{margin-top:6px}
.workspace-grid.text-only{grid-template-columns:minmax(0,1fr)}
.initial-upload{width:min(100%,865px);margin:30px auto 0;text-align:center}
.initial-upload .dropzone{min-height:300px;padding:35px 20px;border:2px dashed var(--color-dropzone-border);border-radius:12px;background:var(--color-white);box-shadow:0 8px 28px color-mix(in srgb, var(--color-primary) 3.92%, transparent)}
.initial-upload .dropzone:hover,.initial-upload .dropzone.dragover{border-color:var(--color-dropzone-border);background:var(--color-white)}
.initial-upload .hero-kicker{margin-bottom:4px}
.upload-subtitle{font-size:12px;color:var(--color-text-muted);margin-top:8px}
.select-file-button{display:inline-flex;align-items:center;gap:8px;margin-top:23px;background:var(--color-primary);color:var(--color-white);border-radius:5px;padding:11px 20px;font-size:12px;font-weight:600;box-shadow:0 3px 8px color-mix(in srgb, var(--color-primary) 18.04%, transparent)}
.select-file-button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.initial-upload .drop-sub{margin-top:10px}
.initial-upload .file-hints{margin-top:13px}
.sample-links{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:14px;color:var(--color-border-strong)}
.sample-links .sample-link{margin:0}
.upload-queue{margin:22px auto 0;border:1px solid var(--color-border);border-radius:12px;background:var(--color-white);padding:13px;text-align:left;box-shadow:0 4px 18px color-mix(in srgb, var(--color-black) 3.14%, transparent)}
.queued-file{display:flex;align-items:center;gap:12px;min-width:0}
.queued-file-mark{width:66px;height:66px;flex:none;border-radius:8px;background:var(--color-surface-muted);display:grid;place-items:center;color:var(--color-primary);font-size:12px;font-weight:700}
.queued-file-main{min-width:0;flex:1}
.queued-file-actions{display:flex;gap:7px}
.queued-file-actions button{height:31px;border:0;border-radius:5px;padding:0 15px;color:var(--color-white);font:inherit;font-size:11px;font-weight:600;cursor:pointer}
.queue-start{background:var(--color-success);box-shadow:0 2px 5px color-mix(in srgb, var(--color-success) 14.9%, transparent)}
.queue-start:hover{background:var(--color-success)}
.queue-delete{background:var(--color-danger)}
.queue-delete:hover{background:var(--color-danger-hover)}
@media(max-width:520px){.initial-upload{margin-top:18px}.initial-upload .dropzone{min-height:235px;padding:25px 12px}.upload-title{font-size:19px!important}.upload-subtitle{max-width:275px;line-height:1.6}.select-file-button{margin-top:18px}}
@media(max-width:520px){.upload-queue{padding:10px}.queued-file{gap:9px}.queued-file-mark{width:52px;height:52px}.queued-file-actions button{height:29px;padding:0 13px}}

/* Homepage measurements matched to the Bigjpg reference, October 2026. */
:root {
  --home-ink: var(--color-black);
  --home-body: var(--color-text);
  --home-muted: var(--color-text-muted);
  --home-line: var(--color-border);
  --surface-muted: var(--color-surface-muted);
  --home-green: var(--color-success);
  --home-blue: var(--color-dropzone-border);
  --sk-button-background: var(--color-primary);
  --sk-button-background-hover: var(--color-primary-hover);
  --sk-button-background-active: var(--color-primary-active);
  --action-icon-size: 18px;
  --compact-action-icon-size: 13px;
  --compact-action-icon-gap: 6px;
  --compact-action-height: 30px;
  --compact-action-radius: 4px;
  --compact-action-padding: 11px;
  --compact-action-font-size: 11px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", "Microsoft YaHei", "PingFang SC", "Hiragino Sans", "Yu Gothic", "Malgun Gothic", Tahoma, Arial, sans-serif;
}
html:lang(zh-Hant) {
  --traditional-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang TC", "Microsoft JhengHei", sans-serif;
  font-family: var(--traditional-font-family);
}
body {
  min-width: 320px;
  min-height: 100vh;
  padding: 112px 0 24px;
  color: var(--home-body);
  font-size: 14px;
  font-weight: 200;
  line-height: 1.5;
}
button, input, select, textarea { font-family: inherit; }
button:focus-visible, a:focus-visible, input:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--color-success) 34.9%, transparent);
  outline-offset: 3px;
}
.site-header {
  position: fixed;
  inset: 0 0 auto;
  z-index: 30;
  height: auto;
  min-height: 80px;
  margin: 0;
  padding: 8px 0;
  border-bottom: 1px solid color-mix(in srgb, var(--color-primary) 12%, transparent);
  background: color-mix(in srgb, var(--color-white) 72%, transparent);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--color-black) 8%, transparent);
  backdrop-filter: blur(8px);
}
.header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 1180px;
  min-width: 0;
  margin: auto;
  padding: 0 48px;
}
.site-header .brand { gap: 10px; margin-right: 32px; flex: none; }
.site-header .brand-logo { display: block; width: auto; height: 50px; flex: none; }
.site-header .brand-name { color: var(--home-ink); font-size: 22px; font-weight: 650; letter-spacing: -.02em; line-height: 40px; }
.site-header .brand-buddy { color: var(--color-brand-wordmark); font-weight: inherit; }
.brand-wordmark-en { display: none; }
.brand-name > .brand-wordmark-zh, .brand-name > .brand-wordmark-en { color: inherit; font-weight: inherit; }
html:lang(en) .brand-wordmark-zh, html:lang(zh-Hant) .brand-wordmark-zh { display: none; }
html:lang(en) .brand-wordmark-en, html:lang(zh-Hant) .brand-wordmark-en { display: inline-block; }
.site-header .brand-name.brand-wordmark { display: inline; white-space: nowrap; }
.site-header .brand-wordmark-en { width: auto; height: 18px; vertical-align: middle; }
.header-nav { gap: 5.6px; }
.site-header .nav-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  height: 40px;
  padding: 0 8px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: color-mix(in srgb, var(--color-black) 30%, transparent);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  cursor: pointer;
}
.site-header .nav-link:hover, .site-header .nav-link:focus-visible { color: var(--home-ink); background: var(--color-surface-muted); }
.site-header .login-button { margin-left: 8px; }
.nav-caret { width: 0; height: 0; margin-left: 5px; border: 3px solid transparent; border-top-color: currentColor; transform: translateY(2px); }
.nav-dropdown { position: relative; }
.site-header .nav-dropdown .nav-link[aria-expanded="true"] { color: var(--home-ink); background: var(--color-surface-muted); }
.nav-dropdown-menu { position: absolute; top: calc(100% + 2px); right: 0; z-index: 1; width: max-content; min-width: 196px; max-width: calc(100vw - 60px); margin: 0; padding: 6px 0; list-style: none; border: 1px solid var(--color-border); border-radius: 4px; background: var(--color-white); box-shadow: 0 12px 28px color-mix(in srgb, var(--color-black) 12.16%, transparent); }
.nav-dropdown-menu[hidden] { display: none; }
.nav-dropdown-menu a, .nav-dropdown-menu button { display: flex; align-items: center; gap: 7px; width: 100%; padding: 9px 16px; border: 0; background: transparent; color: var(--color-text-muted); font: inherit; font-size: 13px; line-height: 20px; text-align: left; text-decoration: none; white-space: nowrap; cursor: pointer; }
.nav-dropdown-menu a:hover, .nav-dropdown-menu button:hover, .nav-dropdown-menu a:focus-visible, .nav-dropdown-menu button:focus-visible { color: var(--home-ink); background: var(--color-surface-muted); }
.nav-dropdown-menu a:focus-visible, .nav-dropdown-menu button:focus-visible, #subtitleToolsToggle:focus-visible { outline: 2px solid var(--color-primary); outline-offset: -2px; }
.nav-dropdown-divider { margin-top: 6px; padding-top: 6px; border-top: 1px solid var(--color-border); }
.language-icon { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.3; }
.menu-toggle { display: none; border: 1px solid color-mix(in srgb, var(--color-black) 10.2%, transparent); background: transparent; padding: 8px 12px; cursor: pointer; }
.menu-toggle span { display: block; width: 22px; height: 2px; margin: 4px 0; background: color-mix(in srgb, var(--color-black) 30.2%, transparent); }
.page-wrap { width: 100%; max-width: 1180px; padding: 0 48px; margin: 0 auto; }
.initial-upload { width: 100%; margin: 0; text-align: center; }
.initial-upload .dropzone {
  display: block;
  min-height: 0;
  padding: 48px 28px;
  border: 2px dashed var(--home-blue);
  border-radius: 16px;
  background: var(--color-white);
  box-shadow: 0 14px 42px color-mix(in srgb, var(--color-black) 9%, transparent);
  cursor: default;
}
.initial-upload .dropzone:hover { border-color: var(--color-dropzone-border-hover); background: var(--color-white); }
.initial-upload .dropzone.dragover { border-color: var(--home-green); background: var(--color-success-soft); }
.landing-intro { max-width: 680px; margin: 0 auto 24px; }
.initial-upload .upload-title {
  position: relative;
  display: inline-block;
  margin: 0 0 12px;
  color: var(--home-ink);
  font-size: 38px !important;
  font-weight: 700;
  letter-spacing: -.025em;
  line-height: 1.15;
}
.initial-upload .upload-subtitle { display: block; max-width: none; margin: 0; color: var(--home-body); font-size: 14px; font-weight: 200; line-height: 1.6; }
.initial-upload .select-file-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5.6px;
  height: 52px;
  min-height: 52px;
  margin: 0;
  padding: 14px 24px;
  border: 0 solid var(--sk-button-background);
  border-radius: 8px;
  background: var(--sk-button-background);
  color: var(--color-white);
  box-shadow: 0 8px 20px color-mix(in srgb, var(--color-primary) 20%, transparent);
  font-size: 17px;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
}
.initial-upload .select-file-button:hover { background: var(--sk-button-background-hover); }
.select-file-button svg { width: var(--action-icon-size); height: var(--action-icon-size); flex: none; fill: currentColor; stroke: none; }
.landing-note { width: fit-content; max-width: 100%; margin: 26px auto 0; padding: 2.4px 5.6px; color: var(--home-muted); font-size: 11.5px; font-weight: 400; line-height: 1.4; }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.initial-upload .dropzone input { display: block; }
.upload-queue { margin-top: 20px; padding: 14px 16px; border-color: var(--home-line); box-shadow: none; }
.queued-file-mark { width: 80px; height: 80px; color: var(--home-muted); background: transparent; font-size: 16px; }
.queued-file-mark img { display: block; width: auto; height: 70px; }
.queued-file-heading { min-width: 0; margin-bottom: 8px; font-family: "Microsoft YaHei", system-ui, sans-serif; }
.queued-file-title { margin: 0; color: var(--color-text); font-size: 12px; font-weight: 700; line-height: 1.5; overflow-wrap: anywhere; }
.queued-file-meta { display: flex; align-items: baseline; flex-wrap: wrap; gap: 0 6px; min-width: 0; margin-top: 4px; color: var(--color-text-muted); font-size: 9px; font-weight: 400; line-height: 1.5; }
.queued-file-meta span { white-space: nowrap; }
.queued-file-meta span + span::before { content: "·"; margin-right: 6px; }
.queued-file-actions { display: flex; align-items: center; gap: 6px; }
.queued-save-actions { display: flex; align-items: stretch; flex-wrap: wrap; gap: 6px; }
#queuedResultSlot:has(> .hidden) { display: none; }
.queued-file-actions #queuedResultSlot:has(> .queued-save-actions:not(.hidden)),
.queued-file-actions .queued-save-actions:not(.hidden) { display: contents; }
.queued-file-actions #deleteQueuedFile { order: 1; }
.queued-file-actions button { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; height: 30px; border-radius: 4px; font-size: 11px; line-height: 16px; white-space: nowrap; box-shadow: none; }
.queued-file-actions .queue-start { display: inline-flex; align-items: center; justify-content: center; gap: var(--action-icon-gap, 2px); min-width: 64px; padding: 5px 14px; border: 1px solid var(--sk-button-background); background: var(--sk-button-background); color: var(--color-white); font-weight: 600; transition: background .15s, border-color .15s; }
.queued-file-actions .queue-start:hover:not(:disabled) { border-color: var(--sk-button-background-hover); background: var(--sk-button-background-hover); }
.queued-file-actions .queue-delete, .batch-selection-files .queue-delete { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; height: 30px; padding: 5px 11px; border: 1px solid var(--color-danger); border-radius: 4px; background: var(--color-danger); color: var(--color-white); font-size: 11px; line-height: 16px; font-weight: 400; }
.queued-file-actions .queue-delete:hover:not(:disabled), .batch-selection-files .queue-delete:hover:not(:disabled) { border-color: var(--color-danger-hover); background: var(--color-danger-hover); }
.queued-file-actions button:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 3px; }
/* Smallpdf-style introduction followed by four unboxed feature descriptions. */
.landing-proof { margin: 32px 0 40px; padding: 0; color: var(--color-black); background: var(--color-white); }
.proof-overview { padding: 24px; border: 1px solid var(--color-border-warm); border-radius: 12px; background: var(--color-surface-warm); }
.proof-overview-content { display: flex; align-items: flex-start; gap: 16px 100px; }
.proof-description { flex: 1; min-width: 0; margin: 0; font-size: 14px; font-weight: 400; line-height: 24px; }
.proof-description h2 { margin: 0 0 8px; color: var(--color-black); font-size: 20px; font-weight: 600; line-height: 28px; }
.proof-description p { margin: 0; }
.proof-checklist { flex: 0 1 40%; width: 40%; max-width: 400px; margin: 0; padding: 0; list-style: none; }
.proof-checklist li { display: flex; align-items: flex-start; padding-bottom: 8px; font-size: 14px; font-weight: 400; line-height: 22px; }
.proof-checklist i { flex: 0 0 6px; width: 6px; height: 6px; margin: 8px 8px 0 0; background: var(--color-success); border-radius: 50%; }
.proof-features { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 48px 0 0; padding: 0; list-style: none; }
.proof-feature { display: grid; grid-template-columns: 36px minmax(0, 1fr); align-content: start; gap: 8px 18px; min-width: 0; padding: 24px; }
.proof-feature-heading { display: contents; }
.proof-feature-heading h3 { grid-column: 2; grid-row: 1; align-self: center; min-width: 0; margin: 0; color: var(--color-black); font-size: 18px; font-weight: 600; line-height: 24px; }
.proof-icon { grid-column: 1; grid-row: 1 / span 2; align-self: start; width: 36px; height: 36px; object-fit: contain; }
.proof-feature p { grid-column: 2; margin: 0; color: var(--color-black); font-size: 14px; font-weight: 400; line-height: 24px; }
.landing-proof.tool-guide-only > :not(.seo-guide) { display: none; }
.seo-guide { margin-top: 32px; padding: 24px; border: 1px solid var(--color-border); border-radius: 12px; font-size: 14px; line-height: 1.8; }
.seo-guide h2 { margin: 0 0 16px; font-size: 20px; line-height: 1.5; }
.seo-guide ol { margin: 0 0 20px; padding-left: 22px; }
.seo-guide li + li { margin-top: 8px; }
.seo-guide details { padding: 12px 0; border-top: 1px solid var(--color-border); }
.seo-guide summary { cursor: pointer; font-weight: 500; }
.seo-guide details p { margin: 8px 0 0; color: var(--color-text-muted); }
.seo-guide-note { margin: 16px 0 0; color: var(--color-text-muted); font-size: 12px; }
.site-footer { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: start; gap: 24px; margin: 28px 0 40px; padding: 28px 32px; border: 1px solid var(--color-border); border-radius: 12px; background: var(--surface-muted); color: var(--color-text-muted); font-size: 12px; font-weight: 200; line-height: 1.5; }
.site-footer .footer-brand { display: inline-block; margin-bottom: 12px; color: var(--color-black); text-decoration: none; }
.site-footer .footer-wordmark { display: block; width: auto; height: 13px; }
.site-footer .footer-brand .footer-wordmark { display: none; }
html:lang(en) .site-footer .footer-brand .footer-wordmark,
html:lang(zh-Hant) .site-footer .footer-brand .footer-wordmark { display: block; }
.site-footer .footer-brand .brand-name { color: var(--color-black); font-size: 13px; font-weight: 600; line-height: 20px; }
.site-footer .footer-brand .brand-buddy { color: var(--color-brand-wordmark); font-weight: inherit; }
.footer-list { margin: 0; padding: 0; list-style: none; }
.footer-list li + li { margin-top: 8px; }
.site-footer .footer-list a, .site-footer .footer-list button { margin: 0; padding: 0; border: 0; background: transparent; color: var(--color-text-muted); font: inherit; text-decoration: none; cursor: pointer; }
.site-footer .footer-list a:hover, .site-footer .footer-list button:hover { color: var(--color-black); text-decoration: underline; }
.site-footer .footer-samples { display: flex; flex-wrap: wrap; gap: 10px; padding-top: 8px; }
.site-footer .footer-samples .sample-link { min-height: 38px; padding: 4px 10px; border: 1px solid var(--color-border-strong); border-radius: 9px; background: color-mix(in srgb, var(--color-white) 76.08%, transparent); }
.new-badge { position: relative; top: -.5em; color: var(--color-danger); font-size: 8px; font-weight: 650; }
.upload-title .upload-title-badge {
  position: absolute;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  top: -.6em;
  left: calc(100% + 6px);
  padding: 3px 7px;
  border-radius: 999px;
  background: var(--color-danger);
  color: var(--color-white);
  font-size: 11px;
  line-height: 1.2;
  letter-spacing: 0;
  white-space: nowrap;
}
.upload-title-badge-icon {
  width: 12px;
  height: 12px;
  flex: none;
  fill: currentColor;
}
.service-pill { gap: 6px; font-size: 11px; font-weight: 400; }
.service-pill small { color: var(--home-muted); font-size: inherit; }
.service-pill:has(.online) i { background: var(--home-green); }
.info-dialog { width: min(780px, calc(100% - 24px)); max-height: calc(100dvh - 32px); padding: 0; border: 0; border-radius: 14px; background: var(--color-white); color: var(--home-body); font: inherit; font-weight: 400; box-shadow: 0 18px 60px color-mix(in srgb, var(--color-black) 20%, transparent); }
.info-dialog::backdrop { background: color-mix(in srgb, var(--color-black) 50.2%, transparent); }
.info-dialog-heading { display: flex; align-items: center; justify-content: space-between; padding: 20px 24px; border-bottom: 1px solid var(--home-line); }
.info-dialog-heading h2 { margin: 0; color: var(--home-ink); font-size: 18px; font-weight: 600; }
.info-dialog-heading button { border: 0; background: transparent; color: var(--home-muted); font-size: 24px; line-height: 1; cursor: pointer; }
.info-dialog-body { padding: 24px; font-size: 14px; line-height: 1.7; }
.info-dialog-body p { margin: 0 0 16px; }
.info-dialog-body p:last-child { margin-bottom: 0; }
.info-dialog-body h3 { margin: 20px 0 8px; color: var(--home-ink); font-size: 14px; font-weight: 650; }
.info-dialog-body h3:first-child { margin-top: 0; }
.info-dialog-body code { color: var(--color-success-text); font-size: 12px; overflow-wrap: anywhere; }
.faq-dialog { width: min(780px, calc(100% - 24px)); border-radius: 14px; }
.faq-dialog .info-dialog-heading { padding: 18px 20px; }
.faq-dialog .info-dialog-heading h2 { color: var(--color-black); font-size: 18px; }
.faq-dialog .info-dialog-body { padding: 0; }
.faq-item { border-bottom: 1px solid var(--color-border); }
.faq-item:last-child { border-bottom: 0; }
.faq-item summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 50px; padding: 14px 20px; color: var(--color-black); font-size: 13px; font-weight: 600; line-height: 21px; list-style: none; cursor: pointer; }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary::after { content: ""; flex: none; width: 8px; height: 8px; margin-right: 3px; border-right: 1px solid var(--color-text-muted); border-bottom: 1px solid var(--color-text-muted); transform: translateY(-2px) rotate(45deg); }
.faq-item summary:hover { background: var(--color-surface-muted); }
.faq-item summary:focus-visible { outline: 2px solid var(--color-primary); outline-offset: -3px; }
.faq-item[open] summary { color: var(--color-danger); }
.faq-item[open] summary::after { transform: translateY(2px) rotate(225deg); }
.faq-answer { padding: 0 20px 18px; color: var(--color-text-muted); font-size: 13px; line-height: 1.85; overflow-wrap: anywhere; }
.faq-answer p { margin: 0 0 10px; }
.faq-answer p:last-child { margin-bottom: 0; }
@media (max-width: 520px) {
  .faq-item summary { padding-inline: 16px; }
  .faq-answer { padding-inline: 16px; }
}
.settings-dialog { width: min(480px, calc(100% - 32px)); max-height: calc(100dvh - 32px); margin: auto; padding: 0; overflow-y: auto; border: 1px solid var(--color-border); border-radius: 12px; background: var(--color-white); color: var(--color-text); font: inherit; font-size: 14px; box-shadow: 0 16px 48px color-mix(in srgb, var(--color-black) 14.9%, transparent); }
.settings-dialog::backdrop { background: color-mix(in srgb, var(--color-black) 40%, transparent); }
.delete-confirm-dialog { position: fixed; inset: 0; width: min(300px, calc(100% - 32px)); max-height: calc(100dvh - 32px); margin: auto; padding: 0; overflow-y: auto; border: 0; border-radius: 14px; background: var(--color-white); color: var(--color-text); font: inherit; box-shadow: 0 16px 48px color-mix(in srgb, var(--color-black) 14.9%, transparent); }
.delete-confirm-dialog::backdrop { background: color-mix(in srgb, var(--color-black) 50.2%, transparent); }
.delete-confirm-heading { display: flex; align-items: center; justify-content: space-between; padding: 16px; border-bottom: 1px solid var(--color-border); }
.delete-confirm-heading h2 { margin: 0; color: var(--color-black); font-size: 17px; font-weight: 600; line-height: 24px; }
.delete-confirm-heading button { width: 24px; height: 24px; padding: 0; border: 0; background: transparent; color: var(--color-text-muted); font: inherit; font-size: 26px; line-height: 24px; cursor: pointer; }
.delete-confirm-dialog > p { margin: 0; padding: 18px 16px; color: var(--color-text-muted); font-size: 13px; line-height: 20px; }
.delete-confirm-actions { display: flex; justify-content: flex-end; gap: 8px; padding: 16px; border-top: 1px solid var(--color-border); }
.delete-confirm-actions button { padding: 8px 12px; border: 1px solid var(--color-border); border-radius: 7px; background: var(--color-white); color: var(--color-black); font: inherit; font-size: 12px; font-weight: 600; line-height: 20px; cursor: pointer; }
.delete-confirm-actions #confirmDeleteFile { border-color: var(--color-danger); background: var(--color-danger); color: var(--color-white); }
.delete-confirm-actions #confirmDeleteFile:hover { border-color: var(--color-danger-hover); background: var(--color-danger-hover); }
.delete-confirm-actions #cancelDeleteFile:hover { background: var(--color-surface-muted); }
.delete-confirm-dialog button:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 2px; }
.settings-heading { display: flex; align-items: center; justify-content: space-between; padding: 18px 24px; border-bottom: 1px solid var(--color-border); }
.settings-heading h2 { margin: 0; color: var(--color-text); font-size: 17px; font-weight: 600; line-height: 24px; }
.settings-close { display: grid; place-items: center; width: 28px; height: 28px; padding: 0; border: 0; background: transparent; color: var(--color-text-muted); font: inherit; font-size: 24px; cursor: pointer; }
.settings-body { display: flex; flex-direction: column; gap: 18px; padding: 20px 24px 24px; }
.settings-field { display: flex; flex-direction: column; gap: 8px; font-size: 13px; font-weight: 400; line-height: 1.5; }
.settings-field > span { color: var(--color-text); font-weight: 600; }
.settings-field > small { color: var(--color-text-muted); font-size: 12px; font-weight: 400; }
.settings-field .settings-optional { margin-left: 5px; color: var(--color-text-muted); font-size: 12px; font-weight: 400; }
.settings-choice-row { display: grid; grid-template-columns: 100px minmax(0, 1fr); align-items: center; gap: 12px; padding: 14px 0; border-bottom: 1px solid var(--color-border); font-size: 13px; line-height: 20px; }
.settings-choice-title { color: var(--color-text-muted); font-weight: 600; }
.settings-radio-options { display: flex; align-items: center; flex-wrap: wrap; gap: 12px 20px; }
.settings-radio-option { display: inline-flex; align-items: center; gap: 7px; color: var(--color-text-muted); font-weight: 400; white-space: nowrap; cursor: pointer; }
.settings-radio-option input { appearance: none; flex: none; width: 16px; height: 16px; min-height: 0; margin: 0; padding: 0; border: 1px solid var(--color-border-strong); border-radius: 50%; background: var(--color-surface-muted); cursor: pointer; }
.settings-radio-option input:checked { border: 5px solid var(--color-black); background: var(--color-white); }
.settings-radio-option input:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 3px; }
.settings-radio-option:has(input:disabled) { opacity: .5; cursor: default; }
@media (max-width: 400px) { .settings-choice-row { grid-template-columns: 76px minmax(0, 1fr); gap: 8px; } .settings-radio-options { column-gap: 12px; } }
.settings-field input, .settings-field select, .settings-field textarea { width: 100%; min-height: 40px; margin: 0; padding: 9px 12px; border: 1px solid var(--color-border); border-radius: 6px; background: var(--color-white); color: var(--color-text); font: inherit; font-size: 14px; line-height: 20px; }
.settings-field textarea { height: 98px; min-height: 80px; resize: vertical; }
.settings-field textarea::placeholder { color: var(--color-text-subtle); font-size: 12px; }
.settings-field input:focus, .settings-field select:focus, .settings-field textarea:focus { outline: 2px solid color-mix(in srgb, var(--color-primary) 25.1%, transparent); outline-offset: 1px; border-color: var(--color-primary); }
/* Share the styled native picker across format, layout and rule selects. */
@supports (appearance: base-select) {
  .settings-dialog select,
  .settings-dialog select::picker(select) { appearance: base-select; }
  .settings-dialog select { display: flex; align-items: center; justify-content: space-between; cursor: pointer; }
  .settings-dialog select::picker-icon { content: ""; flex: none; width: 7px; height: 7px; margin-left: 10px; border-right: 1.5px solid var(--color-text-muted); border-bottom: 1.5px solid var(--color-text-muted); transform: translateY(-2px) rotate(45deg); }
  .settings-dialog select:open::picker-icon { transform: translateY(2px) rotate(225deg); }
  .settings-dialog select::picker(select) { margin-top: 6px; padding: 5px; min-width: max(110px, anchor-size(self-inline)); max-height: min(280px, 50dvh); overflow-y: auto; border: 1px solid var(--color-border); border-radius: 10px; background: var(--color-white); color: var(--color-text); font: inherit; box-shadow: 0 6px 22px var(--color-shadow-menu); }
  .settings-dialog select option { display: flex; align-items: center; gap: 10px; min-height: 36px; padding: 8px 12px; border-radius: 6px; font-size: 13px; font-weight: 400; line-height: 20px; cursor: pointer; }
  .settings-dialog select option:checked { background: var(--color-primary-soft); color: var(--sk-button-background-hover); }
  .settings-dialog select option:hover,
  .settings-dialog select option:focus-visible { background: var(--color-primary-tint); color: var(--sk-button-background-hover); outline: none; }
  .settings-dialog select option::checkmark { content: ""; order: 1; flex: none; width: 14px; height: 14px; margin-left: auto; background: var(--sk-button-background); -webkit-mask: url("data:image/svg+xml,%3Csvg%20t%3D%221791745857602%22%20class%3D%22icon%22%20viewBox%3D%220%200%201024%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20p-id%3D%2213341%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22200%22%20height%3D%22200%22%3E%3Cpath%20d%3D%22M934.442667%20183.786667L439.317333%20836.48a42.666667%2042.666667%200%200%201-65.429333%203.029333L110.378667%20552.042667l62.912-57.664%20228.949333%20249.770666%20464.213333-611.925333%2067.989334%2051.562667z%22%20fill%3D%22%23000000%22%20p-id%3D%2213342%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg%20t%3D%221791745857602%22%20class%3D%22icon%22%20viewBox%3D%220%200%201024%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20p-id%3D%2213341%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22200%22%20height%3D%22200%22%3E%3Cpath%20d%3D%22M934.442667%20183.786667L439.317333%20836.48a42.666667%2042.666667%200%200%201-65.429333%203.029333L110.378667%20552.042667l62.912-57.664%20228.949333%20249.770666%20464.213333-611.925333%2067.989334%2051.562667z%22%20fill%3D%22%23000000%22%20p-id%3D%2213342%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center / contain no-repeat; }
  .settings-dialog .cleanup-rule select { padding-inline: 8px; font-size: 12px; }
  .settings-dialog .cleanup-rule select::picker-icon { width: 5px; height: 5px; margin-left: 4px; }
}
.settings-number { position: relative; }
.settings-number input { padding-right: 100px; appearance: textfield; -moz-appearance: textfield; }
.settings-number input::-webkit-inner-spin-button,
.settings-number input::-webkit-outer-spin-button { margin: 0; -webkit-appearance: none; }
.settings-number > span { position: absolute; top: 50%; transform: translateY(-50%); right: 14px; color: var(--color-text-muted); font-size: 12px; pointer-events: none; }
.character-limit-picker { min-width: 0; margin: 0; padding: 0; border: 0; border-radius: 0; }
.character-limit-picker legend { padding: 0; margin-bottom: 10px; color: var(--color-text); font-size: 14px; font-weight: 600; }
.character-limit-presets { display: flex; flex-wrap: wrap; gap: 8px; }
.character-limit-presets button { padding: 10px 14px; border: 1px solid var(--color-border-strong); border-radius: 9px; background: var(--color-white); color: var(--color-text); font: inherit; font-size: 13px; cursor: pointer; }
.character-limit-presets button:hover { background: var(--color-primary-soft); border-color: var(--color-primary); }
.character-limit-presets button[aria-pressed="true"] { background: var(--color-black); border-color: var(--color-black); color: var(--color-white); font-weight: 600; }
.character-limit-presets button:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 2px; }
.character-limit-custom { margin-top: 14px; }
.character-limit-description { margin: 12px 0 0; color: var(--color-text-muted); font-size: 13px; line-height: 1.6; }
.settings-service { margin: 0; color: var(--color-danger); font-size: 12px; line-height: 1.6; }
.settings-actions { display: flex; align-items: center; justify-content: flex-end; gap: 8px; padding: 16px 24px; border-top: 1px solid var(--color-border); background: var(--color-surface-muted); }
.settings-actions button { padding: 7px 10px; border: 1px solid var(--color-border); border-radius: 7px; background: var(--color-white); color: var(--color-text); font: 12px/1.5 "Microsoft YaHei", system-ui, sans-serif; white-space: nowrap; cursor: pointer; }
.settings-actions .settings-cancel:hover:not(:disabled) { background: var(--color-primary-soft); }
.settings-actions .settings-submit { border-color: var(--sk-button-background); background: var(--sk-button-background); color: var(--color-white); }
.settings-actions .settings-submit:hover:not(:disabled) { border-color: var(--sk-button-background-hover); background: var(--sk-button-background-hover); }
.settings-actions button:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 2px; }
.settings-actions button:disabled, .queued-file-actions button:disabled, .select-file-button:disabled { opacity: .55; cursor: wait; }
.processing-panel { margin: 20px 0 32px; padding: 20px 24px; border: 1px solid var(--color-border); border-radius: 12px; background: var(--color-white); font-weight: 400; }
.processing-panel .format-status { margin-top: 0; font-size: 13px; }
.processing-panel .result-wrap { margin-top: 0; padding-top: 0; border-top: 0; }
.processing-panel .format-status:not(.hidden) ~ .result-wrap { margin-top: 16px; }
.processing-panel .replace-button { margin: 8px 0; font-size: 12px; }
.processing-panel #srtOutput { width: 100%; }
.processing-panel .result-head { align-items: flex-start; flex-wrap: wrap; gap: 12px; margin-bottom: 14px; }
.processing-panel .result-head b { color: var(--color-text); font-size: 14px; font-weight: 600; }
.processing-panel .result-head small { color: var(--color-text-subtle); font-size: 12px; line-height: 1.6; }
.result-actions { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 6px; margin-left: auto; }
.processing-panel .copy-button { padding: 6px 10px; border-color: var(--color-border); color: var(--color-text-muted); font-size: 12px; line-height: 18px; }
.processing-panel button:disabled { opacity: .45; cursor: default; }
.result-search-field { position: relative; flex: 1 1 220px; width: 220px; max-width: 100%; min-width: 0; }
.result-actions #resultSearch { display: block; width: 100%; min-width: 0; height: 32px; border: 1px solid var(--color-border); border-radius: 5px; padding: 6px 34px 6px 10px; background: var(--color-white); color: var(--color-text); font: inherit; font-size: 12px; }
.result-search-icon { position: absolute; top: 50%; right: 10px; width: 18px; height: 18px; transform: translateY(-50%); pointer-events: none; }
.result-actions #resultSearch:focus { outline: 2px solid color-mix(in srgb, var(--color-primary) 25.1%, transparent); outline-offset: 1px; border-color: var(--color-primary); }
.subtitle-review { --review-gutter-width: 88px; border: 1px solid var(--color-border); border-radius: 8px; overflow: hidden; background: var(--color-white); }
.subtitle-review-columns, .subtitle-review-row { display: grid; grid-template-columns: var(--review-gutter-width) minmax(0, 1fr) minmax(0, 1fr); }
.subtitle-review-columns { padding-right: var(--review-scrollbar-width, 0px); border-bottom: 1px solid var(--color-border); background: var(--color-surface-muted); color: var(--color-text-muted); font-size: 12px; font-weight: 500; line-height: 18px; }
.subtitle-review-columns > span { min-width: 0; padding: 10px 16px; }
.subtitle-review-columns .review-gutter-heading { padding-inline: 10px; border-right: 1px solid var(--color-border); text-align: center; font-size: 11px; }
.subtitle-review-columns .review-source-column { border-right: 1px solid var(--color-border); }
.subtitle-review-columns small { margin-left: 6px; color: var(--color-text-muted); font-size: 10px; font-weight: 400; white-space: nowrap; }
.subtitle-review-list { height: auto; max-height: min(560px, 65vh); padding: 0; overflow-y: auto; overflow-x: hidden; scrollbar-gutter: stable; scrollbar-width: thin; scrollbar-color: var(--color-border-strong) var(--color-surface-muted); }
.subtitle-review-row { position: relative; border-bottom: 1px solid var(--color-border); color: var(--color-text); font: 13px/24px ui-monospace, "SFMono-Regular", Consolas, "Microsoft YaHei", monospace; }
.subtitle-review-row:last-child { border-bottom: 0; }
.subtitle-review-row:hover { background: var(--color-surface-muted); }
.subtitle-review-row:focus-within { background: var(--color-primary-soft); }
.review-cue-meta { grid-column: 1; grid-row: 1; min-width: 0; padding: 12px 10px; border-right: 1px solid var(--color-border); background: var(--color-surface-muted); color: var(--color-text-muted); text-align: right; user-select: none; }
.review-cue-meta time { display: block; font: 11px/24px Consolas, monospace; white-space: nowrap; }
.review-line-number { display: block; font: 11px/24px Consolas, monospace; font-variant-numeric: tabular-nums; }
.review-cue-meta.has-time .review-line-number { color: var(--color-text-muted); font-size: 10px; line-height: 18px; }
.subtitle-review-row:focus-within .review-cue-meta { color: var(--color-text-muted); background: var(--color-primary-soft); }
.review-original { grid-column: 2; grid-row: 1; min-width: 0; padding: 12px 16px; border-right: 1px solid var(--color-border); }
.review-original p { margin: 0; color: var(--color-text-muted); font: inherit; white-space: pre-wrap; overflow-wrap: anywhere; }
.review-empty-line { color: var(--color-text-subtle); font-size: 11px; }
.review-edited-text { grid-column: 3; grid-row: 1; min-width: 0; padding: 12px 16px; }
.subtitle-review-row:focus-within .review-edited-text { box-shadow: inset 2px 0 var(--color-primary); }
.processing-panel .review-editor { display: block; width: 100%; height: auto; min-height: 24px; margin: 0; padding: 0; resize: none; overflow: hidden; border: 0; border-radius: 0; background: transparent; color: var(--color-text); font: inherit; line-height: 24px; white-space: pre-wrap; overflow-wrap: anywhere; caret-color: var(--color-primary); }
.processing-panel .review-editor:hover { background: transparent; }
.processing-panel .review-editor:focus { outline: none; box-shadow: none; background: transparent; }
.subtitle-review-row.has-error .review-editor { background: var(--color-danger-soft); }
.review-entry-issue { margin: 2px 0; color: var(--color-danger); font-size: 11px; line-height: 1.5; }
.review-entry-issue:empty { display: none; }
.review-mobile-label { display: none; }
.review-no-matches { margin: 0; padding: 28px 16px; color: var(--color-text-muted); text-align: center; font-size: 12px; }
.comparison-hidden .review-source-column { display: none; }
.comparison-hidden .subtitle-review-columns, .comparison-hidden .subtitle-review-row { grid-template-columns: var(--review-gutter-width) minmax(0, 1fr); }
.comparison-hidden .review-edited-text { grid-column: 2; }
.processing-panel .download-button { display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: auto; margin-top: 14px; padding: 7px 10px; border: 1px solid var(--color-primary); border-radius: 7px; background: var(--color-primary); color: var(--color-white); font: 12px/1.5 "Microsoft YaHei", system-ui, sans-serif; white-space: nowrap; }
.processing-panel .download-button:hover:not(:disabled) { background: var(--color-primary-hover); }
.processing-panel .download-button:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 2px; }
.result-downloads { display: flex; align-items: stretch; gap: 8px; width: 100%; margin-top: 12px; }
.processing-panel .result-downloads .download-button { flex: 1 1 0; width: auto; min-width: 0; max-width: 100%; margin-top: 0; }
.processing-panel .result-downloads .download-text-button { background: var(--color-white); border-color: var(--color-border); color: var(--color-text); }
.processing-panel .download-text-button:hover:not(:disabled) { background: var(--color-primary-soft); }
.action-icon-button:not(.select-file-button) { --action-icon-size: var(--compact-action-icon-size); --action-icon-gap: var(--compact-action-icon-gap); display: inline-flex; align-items: center; justify-content: center; gap: var(--action-icon-gap); }
.action-icon-button:not(.select-file-button):not(.text-action) { box-sizing: border-box; height: var(--compact-action-height); padding: 5px var(--compact-action-padding); border-radius: var(--compact-action-radius); font-size: var(--compact-action-font-size); line-height: 18px; white-space: nowrap; }
.action-icon-button.text-action { --action-icon-size: 11px; --action-icon-gap: 4px; height: auto; padding: 0; border: 0; border-radius: 0; background: transparent; font-size: var(--compact-action-font-size); font-weight: 400; line-height: 18px; text-decoration: none; white-space: nowrap; }
.action-icon-button::before { content: ""; display: block; flex: none; width: var(--action-icon-size); height: var(--action-icon-size); background: currentColor; -webkit-mask: var(--button-icon) center / contain no-repeat; mask: var(--button-icon) center / contain no-repeat; }
#selectSubtitleFile { --button-icon: url("data:image/svg+xml,%3Csvg%20t%3D%221791540765797%22%20class%3D%22icon%22%20viewBox%3D%220%200%201024%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20p-id%3D%222366%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22200%22%20height%3D%22200%22%3E%3Cpath%20d%3D%22M238.336%20384L481.834667%20140.501333a42.666667%2042.666667%200%200%201%2060.330666%200L785.664%20384%20725.333333%20444.330667l-170.666666-170.666667V682.666667h-85.333334V273.664l-170.666666%20170.666667L238.336%20384zM192%20810.666667v-149.333334H106.666667v192a42.666667%2042.666667%200%200%200%2042.666666%2042.666667h725.333334a42.666667%2042.666667%200%200%200%2042.666666-42.666667v-192h-85.333333v149.333334H192z%22%20fill%3D%22%23000000%22%20p-id%3D%222367%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); }
#chooseBatchFiles { --button-icon: url("data:image/svg+xml,%3Csvg%20t%3D%221791746803141%22%20class%3D%22icon%22%20viewBox%3D%22106.666666%20128%20810.666668%20768%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20p-id%3D%225278%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22200%22%20height%3D%22200%22%3E%3Cpath%20d%3D%22M106.666667%20170.666667a42.666667%2042.666667%200%200%201%2042.666666-42.666667h241.770667a42.666667%2042.666667%200%200%201%2030.912%2013.226667L551.616%20277.333333H874.666667a42.666667%2042.666667%200%200%201%2042.666666%2042.666667v533.333333a42.666667%2042.666667%200%200%201-42.666666%2042.666667H149.333333a42.666667%2042.666667%200%200%201-42.666666-42.666667V170.666667z%20m85.333333%2042.666666v597.333334h640V362.666667H533.333333a42.666667%2042.666667%200%200%201-30.890666-13.226667L372.821333%20213.333333H192z%22%20fill%3D%22%23000000%22%20p-id%3D%225279%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); }
.start-action { --button-icon: url("data:image/svg+xml,%3Csvg%20t%3D%221791745621823%22%20class%3D%22icon%22%20viewBox%3D%220%200%201024%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20p-id%3D%222949%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22200%22%20height%3D%22200%22%3E%3Cpath%20d%3D%22M398.222222%200v113.777778H113.777778v796.444444h796.444444v-284.444444h113.777778v341.333333a56.888889%2056.888889%200%200%201-56.888889%2056.888889H56.888889a56.888889%2056.888889%200%200%201-56.888889-56.888889V56.888889a56.888889%2056.888889%200%200%201%2056.888889-56.888889h341.333333z%20m431.559111%20113.777778H568.888889V0h455.111111v455.111111h-113.777778V194.218667l-398.222222%20398.222222L431.559111%20512l398.222222-398.222222z%22%20fill%3D%22%23000000%22%20p-id%3D%222950%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); }
.delete-action { --button-icon: url("data:image/svg+xml,%3Csvg%20t%3D%221791746261404%22%20class%3D%22icon%22%20viewBox%3D%22128%2085.333333%20768%20853.333334%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20p-id%3D%221814%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22200%22%20height%3D%22200%22%3E%3Cpath%20d%3D%22M358.485333%20853.333333l-60.053333-580.394666-84.885333%208.789333%2064%20618.666667A42.666667%2042.666667%200%200%200%20320%20938.666667h384a42.666667%2042.666667%200%200%200%2042.453333-38.272l64-618.666667-84.906666-8.789333L665.536%20853.333333H358.485333z%22%20fill%3D%22%23000000%22%20p-id%3D%221815%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M128%20234.666667h768v85.333333H128v-85.333333z%22%20fill%3D%22%23000000%22%20p-id%3D%221816%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M321.642667%20116.266667A42.666667%2042.666667%200%200%201%20362.666667%2085.333333h298.666666a42.666667%2042.666667%200%200%201%2041.024%2030.933334l42.666667%20149.333333A42.666667%2042.666667%200%200%201%20704%20320H320a42.666667%2042.666667%200%200%201-41.024-54.4l42.666667-149.333333zM394.858667%20170.666667l-18.304%2064H647.466667l-18.304-64H394.88zM469.333333%20704V448h85.333334v256h-85.333334z%22%20fill%3D%22%23000000%22%20p-id%3D%221817%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); }
#formatButton.action-icon-button { display: inline-flex; align-items: center; justify-content: center; gap: var(--action-icon-gap, 2px); }
.save-action { --button-icon: url("data:image/svg+xml,%3Csvg%20t%3D%221791540772423%22%20class%3D%22icon%22%20viewBox%3D%22106.666666%20128%20810.666668%20768%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20p-id%3D%222524%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22200%22%20height%3D%22200%22%3E%3Cpath%20d%3D%22M554.666667%20558.336l170.666666-170.666667L785.664%20448%20542.165333%20691.498667a42.666667%2042.666667%200%200%201-60.330666%200L238.336%20448%20298.666667%20387.669333l170.666666%20170.666667V128h85.333334v430.336z%22%20fill%3D%22%23000000%22%20p-id%3D%222525%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M192%20661.333333v149.333334h640v-149.333334h85.333333v192a42.666667%2042.666667%200%200%201-42.666666%2042.666667H149.333333a42.666667%2042.666667%200%200%201-42.666666-42.666667v-192h85.333333z%22%20fill%3D%22%23000000%22%20p-id%3D%222526%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); }
#toggleComparison { --button-icon: url("data:image/svg+xml,%3Csvg%20t%3D%221791541248602%22%20class%3D%22icon%22%20viewBox%3D%220%200%201024%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20p-id%3D%223315%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22200%22%20height%3D%22200%22%3E%3Cpath%20d%3D%22M369.024%20463.808l-234.88-197.76-54.954667%2065.258667%20138.154667%20116.352-98.176%2098.176%2060.330667%2060.330666%20103.36-103.338666L314.026667%20529.066667A306.432%20306.432%200%200%200%20469.333333%20598.357333V725.333333h85.333334v-126.976a306.432%20306.432%200%200%200%20155.285333-69.269333l31.189333-26.261333%20103.36%20103.338666%2060.330667-60.330666-98.176-98.176%20138.154667-116.352-54.954667-65.28-234.88%20197.781333a221.973333%20221.973333%200%200%201-285.952%200z%22%20fill%3D%22%23000000%22%20p-id%3D%223316%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); }
#toggleComparison[aria-pressed="false"] { --button-icon: url("data:image/svg+xml,%3Csvg%20t%3D%221791541918406%22%20class%3D%22icon%22%20viewBox%3D%220%200%201024%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20p-id%3D%223933%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22200%22%20height%3D%22200%22%3E%3Cpath%20d%3D%22M406.250667%20265.856a170.666667%20170.666667%200%200%201%20211.498666%200L874.666667%20468.672v86.656l-256.917334%20202.816a170.666667%20170.666667%200%200%201-211.498666%200L149.333333%20555.328v-86.656l256.917334-202.816z%20m264.384-66.986667a256%20256%200%200%200-317.269334%200L80.234667%20414.506667A42.666667%2042.666667%200%200%200%2064%20448v128a42.666667%2042.666667%200%200%200%2016.213333%2033.493333l273.152%20215.637334a256%20256%200%200%200%20317.269334%200L943.765333%20609.493333A42.666667%2042.666667%200%200%200%20960%20576v-128a42.666667%2042.666667%200%200%200-16.213333-33.493333L670.613333%20198.869333zM469.333333%20426.666667v170.666666h85.333334v-170.666666h-85.333334z%22%20fill%3D%22%23000000%22%20p-id%3D%223934%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); }
#restoreAllResults { --button-icon: url("data:image/svg+xml,%3Csvg%20t%3D%221791541337065%22%20class%3D%22icon%22%20viewBox%3D%220%200%201024%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20p-id%3D%223473%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22200%22%20height%3D%22200%22%3E%3Cpath%20d%3D%22M428.373333%20202.816a317.141333%20317.141333%200%200%201%20203.733334%2013.44%20318.890667%20318.890667%200%200%201%20145.066666%20120.725333l-104.213333-26.048-20.693333%2082.773334%20212.053333%2053.013333a42.666667%2042.666667%200%200%200%2052.672-35.946667l27.221333-211.84-84.650666-10.88-12.778667%2099.477334a404.181333%20404.181333%200%200%200-181.973333-150.101334%20402.474667%20402.474667%200%200%200-258.517334-17.024A403.776%20403.776%200%200%200%20190.72%20264.490667%20406.293333%20406.293333%200%200%200%20106.666667%20510.272a406.314667%20406.314667%200%200%200%2081.941333%20246.506667%20403.797333%20403.797333%200%200%200%20214.378667%20145.92%20402.474667%20402.474667%200%200%200%20258.645333-14.805334%20404.266667%20404.266667%200%200%200%20196.416-169.450666l21.674667-36.757334-73.493334-43.328-21.674666%2036.736a318.933333%20318.933333%200%200%201-154.944%20133.696%20317.12%20317.12%200%200%201-203.84%2011.669334%20318.464%20318.464%200%200%201-169.045334-115.093334A320.981333%20320.981333%200%200%201%20192%20510.634667a320.96%20320.96%200%200%201%2066.368-194.154667%20318.421333%20318.421333%200%200%201%20170.026667-113.664z%22%20fill%3D%22%23000000%22%20p-id%3D%223474%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); }
#copyButton, #fileToolCopy { --button-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%20200%22%3E%0A%3Cpath%20d%3D%22M135.7%2C8.7H64.3c-4.6%2C0-8.3%2C3.7-8.3%2C8.3v33.3c0%2C4.6%2C3.7%2C8.3%2C8.3%2C8.3h71.4c4.6%2C0%2C8.3-3.7%2C8.3-8.3V17%20C144%2C12.4%2C140.3%2C8.7%2C135.7%2C8.7z%20M127.4%2C42H72.6V25.3h54.7V42z%22%2F%3E%0A%3Cpath%20d%3D%22M166.7%2C29.3h-25V46c4.1%2C0%2C16.7%2C0%2C16.7%2C0v128.7H41.7V46c0%2C0%2C11.8%2C0%2C15.3%2C0V29.3H33.3c-4.6%2C0-8.3%2C3.7-8.3%2C8.3V183%20c0%2C4.6%2C3.7%2C8.3%2C8.3%2C8.3h133.3c4.6%2C0%2C8.3-3.7%2C8.3-8.3V37.7C175%2C33.1%2C171.3%2C29.3%2C166.7%2C29.3z%22%2F%3E%0A%3C%2Fsvg%3E"); }
.initial-upload .select-file-button:active {
  background: var(--sk-button-background-active);
}
.processing-panel .result-downloads .download-button:disabled { opacity: .45; cursor: not-allowed; }
@media (max-width: 600px) {
  .processing-panel { padding: 16px 12px; }
  .subtitle-review { --review-gutter-width: 64px; }
  .subtitle-review-columns, .subtitle-review-row { grid-template-columns: var(--review-gutter-width) minmax(0, 1fr); }
  .subtitle-review-columns .review-source-column { display: none; }
  .subtitle-review-columns > span { padding-inline: 10px; }
  .subtitle-review-columns .review-gutter-heading { padding-inline: 4px; font-size: 10px; }
  .review-cue-meta { grid-row: 1 / 3; padding-inline: 6px; }
  .review-cue-meta time { font-size: 10px; }
  .review-original { grid-column: 2; grid-row: 1; padding: 10px 12px 4px; border-right: 0; }
  .review-mobile-label { display: block; margin-bottom: 3px; color: var(--color-text-muted); font: 10px/16px "Microsoft YaHei", system-ui, sans-serif; }
  .review-edited-text { grid-column: 2; grid-row: 2; padding: 8px 12px 12px; }
  .comparison-hidden .review-edited-text { grid-row: 1; padding-top: 12px; }
  .comparison-hidden .review-cue-meta { grid-row: 1; }
}
.toast { max-width: calc(100% - 32px); z-index: 40; font-size: 12px; font-weight: 400; }
@media (max-width: 991.98px) {
  .header-inner { flex-wrap: nowrap; }
  .header-nav { display: flex; width: auto; padding: 0; }
  .site-header .nav-link { width: 100%; justify-content: flex-start; padding: 0 12px; }
  .site-header .login-button { margin-left: 0; }
}
@media (max-width: 767.98px) {
  body { padding: 100px 0 12px; }
  .header-inner, .page-wrap { padding: 0 30px; }
  .site-header .brand-name { font-size: 18px; line-height: 1.25; }
  .site-header .brand-wordmark-en { height: 18px; }
  .initial-upload { margin-top: 0; }
  .initial-upload .dropzone { min-height: 0; padding: 34px 16px; }
  .landing-intro { margin-bottom: 20px; }
  .upload-title .upload-title-badge { top: auto; right: 0; bottom: calc(100% + 4px); left: auto; }
  .initial-upload .upload-subtitle { max-width: none; font-size: 13px; }
  .initial-upload .select-file-button { margin: 0; padding: 12px 16px; font-size: 14px; }
  .landing-proof { margin: 32px 0; padding: 0; }
  .proof-overview-content { flex-direction: column; gap: 24px; }
  .proof-checklist { flex: auto; width: 100%; max-width: none; }
  .proof-features { grid-template-columns: 1fr; margin-top: 32px; }
  .proof-feature { padding: 24px 0; }
  .site-footer { grid-template-columns: 1fr; padding: 24px; gap: 24px; }
  .site-footer .footer-list, .site-footer .footer-samples { font-size: 12px; }
  .service-pill { display: flex; }
  .queued-file-mark { width: 80px; height: 80px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: .01ms !important; }
}
@media (max-width: 520px) {
  .header-inner { padding-inline: 16px; }
  .site-header .brand { gap: 7px; margin-right: 8px; }
  .site-header .brand-logo { height: 32px; }
  .site-header .brand-name { font-size: 17px; }
  .site-header .brand-wordmark-en { height: 17px; }
  .header-nav { gap: 2px; }
  .site-header .nav-link { padding-inline: 5px; font-size: 11px; }
}

.site-header .language-switch { display: inline-flex; gap: 6px; text-decoration: none; flex-shrink: 0; }
.language-switch::after {
  content: "";
  width: 0;
  height: 0;
  flex: none;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid currentColor;
}
.language-switch-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  flex: none;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20t%3D%221791956819417%22%20class%3D%22icon%22%20viewBox%3D%220%200%201024%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20p-id%3D%2210852%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22200%22%20height%3D%22200%22%3E%3Cpath%20d%3D%22M757.205333%20473.173333c5.333333%200%2010.453333%202.090667%2014.250667%205.717334a19.029333%2019.029333%200%200%201%205.888%2013.738666v58.154667h141.184c11.093333%200%2020.138667%208.704%2020.138667%2019.413333v232.704a19.797333%2019.797333%200%200%201-20.138667%2019.413334h-141.184v96.981333a19.754667%2019.754667%200%200%201-20.138667%2019.370667H716.8a20.565333%2020.565333%200%200%201-14.250667-5.674667%2019.029333%2019.029333%200%200%201-5.888-13.696v-96.981333h-141.141333a20.565333%2020.565333%200%200%201-14.250667-5.674667%2019.029333%2019.029333%200%200%201-5.930666-13.738667v-232.704c0-5.12%202.133333-10.112%205.930666-13.738666a20.565333%2020.565333%200%200%201%2014.250667-5.674667h141.141333v-58.154667c0-5.162667%202.133333-10.112%205.888-13.738666a20.565333%2020.565333%200%200%201%2014.250667-5.674667h40.362667zM192.597333%20628.394667c22.272%200%2040.32%2017.365333%2040.32%2038.826666v38.741334c0%2040.618667%2032.512%2074.368%2074.624%2077.397333l6.058667%200.213333h80.64c21.930667%200.469333%2039.424%2017.706667%2039.424%2038.784%200%2021.077333-17.493333%2038.314667-39.424%2038.784H313.6c-89.088%200-161.28-69.461333-161.28-155.178666v-38.741334c0-21.461333%2018.005333-38.826667%2040.277333-38.826666z%20m504.106667%200h-80.64v116.394666h80.64v-116.394666z%20m161.28%200h-80.64v116.394666h80.64v-116.394666zM320.170667%2085.333333c8.234667%200%2015.658667%204.778667%2018.773333%2012.202667H338.773333l161.322667%20387.84c2.517333%205.973333%201.706667%2012.8-2.005333%2018.090667a20.394667%2020.394667%200%200%201-16.725334%208.533333h-43.52a20.181333%2020.181333%200%200%201-18.688-12.202667L375.850667%20395.648H210.901333l-43.264%20104.149333A20.181333%2020.181333%200%200%201%20148.906667%20512H105.514667a20.394667%2020.394667%200%200%201-16.725334-8.533333%2018.773333%2018.773333%200%200%201-2.005333-18.090667l161.28-387.84A20.181333%2020.181333%200%200%201%20266.88%2085.333333h53.290667zM716.8%20162.901333c42.794667%200%2083.84%2016.341333%20114.090667%2045.44a152.234667%20152.234667%200%200%201%2047.232%20109.738667v38.741333c-0.469333%2021.077333-18.389333%2037.930667-40.32%2037.930667s-39.808-16.853333-40.32-37.930667v-38.741333c0-20.608-8.490667-40.32-23.637334-54.869333a82.304%2082.304%200%200%200-57.045333-22.741334h-80.64c-21.888-0.469333-39.424-17.706667-39.424-38.784%200-21.077333%2017.493333-38.314667%2039.424-38.784h80.64z%20m-423.424%2034.304L243.2%20318.037333h100.48L293.418667%20197.205333z%22%20fill%3D%22%23000000%22%20p-id%3D%2210853%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg%20t%3D%221791956819417%22%20class%3D%22icon%22%20viewBox%3D%220%200%201024%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20p-id%3D%2210852%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22200%22%20height%3D%22200%22%3E%3Cpath%20d%3D%22M757.205333%20473.173333c5.333333%200%2010.453333%202.090667%2014.250667%205.717334a19.029333%2019.029333%200%200%201%205.888%2013.738666v58.154667h141.184c11.093333%200%2020.138667%208.704%2020.138667%2019.413333v232.704a19.797333%2019.797333%200%200%201-20.138667%2019.413334h-141.184v96.981333a19.754667%2019.754667%200%200%201-20.138667%2019.370667H716.8a20.565333%2020.565333%200%200%201-14.250667-5.674667%2019.029333%2019.029333%200%200%201-5.888-13.696v-96.981333h-141.141333a20.565333%2020.565333%200%200%201-14.250667-5.674667%2019.029333%2019.029333%200%200%201-5.930666-13.738667v-232.704c0-5.12%202.133333-10.112%205.930666-13.738666a20.565333%2020.565333%200%200%201%2014.250667-5.674667h141.141333v-58.154667c0-5.162667%202.133333-10.112%205.888-13.738666a20.565333%2020.565333%200%200%201%2014.250667-5.674667h40.362667zM192.597333%20628.394667c22.272%200%2040.32%2017.365333%2040.32%2038.826666v38.741334c0%2040.618667%2032.512%2074.368%2074.624%2077.397333l6.058667%200.213333h80.64c21.930667%200.469333%2039.424%2017.706667%2039.424%2038.784%200%2021.077333-17.493333%2038.314667-39.424%2038.784H313.6c-89.088%200-161.28-69.461333-161.28-155.178666v-38.741334c0-21.461333%2018.005333-38.826667%2040.277333-38.826666z%20m504.106667%200h-80.64v116.394666h80.64v-116.394666z%20m161.28%200h-80.64v116.394666h80.64v-116.394666zM320.170667%2085.333333c8.234667%200%2015.658667%204.778667%2018.773333%2012.202667H338.773333l161.322667%20387.84c2.517333%205.973333%201.706667%2012.8-2.005333%2018.090667a20.394667%2020.394667%200%200%201-16.725334%208.533333h-43.52a20.181333%2020.181333%200%200%201-18.688-12.202667L375.850667%20395.648H210.901333l-43.264%20104.149333A20.181333%2020.181333%200%200%201%20148.906667%20512H105.514667a20.394667%2020.394667%200%200%201-16.725334-8.533333%2018.773333%2018.773333%200%200%201-2.005333-18.090667l161.28-387.84A20.181333%2020.181333%200%200%201%20266.88%2085.333333h53.290667zM716.8%20162.901333c42.794667%200%2083.84%2016.341333%20114.090667%2045.44a152.234667%20152.234667%200%200%201%2047.232%20109.738667v38.741333c-0.469333%2021.077333-18.389333%2037.930667-40.32%2037.930667s-39.808-16.853333-40.32-37.930667v-38.741333c0-20.608-8.490667-40.32-23.637334-54.869333a82.304%2082.304%200%200%200-57.045333-22.741334h-80.64c-21.888-0.469333-39.424-17.706667-39.424-38.784%200-21.077333%2017.493333-38.314667%2039.424-38.784h80.64z%20m-423.424%2034.304L243.2%20318.037333h100.48L293.418667%20197.205333z%22%20fill%3D%22%23000000%22%20p-id%3D%2210853%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center / contain no-repeat;
}
.language-switch:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 2px; }
.language-dropdown { position: relative; }
.language-dropdown summary { list-style: none; }
.language-dropdown summary::-webkit-details-marker { display: none; }
.language-dropdown:not([open]) .language-menu { display: none; }
.language-menu { min-width: 132px; z-index: 5; }
@media (max-width: 760px) {
  .site-header { height: auto; min-height: 68px; }
  .header-inner { flex-wrap: wrap; gap: 4px 12px; padding-block: 8px; }
  .header-nav { flex-wrap: wrap; justify-content: flex-end; margin-left: auto; }
  .site-header .nav-link { width: auto; }
  body { padding-top: 120px; }
}

/* Additional file tools use the same queue, settings and result flow. */
.history-dialog { width: min(620px, calc(100% - 24px)); }
.history-dialog .info-dialog-heading { padding: 16px 20px; }
.history-dialog .info-dialog-heading h2 { font-size: 16px; }
.history-dialog .info-dialog-body { padding: 18px 20px; }
.history-toolbar { display: flex; align-items: start; justify-content: space-between; gap: 16px; margin-bottom: 14px; }
.history-toolbar p { margin: 0; color: var(--color-text-subtle); font-size: 12px; line-height: 1.6; }
.history-toolbar .clear-button { flex: none; font-size: 12px; padding: 2px 0; }
.history-toolbar .clear-button:disabled { opacity: .45; cursor: default; }
.history-dialog .history-list { grid-template-columns: 1fr; gap: 8px; }
.history-dialog .info-dialog-body { max-height: min(65vh, 540px); overflow-y: auto; }
.history-dialog .history-item { margin: 0; padding: 12px; }
.history-format-icon { width: 30px; height: 38px; object-fit: contain; flex: none; margin-right: 3px; }
.history-open { flex: none; border: 1px solid var(--color-border); border-radius: 5px; padding: 6px 10px; background: var(--color-white); color: var(--color-text); font: inherit; font-size: 12px; cursor: pointer; }
.history-open:hover { background: var(--color-surface-muted); border-color: var(--color-border-strong); }
.history-open:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 2px; }
.history-metadata-only { flex: none; color: var(--color-text-subtle); font-size: 11px; }
.history-downloads { display: flex; flex: none; gap: 6px; flex-wrap: wrap; justify-content: flex-end; }
.history-downloads .save-text-action { order: -1; }
.history-open.save-action, .history-open.save-text-action {
  display: inline-flex; align-items: center; justify-content: center; gap: var(--action-icon-gap, var(--compact-action-icon-gap));
  font-weight: 600; white-space: nowrap;
  text-decoration: none;
}
.history-open.save-action { --button-icon: url("data:image/svg+xml,%3Csvg%20t%3D%221791540772423%22%20class%3D%22icon%22%20viewBox%3D%22106.666666%20128%20810.666668%20768%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20p-id%3D%222524%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22200%22%20height%3D%22200%22%3E%3Cpath%20d%3D%22M554.666667%20558.336l170.666666-170.666667L785.664%20448%20542.165333%20691.498667a42.666667%2042.666667%200%200%201-60.330666%200L238.336%20448%20298.666667%20387.669333l170.666666%20170.666667V128h85.333334v430.336z%22%20fill%3D%22%23000000%22%20p-id%3D%222525%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M192%20661.333333v149.333334h640v-149.333334h85.333333v192a42.666667%2042.666667%200%200%201-42.666666%2042.666667H149.333333a42.666667%2042.666667%200%200%201-42.666666-42.666667v-192h85.333333z%22%20fill%3D%22%23000000%22%20p-id%3D%222526%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); border-color: var(--sk-button-background); background: var(--sk-button-background); color: var(--color-white); }
.history-open.save-action:hover:not(:disabled) { border-color: var(--sk-button-background-hover); background: var(--sk-button-background-hover); color: var(--color-white); }
.history-open.save-action:active:not(:disabled) { border-color: var(--sk-button-background-active); background: var(--sk-button-background-active); }
.history-open.save-text-action { --button-icon: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22%E5%9B%BE%E5%B1%82_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20viewBox%3D%220%200%20200%20200%22%20style%3D%22enable-background%3Anew%200%200%20200%20200%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20d%3D%22M25%2C33.3c0-4.6%2C3.7-8.3%2C8.3-8.3l0%2C0h65v16.7H41.7v116.7h116.7v-56.7H175v65c0%2C4.6-3.7%2C8.3-8.3%2C8.3c0%2C0%2C0%2C0%2C0%2C0H33.3%0D%0A%09c-4.6%2C0-8.3-3.7-8.3-8.3l0%2C0V33.3z%22%2F%3E%0D%0A%3Cpath%20d%3D%22M120.8%2C25h45.8c4.6%2C0%2C8.3%2C3.7%2C8.3%2C8.3l0%2C0v45.8h-16.7V53.5l-61.4%2C61.4l-11.8-11.8l61.4-61.4h-25.7%0D%0A%09C120.8%2C41.7%2C120.8%2C25%2C120.8%2C25z%22%2F%3E%0D%0A%3C%2Fsvg%3E"); border-color: var(--color-border); background: var(--color-white); color: var(--color-text); }
.history-open.save-text-action:hover { border-color: var(--color-border-strong); background: var(--color-surface-muted); color: var(--color-text); }
.history-open.save-action:focus-visible, .history-open.save-text-action:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 2px; }
.save-format-menu { position: fixed; inset: auto; }
.save-format-menu, .language-menu { margin: 0; min-width: 132px; padding: 5px; border: 1px solid var(--color-border); border-radius: 10px; background: var(--color-white); color: var(--color-black); box-shadow: 0 6px 22px var(--color-shadow-menu); }
.save-format-menu::backdrop { background: transparent; }
.save-format-menu button, .language-menu a { display: block; width: 100%; padding: 9px 13px; border: 0; border-radius: 6px; background: transparent; color: inherit; font: inherit; font-size: 13px; font-weight: 400; text-align: left; cursor: pointer; white-space: nowrap; }
.save-format-menu button + button, .language-menu li + li { margin-top: 4px; }
.save-format-menu button:hover, .save-format-menu button:focus-visible,
.language-menu a:hover, .language-menu a:focus-visible, .language-menu a[aria-current="page"] { background: var(--color-primary-tint); color: var(--sk-button-background-hover); outline: none; }
.history-item-detail { min-width: 0; flex: 1; }
.history-dialog .history-item b { max-width: none; color: var(--color-text); font-size: 12px; font-weight: 500; white-space: normal; overflow-wrap: anywhere; }
.history-dialog .history-item small { max-width: none; margin-top: 5px; font-size: 11px; white-space: normal; }
.history-dialog .empty-history b { font-size: 13px; }
.history-dialog .empty-history small { font-size: 11px; line-height: 1.6; }
.tool-switcher { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 20px; }
.tool-switcher button { display: inline-flex; align-items: center; justify-content: center; gap: 6px; border: 1px solid var(--color-border); border-radius: 7px; background: var(--color-white); padding: 8px 14px; color: var(--color-text); font: inherit; font-size: 13px; font-weight: 500; white-space: nowrap; cursor: pointer; }
.tool-icon { display: inline-block; width: 15px; height: 15px; flex: none; background: currentColor; -webkit-mask: var(--tool-icon) center / contain no-repeat; mask: var(--tool-icon) center / contain no-repeat; }
.tool-icon-linebreak { --tool-icon: url("data:image/svg+xml,%3Csvg%20t%3D%221791622803365%22%20class%3D%22icon%22%20viewBox%3D%220%200%201024%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20p-id%3D%222977%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22200%22%20height%3D%22200%22%3E%3Cpath%20d%3D%22M464.597333%20131.370667A42.666667%2042.666667%200%200%201%20490.666667%20170.666667v158.4l17.066666%204.117333A549.333333%20549.333333%200%200%201%20870.144%20621.226667l106.666667%20213.013333-67.84%2049.770667-70.976-68.672a464%20464%200%200%200-308.906667-130.261334L490.666667%20683.946667V832a42.666667%2042.666667%200%200%201-72.298667%2030.72L77.034667%20533.333333a42.666667%2042.666667%200%200%201-0.106667-61.290666l341.333333-331.946667a42.666667%2042.666667%200%200%201%2046.336-8.746667zM167.978667%20502.506667L405.333333%20731.541333V640a42.666667%2042.666667%200%200%201%2043.925334-42.666667l82.389333%202.432a549.312%20549.312%200%200%201%20273.6%2082.432l-11.392-22.762666a464%20464%200%200%200-306.133333-243.328l-49.706667-11.989334A42.666667%2042.666667%200%200%201%20405.333333%20362.666667v-90.986667L167.978667%20502.506667z%22%20fill%3D%22%23000000%22%20p-id%3D%222978%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); }
.tool-icon-convert { --tool-icon: url("data:image/svg+xml,%3Csvg%20t%3D%221791622691205%22%20class%3D%22icon%22%20viewBox%3D%220%200%201024%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20p-id%3D%222672%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22200%22%20height%3D%22200%22%3E%3Cpath%20d%3D%22M512%20170.666667C323.477333%20170.666667%20170.666667%20323.477333%20170.666667%20512s152.810667%20341.333333%20341.333333%20341.333333%20341.333333-152.810667%20341.333333-341.333333S700.522667%20170.666667%20512%20170.666667zM85.333333%20512C85.333333%20276.352%20276.352%2085.333333%20512%2085.333333s426.666667%20191.018667%20426.666667%20426.666667-191.018667%20426.666667-426.666667%20426.666667S85.333333%20747.648%2085.333333%20512z%22%20fill%3D%22%23000000%22%20p-id%3D%222673%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M640%20558.336V320h-85.333333v341.333333a42.666667%2042.666667%200%200%200%2072.832%2030.165334l106.666666-106.666667-60.330666-60.330667L640%20558.336zM384%20465.664V704h85.333333V362.666667a42.666667%2042.666667%200%200%200-72.832-30.165334l-106.666666%20106.666667%2060.330666%2060.330667L384%20465.664z%22%20fill%3D%22%23000000%22%20p-id%3D%222674%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); }
.tool-icon-cleanup { --tool-icon: url("data:image/svg+xml,%3Csvg%20t%3D%221791622620782%22%20class%3D%22icon%22%20viewBox%3D%220%200%201024%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20p-id%3D%222366%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22200%22%20height%3D%22200%22%3E%3Cpath%20d%3D%22M746.666667%20110.336l179.498666%20179.498667a42.666667%2042.666667%200%200%201%200%2060.330666L746.666667%20529.664%20686.336%20469.333333l149.333333-149.333333-149.333333-149.333333L746.666667%20110.336z%22%20fill%3D%22%23000000%22%20p-id%3D%222367%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M298.666667%20277.333333h597.333333v85.333334H298.666667v-85.333334zM277.333333%20494.336l-179.498666%20179.498667a42.666667%2042.666667%200%200%200%200%2060.330666L277.333333%20913.664%20337.664%20853.333333l-149.333333-149.333333%20149.333333-149.333333L277.333333%20494.336z%22%20fill%3D%22%23000000%22%20p-id%3D%222368%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M128%20661.333333h597.333333v85.333334H128v-85.333334z%22%20fill%3D%22%23000000%22%20p-id%3D%222369%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); }
.tool-icon-extract { --tool-icon: url("data:image/svg+xml,%3Csvg%20t%3D%221791622672974%22%20class%3D%22icon%22%20viewBox%3D%220%200%201024%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20p-id%3D%222520%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22200%22%20height%3D%22200%22%3E%3Cpath%20d%3D%22M128%20128a42.666667%2042.666667%200%200%201%2042.666667-42.666667h682.666666a42.666667%2042.666667%200%200%201%2042.666667%2042.666667v149.333333a42.666667%2042.666667%200%200%201-17.578667%2034.496L661.333333%20469.717333V768a42.666667%2042.666667%200%200%201-20.714666%2036.586667l-213.333334%20128A42.666667%2042.666667%200%200%201%20362.666667%20896V469.717333l-217.088-157.866666A42.666667%2042.666667%200%200%201%20128%20277.333333V128z%20m85.333333%2042.666667v84.949333l217.088%20157.866667A42.666667%2042.666667%200%200%201%20448%20448v372.650667l128-76.8V448a42.666667%2042.666667%200%200%201%2017.578667-34.496L810.666667%20255.616V170.666667H213.333333z%22%20fill%3D%22%23000000%22%20p-id%3D%222521%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); }
.tool-switcher button:hover { background: var(--color-surface-muted); }
.tool-switcher button[aria-pressed="true"] { border-color: var(--color-primary); background: var(--color-primary-soft); color: var(--color-primary-hover); }
.tool-switcher button:disabled { opacity: .5; cursor: wait; }
.settings-group { display: flex; flex-direction: column; gap: 18px; }
.settings-checkbox { display: flex; align-items: center; gap: 8px; color: var(--color-text); font-size: 13px; font-weight: 400; cursor: pointer; }
.settings-checkbox input { width: 16px; height: 16px; accent-color: var(--color-primary); }
.settings-field .settings-checkbox input { width: 14px; min-height: 14px; height: 14px; margin: 0; padding: 0; flex: none; }
dialog:not(.delete-confirm-dialog) { --dialog-top: 24px; position: fixed; top: var(--dialog-top); bottom: auto; margin: 0 auto; max-height: calc(100dvh - var(--dialog-top) - 16px); }
.settings-dialog { overflow: hidden; }
#settingsForm, #batchTaskForm { display: flex; flex-direction: column; max-height: calc(100dvh - var(--dialog-top) - 18px); }
.info-dialog[open] { display: flex; flex-direction: column; overflow: hidden; }
.info-dialog-heading { flex: none; }
.info-dialog-body { min-height: 0; overflow-y: auto; }
.paid-feature-icon { display: block; flex: none; width: auto; height: 18px; }
.super-inline-icon { display: inline-block; width: auto; height: 14px; margin: 0 3px; vertical-align: -2px; }
.batch-file-heading, .batch-task-actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.batch-file-names { max-height: 100px; overflow-y: auto; margin: 0; padding: 0; list-style: none; color: var(--color-text-muted); font-size: 12px; overflow-wrap: anywhere; }
.batch-file-names li { display: flex; align-items: flex-start; gap: 6px; line-height: 1.7; }
.batch-file-name-icon { flex: none; width: 14px; height: 14px; margin-top: 3px; }
.batch-file-names li span { min-width: 0; }
.batch-file-names:empty, #batchTaskStatus:empty { display: none; }
.batch-submission { grid-template-columns: 1fr; margin-top: 20px; text-align: left; }
.batch-submission:empty { display: none; }
.batch-submission[hidden] { display: none; }
#batchTaskList > .batch-task-row { border-radius: 12px; overflow: hidden; }
#batchTaskList .batch-task-overview { gap: 12px; padding: 14px 16px; }
#batchTaskList .queued-file-main, #batchTaskList .queued-file-title { text-align: left; }
#batchTaskList .queued-file-mark { width: 80px; height: 80px; }
#batchTaskList .queued-file-mark .history-format-icon { width: auto; height: 70px; margin: 0; }
#batchTaskList .batch-format-stack .history-format-icon { top: 0; right: 5px; }
#batchTaskList .batch-format-stack .history-format-icon:last-child { top: 6px; left: 5px; right: auto; }
#batchTaskList .batch-task-actions { justify-content: flex-start; width: auto; padding: 0; margin-top: 8px; }
#batchTaskList .batch-task-actions .history-open { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; height: var(--compact-action-height); padding: 5px var(--compact-action-padding); font-size: var(--compact-action-font-size); line-height: 18px; }
#batchTaskList .batch-task-files { max-height: 240px; overflow-y: auto; }
.batch-task-row { min-width: 0; border: 1px solid var(--color-border); border-radius: 4px; background: var(--color-white); }
.batch-selection-card { border-radius: 12px; background: var(--color-white); }
.batch-selection-overview { align-items: center; }
.batch-selection-card #batchSelectionIcons { width: 80px; height: 80px; flex: none; }
.batch-selection-card #batchSelectionIcons .history-format-icon { width: auto; height: 70px; margin: 0; }
.batch-selection-card #batchSelectionIcons.batch-format-stack .history-format-icon { top: 0; right: 5px; }
.batch-selection-card #batchSelectionIcons.batch-format-stack .history-format-icon:last-child { top: 6px; left: 5px; right: auto; }
.batch-selection-card details { margin: 12px -16px -14px; border-radius: 0 0 12px 12px; overflow: hidden; }
.batch-selection-card .queued-file-actions #chooseBatchFiles { height: 30px; padding: 5px 11px; border: 1px solid var(--color-border); background: var(--color-white); color: var(--color-text); font-weight: 400; line-height: 16px; }
.batch-selection-card .queued-file-actions #chooseBatchFiles:hover { background: var(--color-surface-muted); }
.batch-selection-files { max-height: 200px; overflow-y: auto; }
.batch-selection-remove { display: inline-flex; align-items: center; justify-content: center; border: 0; background: transparent; padding: 0; color: var(--color-danger); font: inherit; font-size: 11px; font-weight: 400; line-height: 18px; white-space: nowrap; cursor: pointer; }
.batch-selection-files .batch-file-row { grid-template-columns: minmax(0, 1fr) max-content max-content; }
.batch-selection-files .batch-file-meta { grid-column: 2; grid-row: 1; justify-self: end; }
.batch-selection-files .batch-file-downloads { grid-column: 3; grid-row: 1; justify-self: end; }
.batch-selection-remove:hover:not(:disabled) { background: transparent; color: var(--color-danger-hover); }
.batch-selection-remove:focus-visible { outline: 2px solid var(--color-danger); outline-offset: 3px; }
.batch-selection-remove:disabled { opacity: .5; cursor: wait; }
#historyList > .history-item, #historyList > .batch-task-row { background: var(--color-surface-muted); }
.batch-task-overview { display: flex; gap: 11px; align-items: center; padding: 12px; }
.batch-task-row .history-item { margin: 0; padding: 12px; }
.batch-task-row .history-item-detail b { display: block; max-width: none; color: var(--color-text); font-size: 12px; font-weight: 500; white-space: normal; overflow-wrap: anywhere; }
.batch-task-row .history-item-detail small { display: block; max-width: none; margin-top: 5px; color: var(--color-text-subtle); font-size: 11px; line-height: 1.6; white-space: normal; }
.batch-task-progress { font-variant-numeric: tabular-nums; }
.batch-task-row p { margin: 8px 0; color: var(--color-text-subtle); font-size: 11px; line-height: 1.6; overflow-wrap: anywhere; }
.batch-task-actions { flex: none; gap: 6px; margin: 0; justify-content: flex-end; }
.batch-task-row a { display: inline-block; text-decoration: none; white-space: nowrap; }
.batch-file-heading .copy-button { font-size: 12px; }
.batch-task-row details { border-top: 1px solid var(--color-border); }
.batch-task-row summary { display: flex; align-items: center; gap: 4px; padding: 8px 12px; color: var(--color-text-subtle); font-size: 11px; font-weight: 400; list-style: none; cursor: pointer; }
.batch-task-row summary::-webkit-details-marker { display: none; }
.batch-task-row summary::before { content: "▸"; }
.batch-task-row details[open] > summary::before { content: "▾"; }
.batch-task-files { display: grid; padding: 0 12px 4px; background: var(--color-white); border-top: 1px solid var(--color-border); }
.batch-file-row { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 6px 12px; min-height: 40px; padding: 7px 0; }
.batch-file-row + .batch-file-row { border-top: 1px solid var(--color-border); }
.batch-file-label { display: flex; align-items: center; gap: 6px; min-width: 0; }
.batch-file-label .batch-file-name-icon { margin: 0; object-fit: contain; }
.batch-file-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--color-text); font-size: 12px; }
.batch-file-meta { color: var(--color-text-subtle); font-size: 11px; white-space: nowrap; }
.batch-file-row .history-open { padding: 3px 8px; font-size: 11px; }
.batch-file-row .batch-file-error { grid-column: 1 / -1; color: var(--color-danger); font-size: 11px; overflow-wrap: anywhere; }
.batch-file-downloads { display: flex; flex: none; gap: 6px; flex-wrap: wrap; justify-content: flex-end; }
.batch-task-row .batch-file-download { padding: 0; border: 0; background: transparent; color: var(--color-primary); font-size: 11px; line-height: 18px; text-decoration: none; }
.batch-task-row .batch-file-download:hover { color: var(--color-primary-hover); }
.batch-task-row .batch-file-download:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 3px; }
.batch-task-files .batch-file-name, .batch-task-files .batch-file-meta, .batch-task-files .batch-file-download { font-weight: 400; }
.batch-task-row .history-item-detail .batch-file-error { color: var(--color-danger); }
.batch-format-icon, .batch-format-stack { position: relative; display: inline-block; width: 33px; height: 38px; flex: none; }
.batch-format-stack { width: 38px; height: 42px; }
.batch-format-stack .history-format-icon { position: absolute; top: 0; right: 0; margin: 0; }
.batch-format-stack .history-format-icon:last-child { top: 4px; left: 0; right: auto; }
@media (max-width: 600px) {
  .batch-task-overview { flex-wrap: wrap; align-items: start; }
  .batch-task-row .history-item-detail { flex-basis: calc(100% - 52px); }
  .batch-task-actions { width: 100%; padding-left: 44px; justify-content: flex-start; }
  .batch-file-row { grid-template-columns: minmax(0, 1fr) auto; gap: 4px 8px; }
  .batch-file-meta { grid-column: 1; grid-row: 2; }
  .batch-file-downloads { grid-column: 2; grid-row: 1 / span 2; }
  .history-dialog .history-item { flex-wrap: wrap; }
  .history-dialog .history-item-detail { flex-basis: calc(100% - 52px); }
  .history-downloads { width: 100%; padding-left: 44px; justify-content: flex-start; }
}
@media (max-width: 600px), (max-height: 600px) { dialog:not(.delete-confirm-dialog) { --dialog-top: 16px; } }
.settings-heading, .settings-actions { flex: none; }
.settings-body { min-height: 0; overflow-y: auto; gap: 14px; }
.file-tool-notice { margin: 0 0 12px; border-radius: 6px; padding: 10px 12px; background: var(--color-warning-soft); color: var(--color-danger); font-size: 12px; line-height: 1.7; }
.processing-panel .file-tool-output { display: block; width: 100%; height: 320px; min-height: 180px; padding: 14px 16px; border: 1px solid var(--color-border); border-radius: 8px; background: var(--color-surface-muted); color: var(--color-text); font: 13px/1.8 ui-monospace, Consolas, "Microsoft YaHei", monospace; resize: vertical; tab-size: 2; white-space: pre-wrap; overflow-wrap: anywhere; }
.settings-service { white-space: pre-line; }
.footer-tools-label { display: inline-block; padding-top: 8px; font-weight: 600; }
.input-methods { display: flex; align-items: center; justify-content: center; gap: 12px; }
.paste-text-button { display: inline-flex; align-items: center; justify-content: center; gap: 2px; min-height: 52px; padding: 14px 22px; border: 1px solid var(--color-border); border-radius: 8px; background: var(--color-white); color: var(--color-text); font: inherit; font-size: 14px; line-height: 22px; white-space: nowrap; cursor: pointer; }
.paste-text-icon { flex: 0 0 18px; width: 18px; height: 18px; }
.paste-text-button:hover { border-color: var(--color-primary-tint); background: var(--color-surface-muted); }
.paste-text-button:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 3px; }
.paste-text-button:disabled { opacity: .55; cursor: wait; }
.paste-text-dialog { width: min(620px, calc(100% - 32px)); overflow: hidden; }
#pasteTextForm { display: flex; flex-direction: column; max-height: calc(100dvh - var(--dialog-top) - 18px); }
.paste-text-dialog .settings-field textarea { height: 240px; min-height: 160px; resize: vertical; font-size: 13px; line-height: 22px; }
.paste-input-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; color: var(--color-text-muted); font-size: 12px; }
.paste-input-meta select { padding: 5px 8px; border: 1px solid var(--color-border); border-radius: 5px; background: var(--color-white); color: var(--color-text); font: inherit; }
#pasteTextCount { margin-left: auto; color: var(--color-text-muted); font-variant-numeric: tabular-nums; }
.cleanup-rules-heading { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 10px; color: var(--color-text); font-size: 13px; font-weight: 600; line-height: 20px; }
.cleanup-rules { display: grid; gap: 10px; }
.cleanup-rule { display: grid; grid-template-columns: 64px minmax(0, 1fr) minmax(0, 1fr) 24px; align-items: center; gap: 8px; }
.cleanup-rule input, .cleanup-rule select { width: 100%; min-width: 0; min-height: 36px; padding: 7px 9px; border: 1px solid var(--color-border); border-radius: 5px; background: var(--color-white); color: var(--color-text); font: inherit; font-size: 12px; line-height: 20px; }
.cleanup-rule input::placeholder { color: var(--color-text-subtle); }
.cleanup-rule input:disabled { background: var(--color-surface-muted); color: var(--color-text-muted); }
.cleanup-rule input:focus, .cleanup-rule select:focus { outline: 2px solid color-mix(in srgb, var(--color-primary) 25.1%, transparent); border-color: var(--color-primary); }
.cleanup-rule > button { width: 24px; height: 28px; padding: 0; border: 0; background: transparent; color: var(--color-text-muted); font: inherit; font-size: 20px; cursor: pointer; }
.cleanup-rule > button:hover { color: var(--color-danger-hover); }
.cleanup-rule-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.cleanup-rule-actions button { padding: 6px 10px; border: 1px solid var(--color-border); border-radius: 5px; background: var(--color-white); color: var(--color-text); font: inherit; font-size: 12px; cursor: pointer; }
.cleanup-rule-actions button:hover { background: var(--color-surface-muted); }
.cleanup-rule-actions button:disabled { opacity: .5; cursor: default; }
.subtitle-review-row.is-rule-changed .review-editor { color: var(--color-primary); }
/* Compact membership dialogs share the existing top placement. */
.account-dialog, .plans-dialog { width: min(940px, calc(100% - 24px)); border-radius: 10px; }
.account-dialog .info-dialog-heading, .login-dialog .info-dialog-heading, .plans-dialog .info-dialog-heading { padding: 16px 20px; }
.account-dialog .info-dialog-heading h2, .login-dialog .info-dialog-heading h2, .plans-dialog .info-dialog-heading h2 { color: var(--color-black); font-size: 17px; font-weight: 600; }
.account-body { padding: 16px 20px 20px; }
.site-header .account-nav { gap: 6px; color: var(--color-text); font-weight: 500; }
.site-header .paid-feature-icon { height: 14px; }
.api-dialog { width: min(720px, calc(100% - 24px)); }
.api-body { font-size: 12px; line-height: 1.8; }
.api-body p { margin: 0 0 10px; }
.api-description { color: var(--color-text); }
.api-body h3 { margin: 18px 0 8px; font-size: 13px; font-weight: 600; }
.api-muted { color: var(--color-text-subtle); font-size: 11px; }
.api-key-panel { padding: 14px 16px; border: 1px solid var(--color-border); border-radius: 8px; background: var(--color-surface-muted); }
.api-key-actions, .api-key-copy { display: flex; align-items: center; gap: 10px; }
.api-key-actions button { width: auto; margin: 0; padding: 7px 12px; font-size: 12px; }
.api-key-copy { margin: 6px 0 12px; }
.api-key-copy input { flex: 1; width: 0; min-width: 0; padding: 8px; border: 1px solid var(--color-border); border-radius: 5px; background: var(--color-white); color: var(--color-text); font: 11px monospace; }
.api-key-copy button { padding: 7px 10px; border: 1px solid var(--color-border); border-radius: 5px; background: var(--color-white); color: var(--color-text); font: inherit; cursor: pointer; }
.api-endpoints { margin: 0; }
.api-endpoints dt { color: var(--color-text); }
.api-endpoints dd { margin: 0 0 8px; color: var(--color-text-subtle); font-size: 11px; }
.api-example { overflow-x: auto; padding: 12px; border-radius: 6px; background: var(--color-surface-muted); color: var(--color-text); font-size: 11px; line-height: 1.6; }
.account-api-entry { margin: 0 0 14px; }
.api-key-actions [hidden], .api-generated-key[hidden] { display: none; }
.site-header .account-nav[data-account-state="signed-in"] { max-width: 300px; }
.site-header .account-nav[data-account-state="signed-in"]::before { content: ""; display: block; flex: none; width: 18px; height: 18px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cpath%20d%3D%22M512%20170.666667a128%20128%200%201%200%200%20256%20128%20128%200%200%200%200-256z%20m-213.333333%20128c0-117.824%2095.509333-213.333333%20213.333333-213.333334s213.333333%2095.509333%20213.333333%20213.333334-95.509333%20213.333333-213.333333%20213.333333-213.333333-95.509333-213.333333-213.333333zM192%20746.026667V853.333333h640v-107.306666a436.522667%20436.522667%200%200%200-8.064-5.781334%20550.08%20550.08%200%200%200-68.501333-40.810666C696.021333%20669.525333%20611.968%20640%20512%20640s-184.021333%2029.525333-243.413333%2059.434667A549.696%20549.696%200%200%200%20192%20746.048zM874.666667%20725.333333l28.138666-32.085333A42.666667%2042.666667%200%200%201%20917.333333%20725.333333v170.666667a42.666667%2042.666667%200%200%201-42.666666%2042.666667H149.333333a42.666667%2042.666667%200%200%201-42.666666-42.666667v-170.666667a42.666667%2042.666667%200%200%201%2014.528-32.085333L149.333333%20725.333333a5399.253333%205399.253333%200%200%201-28.117333-32.106666h0.042667l0.064-0.064%200.170666-0.170667%200.512-0.426667%201.664-1.408a467.904%20467.904%200%200%201%2027.306667-20.736%20635.157333%20635.157333%200%200%201%2079.232-47.189333C297.941333%20589.141333%20395.221333%20554.666667%20512%20554.666667c116.8%200%20214.058667%2034.474667%20281.813333%2068.565333%2033.92%2017.066667%2060.714667%2034.197333%2079.210667%2047.210667a466.261333%20466.261333%200%200%201%2027.306667%2020.714666l1.664%201.408%200.512%200.426667%200.170666%200.170667%200.064%200.042666%200.042667%200.042667L874.666667%20725.333333z%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cpath%20d%3D%22M512%20170.666667a128%20128%200%201%200%200%20256%20128%20128%200%200%200%200-256z%20m-213.333333%20128c0-117.824%2095.509333-213.333333%20213.333333-213.333334s213.333333%2095.509333%20213.333333%20213.333334-95.509333%20213.333333-213.333333%20213.333333-213.333333-95.509333-213.333333-213.333333zM192%20746.026667V853.333333h640v-107.306666a436.522667%20436.522667%200%200%200-8.064-5.781334%20550.08%20550.08%200%200%200-68.501333-40.810666C696.021333%20669.525333%20611.968%20640%20512%20640s-184.021333%2029.525333-243.413333%2059.434667A549.696%20549.696%200%200%200%20192%20746.048zM874.666667%20725.333333l28.138666-32.085333A42.666667%2042.666667%200%200%201%20917.333333%20725.333333v170.666667a42.666667%2042.666667%200%200%201-42.666666%2042.666667H149.333333a42.666667%2042.666667%200%200%201-42.666666-42.666667v-170.666667a42.666667%2042.666667%200%200%201%2014.528-32.085333L149.333333%20725.333333a5399.253333%205399.253333%200%200%201-28.117333-32.106666h0.042667l0.064-0.064%200.170666-0.170667%200.512-0.426667%201.664-1.408a467.904%20467.904%200%200%201%2027.306667-20.736%20635.157333%20635.157333%200%200%201%2079.232-47.189333C297.941333%20589.141333%20395.221333%20554.666667%20512%20554.666667c116.8%200%20214.058667%2034.474667%20281.813333%2068.565333%2033.92%2017.066667%2060.714667%2034.197333%2079.210667%2047.210667a466.261333%20466.261333%200%200%201%2027.306667%2020.714666l1.664%201.408%200.512%200.426667%200.170666%200.170667%200.064%200.042666%200.042667%200.042667L874.666667%20725.333333z%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; }
.site-header .account-nav[data-account-state="signed-in"] .account-nav-label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.account-nav-label { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.account-nav-tier { flex: none; }
.paid-feature-icon[hidden] { display: none; }
.site-header .account-nav[data-account-state="guest"] { color: color-mix(in srgb, var(--color-black) 30%, transparent); font-weight: 600; }
.account-tier { color: var(--color-danger); font-size: 11px; }
.account-menu { min-width: 180px; border-radius: 0 0 4px 4px; }
.account-menu-icon { display: inline-block; flex: none; width: 14px; height: 14px; background: currentColor; -webkit-mask: var(--account-icon) center / contain no-repeat; mask: var(--account-icon) center / contain no-repeat; }
.account-icon-profile { --account-icon: url("data:image/svg+xml,%3Csvg%20t%3D%221791628287326%22%20class%3D%22icon%22%20viewBox%3D%2276.8%2076.8%20870.4%20870.4%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20p-id%3D%222366%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22200%22%20height%3D%22200%22%3E%3Cpath%20d%3D%22M512%20170.666667a128%20128%200%201%200%200%20256%20128%20128%200%200%200%200-256z%20m-213.333333%20128c0-117.824%2095.509333-213.333333%20213.333333-213.333334s213.333333%2095.509333%20213.333333%20213.333334-95.509333%20213.333333-213.333333%20213.333333-213.333333-95.509333-213.333333-213.333333zM192%20746.026667V853.333333h640v-107.306666a436.522667%20436.522667%200%200%200-8.064-5.781334%20550.08%20550.08%200%200%200-68.501333-40.810666C696.021333%20669.525333%20611.968%20640%20512%20640s-184.021333%2029.525333-243.413333%2059.434667A549.696%20549.696%200%200%200%20192%20746.048zM874.666667%20725.333333l28.138666-32.085333A42.666667%2042.666667%200%200%201%20917.333333%20725.333333v170.666667a42.666667%2042.666667%200%200%201-42.666666%2042.666667H149.333333a42.666667%2042.666667%200%200%201-42.666666-42.666667v-170.666667a42.666667%2042.666667%200%200%201%2014.528-32.085333L149.333333%20725.333333a5399.253333%205399.253333%200%200%201-28.117333-32.106666h0.042667l0.064-0.064%200.170666-0.170667%200.512-0.426667%201.664-1.408a467.904%20467.904%200%200%201%2027.306667-20.736%20635.157333%20635.157333%200%200%201%2079.232-47.189333C297.941333%20589.141333%20395.221333%20554.666667%20512%20554.666667c116.8%200%20214.058667%2034.474667%20281.813333%2068.565333%2033.92%2017.066667%2060.714667%2034.197333%2079.210667%2047.210667a466.261333%20466.261333%200%200%201%2027.306667%2020.714666l1.664%201.408%200.512%200.426667%200.170666%200.170667%200.064%200.042666%200.042667%200.042667L874.666667%20725.333333z%22%20fill%3D%22%23000000%22%20p-id%3D%222367%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); }
.account-icon-history { --account-icon: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22%E5%9B%BE%E5%B1%82_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20viewBox%3D%22-38%2096.9%20670.8%20649.9%22%20style%3D%22enable-background%3Anew%200%200%20595.3%20841.9%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0D%0A%09.st0%7Bclip-path%3Aurl(%23SVGID_00000178886641268770199440000012291826438531124655_)%3B%7D%0D%0A%3C%2Fstyle%3E%0D%0A%3Cg%3E%0D%0A%09%3Cg%3E%0D%0A%09%09%3Cg%3E%0D%0A%09%09%09%3Cdefs%3E%0D%0A%09%09%09%09%3Crect%20id%3D%22SVGID_1_%22%20x%3D%22-38%22%20y%3D%2296.9%22%20width%3D%22670.8%22%20height%3D%22649.9%22%2F%3E%0D%0A%09%09%09%3C%2Fdefs%3E%0D%0A%09%09%09%3CclipPath%20id%3D%22SVGID_00000106144946353266014950000004765563472730777257_%22%3E%0D%0A%09%09%09%09%3Cuse%20xlink%3Ahref%3D%22%23SVGID_1_%22%20%20style%3D%22overflow%3Avisible%3B%22%2F%3E%0D%0A%09%09%09%3C%2FclipPath%3E%0D%0A%09%09%09%3Cpath%20style%3D%22clip-path%3Aurl(%23SVGID_00000106144946353266014950000004765563472730777257_)%3B%22%20d%3D%22M375.4%2C174.2%0D%0A%09%09%09%09c54.1%2C14.5%2C101.9%2C46.5%2C136%2C90.9c34.2%2C44.6%2C52.9%2C99.1%2C53.1%2C155.3s-17.9%2C110.9-51.8%2C155.8c-33.7%2C44.7-81.3%2C77.1-135.2%2C92.1%0D%0A%09%09%09%09S266.3%2C680%2C214.4%2C659c-51.9-21.1-95.5-58.7-124-107l-17.3-29.4l-58.8%2C34.7l17.3%2C29.4C67.8%2C648%2C123%2C695.6%2C188.8%2C722.3%0D%0A%09%09%09%09c65.8%2C26.6%2C138.5%2C30.8%2C206.9%2C11.8s128.7-60%2C171.5-116.7c42.8-56.8%2C65.9-126.1%2C65.6-197.2c-0.3-71.1-23.9-140.2-67.2-196.6%0D%0A%09%09%09%09c-43.3-56.3-103.9-96.9-172.5-115.3s-141.3-13.6-206.8%2C13.6C126.9%2C146.6%2C76.2%2C188.4%2C40.7%2C242l-10.2-79.6l-67.7%2C8.7l21.8%2C169.5%0D%0A%09%09%09%09c1.2%2C9.7%2C6.6%2C18.3%2C14.6%2C23.8s18.1%2C7.3%2C27.5%2C4.9L196.3%2C327l-16.6-66.2l-83.4%2C20.8c28.1-43.2%2C68.5-76.8%2C116.1-96.6%0D%0A%09%09%09%09C264.1%2C163.5%2C321.4%2C159.8%2C375.4%2C174.2L375.4%2C174.2z%22%2F%3E%0D%0A%09%09%3C%2Fg%3E%0D%0A%09%3C%2Fg%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cpath%20d%3D%22M341.5%2C433.1V263h-68.3v187.7c0%2C11%2C5.3%2C21.4%2C14.3%2C27.8L407%2C563.8l39.7-55.6L341.5%2C433.1L341.5%2C433.1z%22%2F%3E%0D%0A%3C%2Fsvg%3E"); }
.site-header #publicHistory { gap: 5px; }
.account-icon-settings { --account-icon: url("data:image/svg+xml,%3Csvg%20t%3D%221791628341421%22%20class%3D%22icon%22%20viewBox%3D%2255.04%2055.04%20913.92%20913.92%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20p-id%3D%222524%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22200%22%20height%3D%22200%22%3E%3Cpath%20d%3D%22M490.666667%2069.717333a42.666667%2042.666667%200%200%201%2042.666666%200l351.04%20202.666667a42.666667%2042.666667%200%200%201%2021.333334%2036.949333v405.333334a42.666667%2042.666667%200%200%201-21.333334%2036.949333L533.333333%20954.282667a42.666667%2042.666667%200%200%201-42.666666%200l-351.018667-202.666667a42.666667%2042.666667%200%200%201-21.333333-36.949333v-405.333334a42.666667%2042.666667%200%200%201%2021.333333-36.949333L490.666667%2069.717333zM203.648%20333.973333v356.053334L512%20868.074667l308.373333-178.048v-356.053334L512%20155.925333%20203.648%20333.973333z%22%20fill%3D%22%23000000%22%20p-id%3D%222525%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M512%20469.333333a42.666667%2042.666667%200%201%200%200%2085.333334%2042.666667%2042.666667%200%200%200%200-85.333334z%20m-128%2042.666667a128%20128%200%201%201%20256%200%20128%20128%200%200%201-256%200z%22%20fill%3D%22%23000000%22%20p-id%3D%222526%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); }
.account-icon-logout { --account-icon: url("data:image/svg+xml,%3Csvg%20t%3D%221791628352337%22%20class%3D%22icon%22%20viewBox%3D%2276.8%2076.8%20870.4%20870.4%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20p-id%3D%222683%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22200%22%20height%3D%22200%22%3E%3Cpath%20d%3D%22M170.666667%20512c0-188.522667%20152.810667-341.333333%20341.333333-341.333333V85.333333C276.352%2085.333333%2085.333333%20276.352%2085.333333%20512s191.018667%20426.666667%20426.666667%20426.666667v-85.333334c-188.522667%200-341.333333-152.810667-341.333333-341.333333z%20m533.333333-252.330667l222.165333%20222.165334a42.666667%2042.666667%200%200%201%200%2060.330666L704%20764.330667%20643.669333%20704l149.333334-149.333333H469.333333v-85.333334h323.669334l-149.333334-149.333333L704%20259.669333z%22%20fill%3D%22%23000000%22%20p-id%3D%222684%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); }
.account-menu button { padding: 7px 16px; color: var(--color-text); font-size: 12px; }
.account-menu .account-admin-link { display: flex; align-items: center; gap: 7px; padding: 7px 16px; color: var(--color-text); font-size: 12px; text-decoration: none; }
.account-admin-icon { flex: none; width: 14px; height: 14px; }
.account-menu .account-admin-link:hover { background: var(--color-surface-muted); }
.account-menu .account-logout, .account-menu .account-logout:hover { color: var(--color-danger); }
.account-menu button:disabled { opacity: .5; background: transparent; cursor: default; }
.account-settings-dialog, .history-dialog { width: min(940px, calc(100% - 24px)); border-radius: 10px; }
.account-settings-dialog .info-dialog-heading, .history-dialog .info-dialog-heading { padding: 16px 20px; }
.account-settings-dialog .info-dialog-heading h2, .history-dialog .info-dialog-heading h2 { color: var(--color-black); font-size: 17px; font-weight: 600; }
.account-settings-body { padding: 16px 20px 20px; }
.account-settings-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: center; gap: 28px 24px; }
.account-settings-grid input { width: 100%; min-width: 0; height: 44px; border: 0; border-radius: 0; padding: 12px 20px; background: var(--color-surface-muted); color: var(--color-text); font: inherit; font-size: 13px; opacity: 1; }
.account-settings-grid input::placeholder { color: var(--color-text-subtle); opacity: 1; }
.account-settings-grid input:disabled { -webkit-text-fill-color: var(--color-text-subtle); }
.account-settings-grid .account-redemption-input { grid-column: span 2; }
.account-settings-grid .account-current-password { grid-column: 1 / -1; }
.account-settings-grid button { min-height: 38px; }
.account-settings-grid button:disabled { opacity: 1; cursor: default; }
.account-settings-body .account-settings-availability { margin: 22px 0 0; color: var(--color-text-subtle); font-size: 12px; }
.account-settings-actions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-top: 32px; }
.account-delete-button { grid-column: 3; min-height: 38px; border: 0; border-radius: 7px; background: var(--color-danger); color: var(--color-white); font: inherit; font-size: 12px; font-weight: 600; cursor: default; }
.account-delete-button:disabled { opacity: 1; cursor: default; }
.history-dialog .history-toolbar { align-items: center; margin-bottom: 12px; }
.history-dialog:has(#emptyHistory:not(.hidden)) .history-toolbar { justify-content: center; margin: 0; padding: 10px 0; }
.history-dialog:has(#emptyHistory:not(.hidden)) #clearHistory, .history-dialog:has(#emptyHistory:not(.hidden)) #emptyHistory { display: none; }
.account-overview { display: grid; grid-template-columns: minmax(0, 2.25fr) minmax(0, 1.1fr) repeat(2, minmax(0, .75fr)) minmax(0, 1.4fr); border: 1px solid var(--color-border); border-radius: 10px; background: var(--color-surface-muted); }
.account-identity, .account-stat { min-width: 0; padding: 14px 16px; }
.account-stat { border-left: 1px solid var(--color-border); }
.account-label { display: block; margin-bottom: 7px; color: var(--color-text-subtle); font-size: 12px; line-height: 18px; }
.account-identity-line { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.account-stat strong { display: block; color: var(--color-black); font-size: 14px; line-height: 32px; font-weight: 600; }
.account-tier-value { display: flex; align-items: center; gap: 6px; }
.account-signin { border: 0; padding: 0; background: transparent; color: var(--color-text); font: inherit; font-size: 13px; font-weight: 600; white-space: nowrap; cursor: pointer; }
#accountIdentityText { min-width: 0; overflow: hidden; text-overflow: ellipsis; cursor: default; }
.account-upgrade, .membership-primary { border: 0; border-radius: 7px; padding: 8px 12px; background: var(--color-black); color: var(--color-white); font: inherit; font-size: 12px; font-weight: 600; line-height: 18px; white-space: nowrap; cursor: pointer; }
.account-upgrade { box-shadow: 0 3px 8px color-mix(in srgb, var(--color-black) 7.84%, transparent); }
.account-upgrade span { margin-right: 3px; }
.account-upgrade:hover, .membership-primary:hover:not(:disabled) { background: var(--color-text); }
.account-body .account-records-title { margin: 20px 0 0; color: var(--color-black); font-size: 13px; font-weight: 600; }
.account-empty { padding: 40px 0 24px; color: var(--color-text-subtle); text-align: center; font-size: 12px; }
.login-dialog { width: min(760px, calc(100% - 24px)); border-radius: 12px; }
.login-body { display: grid; grid-template-columns: 1.4fr 1fr; padding: 0; }
.login-benefits { padding: 26px 28px; border-right: 1px solid var(--color-border); background: var(--color-surface-muted); }
.login-benefits h3 { display: flex; align-items: center; gap: 5px; margin: 0 0 16px; color: var(--color-black); font-size: 13px; font-weight: 600; }
.login-benefits h3 .paid-feature-icon { height: 14px; }
.login-benefits ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 18px 20px; margin: 0; padding: 0; list-style: none; }
.login-benefits li { position: relative; padding-left: 16px; color: var(--color-text-subtle); font-size: 12px; line-height: 1.6; }
.login-benefits li::before { content: ""; position: absolute; top: 6px; left: 0; width: 6px; height: 6px; border-radius: 50%; background: var(--color-success); }
.login-fields { padding: 26px 28px 22px; }
.login-field { display: flex; flex-direction: column; gap: 7px; margin-bottom: 16px; color: var(--color-text); font-size: 12px; }
.login-field input { width: 100%; min-width: 0; height: 38px; border: 1px solid var(--color-border); border-radius: 6px; padding: 8px 10px; color: var(--color-text); background: var(--color-white); font: inherit; font-size: 13px; }
.login-fields .login-field { margin-bottom: 12px; }
.login-fields .login-field input { height: 42px; border-color: var(--color-border); background: var(--color-surface-muted); }
.login-register { display: flex; align-items: center; gap: 6px; margin: 14px 0 0; color: var(--color-primary); font-size: 12px; cursor: pointer; }
.login-register input { width: 14px; height: 14px; margin: 0; accent-color: var(--color-black); }
.login-body .login-availability, .forgot-password-body .login-availability, .plans-body .plans-availability { margin: 8px 0 16px; color: var(--color-text-subtle); font-size: 12px; line-height: 1.7; }
.login-submit { width: 100%; }
.login-submit:disabled { background: var(--color-black); opacity: 1; cursor: default; }
.login-forgot { font-weight: 600; }
.forgot-password-dialog { width: min(400px, calc(100% - 24px)); border-radius: 12px; }
.forgot-password-dialog .info-dialog-heading { padding: 16px 20px; }
.forgot-password-dialog .info-dialog-heading h2 { font-size: 17px; }
.forgot-password-body { padding: 20px; }
.forgot-password-body .login-submit { min-height: 42px; padding: 12px; }
.membership-back { display: block; margin: 16px auto 0; padding: 4px 8px; border: 0; background: transparent; color: var(--color-text-muted); font: inherit; font-size: 12px; cursor: pointer; }
.membership-back[hidden] { display: none; }
.membership-back:hover { color: var(--color-text); }
.plans-body { padding: 20px 13px 16px; background: var(--color-table-surface); }
.plans-scroll { overflow-x: auto; padding-bottom: 4px; }
.plans-table { width: 100%; min-width: 820px; table-layout: fixed; border-collapse: separate; border-spacing: 0; color: var(--color-text); font-size: 12px; text-align: center; white-space: nowrap; }
.plans-table th:first-child { width: 165px; padding: 8px 14px; text-align: left; }
.plans-table th, .plans-table td { height: 40px; padding: 8px; border: 0; }
.plans-table td { font-weight: 500; }
.plans-table thead th:not(:first-child) { padding: 0; }
.plans-table thead .plans-label-heading { border: 0; }
.plan-hero { position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-end; min-height: 114px; margin: 0 5px; padding: 16px 10px; border: 1px solid var(--color-border); border-bottom: 0; border-radius: 16px 16px 0 0; background: var(--color-white); }
.plans-table .plan-hero h3 { margin: 0; color: var(--color-black); font-size: 18px; font-weight: 700; line-height: 26px; }
.plan-hero h3 span { white-space: nowrap; }
.plan-super-icon { display: block; margin: 0 auto; width: auto; height: 14px; }
.plan-super-icon-muted { filter: grayscale(1); opacity: .35; }
.plan-hero small { margin-top: 3px; color: var(--color-text-subtle); font-size: 10px; font-weight: 400; }
.plans-table { --plan-highlight-background: var(--color-promotion-background); --plan-highlight-text: var(--color-promotion-text); }
.plan-ribbon { position: absolute; inset: 0 0 auto; display: flex; align-items: center; justify-content: center; gap: 5px; height: 47px; padding: 0 6px; background: var(--plan-highlight-background); color: var(--color-white); font-size: 15px; line-height: 47px; font-weight: 600; }
.plan-ribbon svg { --sk-button-background: var(--plan-highlight-background); flex: none; width: 16px; height: 16px; fill: currentColor; }
.plans-table thead th.plan-recommended .plan-hero { border: 1px solid var(--plan-highlight-background); border-bottom: 0; background: linear-gradient(to bottom, var(--plan-highlight-background) 0 49px, var(--color-white) 49px 100%); }
.plan-recommended .plan-ribbon { background: transparent; }
.plan-recommended .plan-ribbon { color: var(--color-white); }
.plans-table tbody tr { --plan-row-background: var(--color-table-row); --plan-column-background: var(--color-white); }
.plans-table tbody tr:nth-child(even) { --plan-row-background: var(--color-table-row-alt); --plan-column-background: var(--color-table-cell-alt); }
.plans-table tbody th, .plans-table tbody td { position: relative; background: var(--plan-row-background); border-bottom: 1px solid var(--color-border); }
.plans-table tbody td { background: linear-gradient(to right, var(--plan-row-background) 0 5px, var(--plan-column-background) 5px calc(100% - 5px), var(--plan-row-background) calc(100% - 5px) 100%); }
.plans-table tbody tr:first-child > * { border-top: 1px solid var(--color-border); }
.plans-table tbody th { border-left: 1px solid var(--color-border); }
.plans-table tbody td:last-child { clip-path: inset(0 5px 0 0); }
.plans-table tbody tr:first-child th { border-top-left-radius: 10px; }
.plans-table tbody tr:last-child th { border-bottom-left-radius: 10px; }
.plans-table tbody td::before, .plans-table tbody td::after { content: ""; position: absolute; top: -1px; bottom: -1px; width: 1px; background: var(--color-border); pointer-events: none; }
.plans-table tbody td::before { left: 5px; }
.plans-table tbody td::after { right: 5px; }
.plans-table tbody td:nth-child(4)::before, .plans-table tbody td:nth-child(4)::after { width: 1px; background: var(--plan-highlight-background); }
.plans-table tbody th { color: var(--color-text); font-weight: 500; }
.plans-table tfoot td { padding: 0; vertical-align: top; }
.plans-table tfoot th { border: 0; }
.plan-support, .plan-unsupported { display: inline-grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; color: var(--color-white); font-size: 13px; line-height: 1; font-weight: 600; }
.plan-support { color: var(--sk-button-background); }
.plan-unsupported { color: var(--color-danger); }
.plan-status-icon { display: block; width: 20px; height: 20px; }
.plan-payment-buttons { display: grid; align-content: start; gap: 6px; min-height: 152px; margin: 0 5px; padding: 14px; border: 1px solid var(--color-border); border-top: 0; border-radius: 0 0 16px 16px; background: var(--color-white); box-shadow: 0 3px 4px color-mix(in srgb, var(--color-black) 1.96%, transparent); }
.plans-table tfoot td:nth-child(4) .plan-payment-buttons { border: 1px solid var(--plan-highlight-background); border-top: 0; }
.plan-payment-buttons button { display: inline-flex; align-items: center; justify-content: flex-start; gap: 6px; width: 100%; min-height: 32px; padding: 6px 14px; border: 0; border-radius: 6px; color: var(--color-white); font: inherit; font-size: 12px; line-height: 20px; font-weight: 600; white-space: nowrap; text-align: left; }
.plan-payment-icon { flex: none; width: 18px; height: 18px; fill: currentColor; }
.plan-payment-buttons button:disabled { opacity: 1; cursor: default; }
.plan-payment-buttons .plan-pay-wechat { background: var(--color-brand-wechat-button); }
.plan-payment-buttons .plan-pay-alipay { background: var(--color-brand-alipay); }
.plan-payment-buttons .plan-pay-stripe { background: var(--color-brand-stripe); }
.plan-payment-buttons small { color: var(--color-text-subtle); font-size: 10px; font-weight: 400; }
.plans-body .plans-availability { margin: 10px 2px 0; font-size: 11px; }
@media (max-width: 420px) { .site-header .brand-name { display: none; } }
.account-dialog button:focus-visible, .login-dialog button:focus-visible, .plans-dialog button:focus-visible, .account-settings-dialog button:focus-visible, .forgot-password-dialog button:focus-visible, .login-register input:focus-visible, .login-field input:focus-visible, .plans-scroll:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 2px; }
@media (max-width: 600px) {
  .site-header .account-nav[data-account-state="signed-in"] { max-width: 160px; }
  .account-dialog .info-dialog-heading, .login-dialog .info-dialog-heading, .plans-dialog .info-dialog-heading { padding: 14px 16px; }
  .account-body, .plans-body { padding: 16px; }
  .login-body { grid-template-columns: 1fr; padding: 0; }
  .login-benefits { padding: 20px; border-right: 0; border-bottom: 1px solid var(--color-border); }
  .login-benefits ul { gap: 12px 16px; }
  .login-fields { padding: 20px; }
  .account-overview { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .account-identity { grid-column: 1 / -1; padding: 12px; border-bottom: 1px solid var(--color-border); }
  .account-stat { padding: 12px 10px; }
  .account-stat:nth-child(even) { border-left: 0; }
  .account-stat:nth-child(n+4) { border-top: 1px solid var(--color-border); }
  .account-label { font-size: 11px; }
  .account-stat strong { line-height: 24px; }
  .account-settings-grid { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .account-settings-grid .account-redemption-input { grid-column: auto; margin-top: 12px; }
  .account-settings-actions { grid-template-columns: minmax(0, 1fr); margin-top: 24px; }
  .account-delete-button { grid-column: auto; }
}
@media (max-width: 600px) {
  .tool-switcher button { padding: 7px 10px; font-size: 12px; }
  .processing-panel .file-tool-output { height: 280px; padding: 12px; font-size: 12px; }
  .paste-text-button { padding: 12px 16px; }
  .cleanup-rule { grid-template-columns: 60px minmax(0, 1fr) 24px; gap: 6px; }
  .cleanup-rule [data-rule-type] { grid-column: 1; grid-row: 1 / span 2; align-self: start; }
  .cleanup-rule [data-rule-find], .cleanup-rule [data-rule-replace] { grid-column: 2; }
  .cleanup-rule > button { grid-column: 3; grid-row: 1; }
}
html:lang(zh-Hant) :is(button, input, select, textarea, .queued-file-heading, .review-mobile-label) {
  font-family: var(--traditional-font-family);
}
html:lang(zh-Hant) .subtitle-review-row,
html:lang(zh-Hant) .processing-panel .file-tool-output {
  font-family: ui-monospace, "SFMono-Regular", Consolas, "PingFang TC", "Microsoft JhengHei", monospace;
}

.landing-proof.tool-guide-only > :not(.seo-guide) { display:none; }