[hidden]{display:none!important}.hero{margin:36px auto 26px}.hero h1{font-size:clamp(30px,4.2vw,54px);margin:16px 0}.hero-copy{max-width:700px;font-size:15px}.converter{background:#fff}.drop-zone{position:relative;padding:26px 16px;min-height:190px;cursor:pointer}.drop-zone input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.drop-zone:focus-within{outline:3px solid var(--blue);outline-offset:3px}.drop-zone.dragover{background:#eef0ff;border-color:var(--blue)}.upload-icon{font-size:30px}.file-info{overflow-wrap:anywhere;font-size:14px}fieldset{border:0;padding:0;margin:0;min-width:0}.setting-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.setting-block input,.setting-block select{width:100%;border:1px solid var(--line);border-radius:10px;background:var(--paper);padding:12px;margin-top:8px}.setting-block small{display:block;color:var(--muted);font-size:11px;line-height:1.6;margin-top:8px}.small-button{padding:9px 12px;border:1px solid var(--line);background:white;border-radius:9px;cursor:pointer;margin:10px 0;font-size:12px}.small-button:hover{border-color:var(--blue)}button:disabled{opacity:.5;cursor:wait}.source-preview video{max-height:260px;background:#161714}.source-preview{margin-bottom:24px}progress{display:block;width:100%;height:15px;margin:16px 0;accent-color:var(--blue)}.result-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}#gif{display:block;max-width:100%;max-height:400px;margin:20px auto;border-radius:12px}#result{border-top:1px solid var(--line);margin-top:24px;padding-top:12px}#result-info,#target-info{font-size:14px;line-height:1.7}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}td,th{text-align:left;border-bottom:1px solid var(--line);padding:12px 8px}summary{cursor:pointer;padding:16px 0}.placeholder{border:1px dashed currentColor;padding:20px;opacity:.65;font-size:14px}.test-section{background:var(--acid);border-radius:24px;padding:40px;width:min(1180px,calc(100% - 40px));margin:60px auto;display:grid;grid-template-columns:1fr 1fr;gap:30px}.test-section p{line-height:1.8}.guide-section p{line-height:1.9}.content-section{display:block}.content-section h2{margin-bottom:24px}#clear{margin-top:24px}#status{font-size:14px}.primary-button{margin-top:20px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:3px}@media(max-width:700px){.hero{margin-top:24px}.hero-copy{font-size:13px}.setting-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.converter{padding:22px 18px}.engine-tag{display:none}.site-header{height:64px}nav{gap:12px}nav a{font-size:10px}.test-section{grid-template-columns:1fr;padding:24px}.result-heading{align-items:stretch;flex-direction:column}.drop-zone small{font-size:10px}.drop-zone{padding:18px 10px}.source-preview video{max-height:230px}}@media(max-width:400px){nav{display:none}}
/* Final Japanese copy, preserving the original tool's visual tokens. */
.hero{max-width:960px}.hero h1{font-size:clamp(28px,4vw,50px)}.hero-copy{line-height:1.9}.hero-details{max-width:780px;margin:8px auto 0;text-align:left}.hero-details>summary{text-align:center;padding:8px;color:var(--muted);font-size:12px}.hero-details-body{border:1px solid var(--line);border-radius:16px;padding:20px;font-size:14px;line-height:1.9}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:8px 28px;padding-left:20px}.fine-print{font-size:12px!important;line-height:1.8}.seo-section{width:min(1080px,calc(100% - 40px));margin:80px auto}.seo-section h2{font-family:"Yu Mincho","Hiragino Mincho ProN",Georgia,serif;font-size:clamp(28px,3.5vw,44px);line-height:1.45;font-weight:500;letter-spacing:-.02em;margin:0 0 24px}.seo-section h3{font-size:19px;line-height:1.65;margin:28px 0 12px}.seo-section p,.seo-section li{font-size:15px;line-height:1.95}.seo-section p{margin:10px 0}.seo-section li{margin:7px 0}.seo-section .kicker{font-size:11px;margin:0 0 16px}.section-description{color:var(--muted)}.steps-grid{margin-top:30px}.steps-grid article{background:var(--card);min-width:0}.steps-grid h3{font-size:17px;margin:24px 0 12px}.steps-grid p,.steps-grid li{font-size:13px;line-height:1.85}.steps-grid ul{padding-left:18px}.quality-guide{display:block;background:var(--dark);color:#f7f6ed;border-radius:24px;padding:42px}.quality-guide .kicker{color:var(--acid)}.quality-guide p{color:#d4d6cd}.quality-guide th,.quality-guide td{border-color:#484b42}.quality-guide table{font-size:14px}.quality-guide .guide-intro{max-width:850px}.knowledge-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}.knowledge-grid p{font-size:14px}.text-section{max-width:980px}.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:30px}.method-grid article{border:1px solid var(--line);border-radius:18px;padding:26px;background:var(--card)}.method-grid h3{margin-top:12px;font-size:18px}.method-grid p{font-size:14px}.method-number{font-family:Georgia,serif;color:var(--blue);font-size:30px}.limit-note{background:#eae7dc;border-radius:16px;padding:24px;margin-top:26px}.limit-note p{font-size:13px}.limitations{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:36px 0}.table-scroll{border-radius:12px}.seo-section table{line-height:1.8}th{font-weight:700}th,td{overflow-wrap:anywhere}.original-test{padding:40px;grid-template-columns:1fr 1fr;gap:36px}.original-test .kicker{color:var(--ink)}.original-test h2{font-size:clamp(28px,3vw,38px)}.test-highlight{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:24px 0;font-family:Georgia,serif;font-size:clamp(40px,5vw,62px);letter-spacing:-.04em}.test-highlight small{display:block;font-size:12px;font-family:system-ui,sans-serif;letter-spacing:0;margin-bottom:6px}.test-highlight .unit{font-size:18px;margin-left:3px;letter-spacing:0}.test-highlight .test-arrow{font-size:32px}.original-test p{font-size:14px}.original-test th,.original-test td{border-color:#9bbd28}.test-evidence{background:#efffc7;border-radius:18px;padding:26px;min-width:0}.test-evidence h3:first-child{margin-top:0}.test-evidence dl{margin:0}.test-evidence dl>div{display:block;padding:10px 0;border-bottom:1px solid #c6db88}.test-evidence dt{font-size:11px;font-weight:800;margin-bottom:4px}.test-evidence dd{font-size:12px;line-height:1.7;margin:0}.evidence-links{display:flex;flex-wrap:wrap;gap:10px}.evidence-links a{font-size:12px;text-underline-offset:3px}.faq-section h2{font-size:clamp(28px,3.5vw,44px);line-height:1.45}.faq-list p{max-width:850px;font-size:14px}.faq-list summary{line-height:1.7}.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.related-grid article{border:1px solid var(--line);border-radius:18px;padding:26px;background:white}.related-grid h3{margin-top:0}.related-grid p{font-size:14px}.pending-link{display:inline-block;background:#e9e7df;border-radius:6px;font-size:12px;padding:6px 10px;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}footer{gap:24px}footer a{font-size:12px}
@media(max-width:700px){.seo-section{margin:54px auto}.steps-grid,.method-grid,.knowledge-grid,.related-grid{grid-template-columns:1fr}.quality-guide,.original-test{padding:26px 20px}.original-test{grid-template-columns:1fr;gap:24px}.test-evidence{padding:20px}.seo-section h2{font-size:28px}.seo-section h3{font-size:18px}.seo-section p,.seo-section li{font-size:14px}.feature-list{grid-template-columns:1fr}.hero-details-body{padding:16px}.hero-copy{max-width:340px}.hero-details>summary{font-size:11px}.quality-guide table{font-size:12px}.seo-section td,.seo-section th{padding:12px 7px}.steps-grid{gap:16px}.steps-grid article{padding:22px}.test-highlight{font-size:49px}.related-grid{gap:16px}footer{flex-wrap:wrap;justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.primary-button{transition:none}}
/* Finishing pass: compact hero and readable controls, same brand tokens. */
.hero-benefits{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px;list-style:none;padding:0;margin:16px 0 0;font-size:13px;font-weight:700}.hero-benefits li:before{content:'✓';color:var(--blue);margin-right:5px}.hero{margin-bottom:18px}.converter{margin-top:28px}.tool-details{width:min(820px,calc(100% - 40px));margin:-54px auto 54px}.tool-details>summary{text-align:left;font-size:14px;min-height:44px;padding:12px 0}.primary-button{width:100%}.setting-block input,.setting-block select{min-height:46px;font-size:16px}.small-button{min-height:44px;font-size:13px}.setting-block small{font-size:12px}.drop-zone small{font-size:12px;line-height:1.7;color:var(--muted)}.file-info,#result-info,#target-info{overflow-wrap:anywhere}.faq-list summary{gap:16px;min-height:48px;font-size:15px}.faq-list summary span{flex-shrink:0}.table-scroll{max-width:100%}.table-scroll th,.table-scroll td{font-size:13px}.source-preview>div{flex-wrap:wrap;gap:6px 12px}
@media(max-width:700px){.hero{margin-top:20px}.hero h1{margin:12px 0;font-size:28px;line-height:1.35}.hero-copy{font-size:14px;line-height:1.75}.hero-benefits{font-size:12px;gap:7px 12px;margin-top:12px}.converter{margin-top:22px}.drop-zone{min-height:204px;padding:16px 10px}.drop-zone strong{font-size:18px}.drop-zone>span:not(.upload-icon){font-size:14px}.drop-zone small{font-size:12px;margin-top:12px}.setting-block>label{font-size:13px}.estimate{font-size:12px;line-height:1.7}.test-evidence dt,.test-evidence dd,.evidence-links a{font-size:13px}.hero-details-body{font-size:14px}.table-scroll table{min-width:0}.test-highlight{gap:10px}.tool-details{margin:-54px auto 40px}}@media(max-width:359px){.setting-grid{grid-template-columns:1fr}.hero-benefits{column-gap:10px}.test-highlight{font-size:41px}.seo-section h2{font-size:26px}}
/* ===== 関連ツール（内部リンク） ===== */
.related-section { width: min(1080px, calc(100% - 40px)); margin: 0 auto 110px; }
.related-kicker { margin: 0 0 14px; color: var(--blue); font-size: 12.5px; font-weight: 800; letter-spacing: .11em; }
.related-section h2 { margin: 0; font-family: "Yu Mincho", "Hiragino Mincho ProN", "Noto Serif JP", Georgia, serif; font-size: clamp(28px, 3.4vw, 42px); font-weight: 500; line-height: 1.3; letter-spacing: -.01em; text-wrap: balance; }
.related-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 290px), 1fr)); gap: 16px; margin-top: 40px; }
.related-card { display: flex; flex-direction: column; padding: 28px; border: 1px solid var(--line); border-radius: 18px; background: var(--card); color: inherit; text-decoration: none; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; }
.related-card:hover, .related-card:focus-visible { transform: translateY(-2px); border-color: var(--ink); box-shadow: 0 12px 30px rgba(22, 23, 20, .08); }
.related-icon { display: grid; place-items: center; width: 46px; height: 46px; color: var(--acid); background: var(--ink); border-radius: 50%; font-size: 9px; font-weight: 900; letter-spacing: .08em; }
.related-card h3 { margin: 26px 0 10px; font-size: 19px; line-height: 1.45; }
.related-card p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.75; }
.related-cta { margin-top: auto; padding-top: 20px; color: var(--blue); font-size: 12.5px; font-weight: 800; }
@media (max-width: 640px) { .related-section { margin-bottom: 80px; } .related-card { padding: 22px; } }

