.conversion-toolbar{border-top:1px solid var(--line);background:#faf9fc}.conversion-toolbar-inner{display:flex;align-items:center;justify-content:center;gap:24px;min-height:72px;padding-top:10px;padding-bottom:10px}.format-navigation{display:flex;align-items:center;gap:18px;direction:ltr}.format-navigation select{min-width:122px;max-width:160px;height:46px;padding:7px 12px;border:1px solid #999;border-radius:6px;background:#fff;color:#000;font-size:20px;font-weight:500}.format-arrow{color:#777;font-size:28px}.toolbar-divider{height:32px;border-inline-start:1px solid #c6c2cc}.conversion-toolbar details{position:relative}.conversion-toolbar summary{font-size:18px;list-style:none;cursor:pointer;white-space:nowrap;color:#222}.conversion-toolbar summary::after{content:'▾';margin-inline-start:9px;color:var(--purple)}.conversion-toolbar .dropdown{top:40px;inset-inline-start:0;min-width:230px}.language-panel{position:absolute;top:calc(100% + 18px);inset-inline-end:0;width:min(680px,calc(100vw - 32px));background:#fff;border:1px solid var(--line);box-shadow:0 16px 45px #0003;padding:22px;border-radius:8px;z-index:40;direction:ltr}.language-search{width:100%;font-size:16px;padding:10px 13px;border:1px solid #ccc;border-radius:5px;margin-bottom:16px}.language-columns{display:grid;grid-template-columns:1fr 1fr;max-height:min(68vh,780px);overflow:auto}.language-column{display:flex;flex-direction:column}.language-column+.language-column{border-left:1px solid #ddd;padding-left:18px;margin-left:18px}.language-link{display:flex;align-items:center;gap:12px;padding:9px 10px;color:#111!important;text-decoration:none;font-size:21px;line-height:1.35;border-radius:5px}.language-link:hover{background:var(--light);color:var(--purple)!important}.language-link[aria-current=page]{color:var(--purple)!important;font-weight:700;background:var(--light)}.language-flag{font-size:20px;flex:none}.language-name{unicode-bidi:plaintext}.language-current{font-size:19px;font-weight:600}.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}html[data-theme=dark] .conversion-toolbar{background:#19151e}html[data-theme=dark] .format-navigation select,html[data-theme=dark] .language-search{background:#241d2b;color:#fafafa;border-color:#64556e}html[data-theme=dark] .language-panel{background:#211a29}html[data-theme=dark] .conversion-toolbar summary,html[data-theme=dark] .language-link{color:#fafafa!important}html[data-theme=dark] .language-link:hover,html[data-theme=dark] .language-link[aria-current=page]{background:#372044;color:#d7b6ff!important}html[dir=rtl] .header-inner{direction:ltr}html[dir=rtl] .article-body,html[dir=rtl] .hero,html[dir=rtl] .content-width,html[dir=rtl] .card{text-align:right}html[dir=rtl] #viewport,html[dir=rtl] .brand,html[dir=rtl] .format-navigation{direction:ltr}html[dir=rtl] .article-body ul,html[dir=rtl] .article-body ol{padding-right:1.6em;padding-left:0}html[lang=ja] .article-body,html[lang^=zh] .article-body,html[lang=ko] .article-body{line-height:1.95;word-break:normal}
@media(max-width:760px){.conversion-toolbar-inner{gap:13px;justify-content:flex-start;flex-wrap:wrap;padding-inline:18px}.format-navigation{gap:10px}.format-navigation select{font-size:17px;min-width:88px;max-width:110px;height:42px}.format-arrow{font-size:22px}.conversion-toolbar summary{font-size:16px}.toolbar-divider{height:26px}.language-panel{position:fixed;top:auto;left:16px;right:16px;inset-inline-end:16px;width:auto;margin-top:16px;padding:15px}.language-link{font-size:17px;padding:9px 5px;gap:8px}.language-column+.language-column{padding-left:8px;margin-left:8px}.language-columns{max-height:55vh}.language-current{font-size:16px}.toolbar-help{display:none}.toolbar-help-divider{display:none}}
.language-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.language-link,.language-name{min-width:0}.language-name{overflow-wrap:anywhere}.language-link[hidden]{display:none}
html[dir=rtl] input[type=number]{direction:ltr}html[dir=rtl] #metrics{unicode-bidi:plaintext}
/* Transparent empty-state artwork follows the active theme. */
#empty-preview{background:transparent;isolation:isolate}
#empty-preview::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(58%,280px);aspect-ratio:8/7;background:var(--purple);-webkit-mask:url('/assets/empty-preview.v2.svg') center/contain no-repeat;mask:url('/assets/empty-preview.v2.svg') center/contain no-repeat;opacity:.82}
@media(max-width:640px){#empty-preview::before{width:min(58%,220px)}}
