body{-webkit-font-smoothing:antialiased}.site-header,.page-section,.site-footer-inner{width:100%;max-width:1120px;margin:0 auto;padding-inline:24px;box-sizing:border-box}.site-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-block:20px}.brand{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:600;letter-spacing:-.01em;color:var(--accent);text-decoration:none}.brand .brand-mark{width:30px;height:30px;margin:0;border-radius:8px}.site-nav{display:flex;flex-wrap:wrap;align-items:center;gap:4px;font-size:14px}.site-nav a,.nav-button{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;border-radius:8px;color:var(--accent-subtext);text-decoration:none}.site-nav a:hover{color:var(--accent);background:var(--accent-hover)}.nav-button{border:1px solid var(--line);background:var(--surface);color:var(--accent);font-size:14px;cursor:pointer}.seo-page #cobalt-main-box{max-width:1120px;padding:48px 24px 24px;box-sizing:border-box;gap:32px}.seo-breadcrumb{font-size:14px;color:var(--accent-subtext)}.seo-intro{display:flex;flex-direction:column;align-items:center;gap:16px;max-width:760px;margin:0 auto;text-align:center}.seo-intro .eyebrow{margin:0;font-family:var(--font-mono);font-size:13px;color:var(--brand-text)}.seo-intro h1{margin:0;font-size:clamp(2.25rem,5vw,3.75rem);line-height:1.04;font-weight:600;letter-spacing:-.035em}.seo-intro p:not(.eyebrow){margin:0;font-size:18px;line-height:1.55;color:var(--accent-subtext)}#download-area{width:100%;max-width:760px;margin:0 auto;gap:14px}#cobalt-main-box #top{position:relative;height:auto;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow-card)}#cobalt-main-box #top:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft),var(--shadow-card)}#link-icon{position:static;width:20px;padding:0 0 0 10px}#url-input-area{flex:999 1 240px;min-width:0;width:auto;height:52px;padding:0;border:0;font-family:var(--font-mono);font-size:15px}#url-input-area:focus{border:0}#url-clear{height:44px;padding:0 10px;color:var(--accent-subtext)}#download-button{flex:0 0 auto;height:52px;padding:0 22px!important;border-radius:12px;background:var(--brand);color:var(--brand-ink);font-family:var(--font-sans);font-size:15px;font-weight:600!important;-webkit-appearance:none;appearance:none}#download-button:disabled{color:var(--brand-ink);opacity:.45}#cobalt-main-box #bottom{padding-top:0;flex-wrap:wrap;align-items:center;gap:12px}#audioMode{padding:4px;gap:4px;border-radius:12px;background:var(--accent-button)}#audioMode .switch{width:auto;min-height:40px;padding:0 14px;gap:8px;border-radius:9px;background:transparent;color:var(--accent-subtext);font-size:14px;font-weight:500;box-shadow:none}#audioMode .switch[data-enabled=true]{background:var(--surface)!important;color:var(--accent);box-shadow:0 1px 2px #0000001f}.tool-actions{display:flex;align-items:center;gap:8px}#paste{width:auto;min-height:44px;padding:0 14px;gap:8px;border:1px solid var(--line);border-radius:12px;background:var(--surface);font-size:14px;box-shadow:none}.desktop #paste{display:none}.format-chip{min-height:44px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--accent);font-family:var(--font-mono);font-size:13px;cursor:pointer}.format-chip:hover{background:var(--accent-hover)}.shortcut-hints{display:none;flex-wrap:wrap;justify-content:center;gap:8px 20px;margin:4px 0 0;font-size:13px;color:var(--accent-subtext)}.desktop .shortcut-hints{display:flex}.shortcut-hints kbd{padding:1px 6px;border:1px solid var(--line);border-radius:5px;background:var(--surface);font-family:var(--font-mono);font-size:12px}#footer{padding:0;border-top:1px solid var(--line)}.site-footer-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-block:16px;font-size:14px;color:var(--accent-subtext)}#footer .footer-button{min-height:44px;padding:0 12px;border-radius:8px;background:transparent;box-shadow:none;color:var(--accent-subtext);font-size:14px}#footer .footer-button:hover{color:var(--accent);background:var(--accent-hover)}@media screen and (max-width: 600px){.site-header,.page-section,.site-footer-inner{padding-inline:16px}.site-nav a:not(.lang-link){display:none}.nav-button span{display:none}.seo-page #cobalt-main-box{padding:24px 16px 16px;gap:24px}.seo-intro{align-items:flex-start;text-align:left}.seo-intro h1{font-size:34px}.seo-intro p:not(.eyebrow){font-size:16px}#download-button,#audioMode{flex:1 1 100%}#audioMode .switch{flex:1 1 0;justify-content:center}.tool-actions{flex:1 1 100%;justify-content:space-between}}.page-section{display:flex;flex-direction:column;gap:20px;padding-block:40px;user-select:text;-webkit-user-select:text}.page-section h2,.seo-content h2{margin:0;font-size:22px;font-weight:600;letter-spacing:-.01em;line-height:1.3}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:0;padding:0;list-style:none}.card{display:flex;flex-direction:column;gap:10px;margin:0;padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.card h3{margin:0;font-size:18px;font-weight:600}.card p{margin:0;font-size:15px;line-height:1.55;color:var(--accent-subtext)}.step-number{font-family:var(--font-mono);font-size:13px;color:var(--brand-text)}.section-heading{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px}.section-heading span{font-size:14px;color:var(--accent-subtext)}.seo-related{max-width:none;margin:0}.seo-related h3{margin:0 0 10px;font-size:16px;font-weight:600}.guide-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px;margin:0;padding:0;list-style:none}.guide-list li{margin:0}.guide-list a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:0 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--accent);font-size:15px;font-weight:500;text-decoration:none}.guide-list a:hover{border-color:var(--accent-subtext)}.guide-list svg{color:var(--accent-subtext);flex-shrink:0}.chip-list{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.chip-list li{padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:14px}.seo-content{width:100%;max-width:1120px;margin:0 auto;padding:40px 24px;box-sizing:border-box;user-select:text;-webkit-user-select:text}.seo-content>*{max-width:720px}.seo-content h2{margin:40px 0 12px}.seo-content h2:first-child{margin-top:0}.seo-content p,.seo-content li{font-size:15px;line-height:1.7;color:var(--accent-subtext)}.seo-content code{padding:1px 5px;border-radius:5px;background:var(--accent-button);font-family:var(--font-mono)}.faq-list{border-top:1px solid var(--line)}.faq details{padding:18px 0;border-bottom:1px solid var(--line)}.faq summary{min-height:24px;font-size:16px;font-weight:600;cursor:pointer}.faq details p{max-width:720px;margin:10px 0 0;font-size:15px;line-height:1.6;color:var(--accent-subtext)}@media screen and (max-width: 600px){.seo-content{padding-inline:16px}}#popup-settings{width:min(720px,calc(100% - 32px));border-radius:20px;background:var(--surface);box-shadow:0 24px 64px -16px #00000059}#popup-settings .popup-header{position:static;flex-shrink:0;padding:20px 72px 0 28px;background:var(--surface)}#popup-settings .popup-title{font-size:20px;font-weight:600;letter-spacing:-.01em}#popup-settings .popup-tabs{position:static;padding:12px 28px 0;background:var(--surface);border-top:0;border-bottom:1px solid var(--line)}#popup-settings .popup-tabs-child{gap:4px}#popup-settings .popup-tabs .switch{width:auto;min-height:44px;padding:0 14px;border:0;border-radius:0;background:transparent!important;color:var(--accent-subtext);font-size:15px!important;font-weight:500;box-shadow:none}#popup-settings .popup-tabs .switch[data-enabled=true]{color:var(--accent);background:transparent!important;box-shadow:inset 0 -2px 0 var(--accent)}#popup-settings .popup-tabs .back-button{position:absolute;top:16px;right:16px;width:44px;max-width:none;height:44px;padding:0;border-radius:10px;justify-content:center}#popup-settings .popup-tabs .back-button:hover{background:var(--accent-hover)!important}#popup-settings>.popup-content{flex:1 1 auto}#popup-settings .tab-content-settings{padding:24px 28px 28px}#popup-settings .tab-content-settings .switches{flex-wrap:wrap;gap:8px}#popup-settings .tab-content-settings .switch{width:auto;min-height:44px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:none}#popup-settings .tab-content-settings .switch[data-enabled=true]{border:1.5px solid var(--brand);background:var(--brand-soft)!important;color:var(--brand-text)}#videoPreset-switcher .switches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}#popup-settings .switch.preset-card{width:100%;flex-direction:column;align-items:flex-start;gap:6px;padding:16px;border-radius:14px;text-align:left}.preset-name{font-size:15px;font-weight:600}.preset-res{padding:2px 7px;border-radius:6px;background:var(--accent-button);font-family:var(--font-mono);font-size:12px}.switch[data-enabled=true] .preset-res{background:var(--surface)}.popup.small{border-radius:20px;background:var(--surface)}.popup.small .switch{border-radius:12px}@media screen and (max-width: 600px){#videoPreset-switcher .switches{grid-template-columns:1fr}#popup-settings .popup-header{padding:16px 64px 0 20px}#popup-settings .popup-tabs{padding:8px 20px 0}#popup-settings .tab-content-settings{padding:20px}}