:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:light dark;--bg:#f9fbfe;--card:#fff;--ink:#172b43;--muted:#5b6e84;--line:#dce5f1;--blue:#086ddc;--chip:#f0f6fe;--shadow:0 16px 55px #25467008;background:var(--bg);color:var(--ink);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:hover{color:var(--blue)}button,summary,a{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px;border-radius:5px}svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.shell{max-width:1120px;padding:0 40px;margin:auto}.site-header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:700;letter-spacing:-.6px}.brand img{object-fit:contain}.brand-toy{font-weight:400;color:var(--blue)}.languages{position:relative;z-index:2;font-size:14px}.languages summary{display:flex;align-items:center;gap:9px;cursor:pointer;list-style:none;min-height:44px}.languages summary::-webkit-details-marker{display:none}.language-menu{position:absolute;right:0;top:48px;width:180px;padding:7px;border:1px solid var(--line);border-radius:14px;background:var(--card);box-shadow:0 12px 35px #0002}.language-menu a{display:block;padding:10px 12px;border-radius:7px}.language-menu a:hover,.language-menu a[aria-current]{background:var(--chip);color:var(--blue)}.hero{text-align:center;padding:64px 0 58px}.eyebrow{font-size:14px;font-weight:500;color:var(--muted);letter-spacing:.04em}.eyebrow span{padding:0 10px;color:#96aac3}h1{font-size:clamp(2.35rem,5.1vw,3.9rem);font-weight:700;letter-spacing:-.045em;line-height:1.1;margin:22px 0}h1 span{color:var(--blue)}.private-line{display:flex;align-items:center;justify-content:center;gap:8px;font-size:16px;color:var(--muted);line-height:1.6;margin:24px 0 0}.private-line svg{flex-shrink:0}.toolbox{border:1px solid var(--line);border-radius:20px;background:var(--card);box-shadow:var(--shadow);overflow:hidden}.toolbox-bar{display:flex;align-items:center;justify-content:space-between;padding:20px 25px;border-bottom:1px solid var(--line);background:var(--chip)}.toolbox-bar h2{font-size:16px;font-weight:600;margin:0}.total{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;color:var(--muted)}.tool-groups{display:grid;grid-template-columns:1fr 1fr;gap:0}.tool-group{padding:28px 25px 24px;min-width:0;border-bottom:1px solid var(--line)}.tool-group:nth-child(odd){border-right:1px solid var(--line)}.tool-group h3{display:flex;align-items:center;gap:10px;margin:0 0 18px;font-size:16px;line-height:1.4;font-weight:600}.group-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;flex-shrink:0;border-radius:8px;font:600 16px ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--chip);color:var(--blue)}.codec .group-icon{color:#8058cf;background:#f3edfd}.web .group-icon{color:#137c64;background:#e8f7f0}.code .group-icon{color:#a15e19;background:#fff2e3}.count{font-size:12px;font-weight:500;color:var(--muted);margin-left:auto}.tool-group ul{padding:0;margin:0;list-style:none;columns:2;column-gap:20px}.tool-group li{font-size:14px;line-height:1.45;padding:6px 0;break-inside:avoid;overflow-wrap:anywhere}.ai-row{padding:22px 25px;display:flex;align-items:center;gap:14px;background:linear-gradient(110deg,var(--chip),var(--card))}.ai-icon{font-size:31px;color:var(--blue);width:30px;text-align:center}.ai-row h3{font-size:16px;margin:0 0 4px}.ai-row p{margin:0;color:var(--muted);font-size:14px}.ai-label{margin-left:auto;color:var(--blue);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;border:1px solid var(--line);padding:5px 8px;border-radius:6px}.download{text-align:center;padding:40px 0 28px}.store-link{display:inline-block;border-radius:8px}.store-link img{display:block;height:54px;width:auto;max-width:100%}.store-link:hover{opacity:.85}.ai-note{max-width:480px;margin:20px auto 0;font-size:12px;line-height:1.65;color:var(--muted)}footer{border-top:1px solid var(--line);margin-top:20px;padding:26px 0 32px;display:flex;justify-content:space-between;gap:20px;font-size:13px;color:var(--muted)}.privacy{max-width:730px;margin:35px auto 64px}.back{font-size:14px;color:var(--blue)}.privacy h1{font-size:clamp(2rem,5vw,3rem);margin-top:35px}.updated{font-size:13px;color:var(--muted)}.privacy p{line-height:1.75}.privacy-lead{font-size:19px;color:var(--muted);margin:30px 0}.privacy section{margin:32px 0}.privacy h2{font-size:20px;margin:0 0 12px}.privacy section p{font-size:16px;margin:0}.policy-links{display:flex;flex-wrap:wrap;gap:15px 24px;font-size:14px;color:var(--blue);margin-top:40px}
@media(prefers-color-scheme:dark){:root{--bg:#09111c;--card:#0e1826;--ink:#edf3fc;--muted:#a2b2c8;--line:#293b53;--blue:#56aeff;--chip:#142238;--shadow:0 16px 55px #0002}.codec .group-icon{color:#bc9cfb;background:#29203e}.web .group-icon{color:#76dcb6;background:#14352e}.code .group-icon{color:#f9bd76;background:#382b1c}}
@media(min-width:900px){.tool-group{padding:26px}.tool-group ul{column-gap:24px}}
@media(max-width:760px){.shell{padding:0 22px}.site-header{height:80px}.hero{padding:46px 0 42px}h1{font-size:clamp(2.2rem,6.7vw,3.2rem)}.tool-group ul{columns:1}.tool-group{padding:22px}.private-line{font-size:14px}.tool-group li{font-size:14px}.eyebrow{font-size:12px}}
@media(max-width:470px){.shell{padding:0 18px}.brand{font-size:21px}.brand img{width:32px;height:32px}.languages summary{gap:6px}.hero{padding:35px 0}.eyebrow span{padding:0 4px}h1{font-size:2.3rem;line-height:1.12}.private-line{font-size:13px;gap:6px}.tool-groups{grid-template-columns:1fr}.tool-group:nth-child(odd){border-right:0}.tool-group ul{columns:2;column-gap:18px}.tool-group{padding:23px 20px}.tool-group li{font-size:14px}.toolbox-bar{padding:18px 20px}.download{padding-top:32px}.ai-row{padding:20px}.privacy{margin-top:24px}}
@media(prefers-reduced-motion:no-preference){.store-link{transition:opacity .15s ease}}
@media(max-width:470px){:lang(ja) h1,:lang(ko) h1,:lang(zh-Hans) h1,:lang(zh-Hant) h1{font-size:1.8rem;line-height:1.25;letter-spacing:-.035em}}
.app-preview{margin:0 auto 48px;max-width:100%;text-align:center}.app-screenshot{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 60px #0002}.app-preview[data-device="iphone"]{max-width:300px}.app-preview[data-device="ipad"]{max-width:600px}.app-preview[data-device="iphone"] .app-screenshot{border-radius:26px}.app-preview[data-device="vision"]{max-width:960px}@media(max-width:470px){.app-preview{margin-bottom:32px}.app-preview[data-device="iphone"]{max-width:280px}.app-screenshot{border-radius:10px}}