/* 页脚：隐私政策 + 许可入口（2026-10-24） */
.footer-links{display:flex;flex-wrap:wrap;gap:6px 18px}
.footer-links a{font-size:12px;color:var(--muted);text-decoration:underline;text-underline-offset:3px}
.footer-links a:hover,.footer-links a:focus-visible{color:var(--ink)}

/* ===========================================================
   统一排版（2026-10-24）
   四页共用同一套字体栈与字号阶梯，调整时四份文件保持一致
   =========================================================== */
:root {
  --font-sans: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP",
               "Yu Gothic", "YuGothic", Meiryo, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-serif: "Yu Mincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro",
                "Noto Serif JP", Georgia, serif;
  --fs-h1: clamp(30px, 6.4vw, 74px);
  --fs-h2: clamp(26px, 3.1vw, 40px);
  --fs-h2-ui: 24px;
  --fs-h3: clamp(17px, 1.35vw, 19px);
  --fs-lead: 17px;
}
body { font-family: var(--font-sans); }
h1, .hero h1 {
  font-family: var(--font-serif);
  font-size: var(--fs-h1);
  line-height: 1.12;
  letter-spacing: -.02em;
  font-weight: 500;
}
.seo-section h2, .original-test h2, .faq-section h2, .related-section h2, .content-section h2, .section-intro h2, .guide-copy h2, .test-copy h2, .content-heading h2 {
  font-family: var(--font-serif);
  font-size: var(--fs-h2);
  line-height: 1.3;
  letter-spacing: -.01em;
  font-weight: 500;
}
.converter-heading h2 { font-size: var(--fs-h2-ui); line-height: 1.4; letter-spacing: -.02em; }
.seo-section h3, .steps-grid h3, .method-grid h3, .test-evidence h3, .related-grid h3, .related-card h3 { font-size: var(--fs-h3); line-height: 1.5; }
.hero-copy { font-size: var(--fs-lead); line-height: 1.8; }
.seo-section p, .seo-section li { font-size: 14.5px; line-height: 1.95; }
@media (max-width: 640px) {
  .converter-heading h2 { font-size: 21px; }
  .hero-copy { font-size: 15px; line-height: 1.85; }
}