.utility-brand .logo-surface{position:relative;display:block;width:195px;line-height:0}
.utility-brand img.supplied-logo{display:block;width:100%;height:auto}
#theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 11px;border:1px solid #cbd2da;border-radius:6px;background:#fff;color:#425160;font-size:13px;white-space:nowrap}
#theme-toggle svg{width:17px;height:17px}
.utility-header{gap:28px}.tool-switch{margin-left:auto}
.tool-help{padding-block:0 30px}.tool-help h2{font-size:20px;margin-bottom:12px}.tool-help details{border-color:#dce1e7}.tool-help details p{font-size:14px;color:#5d6b7b;line-height:1.7;max-width:900px}.tool-help summary{font-size:14px;color:#344455}.guide-reference{font-size:13px;color:#5d6b7b;margin-top:14px}.guide-reference a{color:#006b61;text-decoration:underline;text-underline-offset:3px}
html[data-theme=dark]{color-scheme:dark;--ink:#e8edf3;--muted:#b1bdca;--line:#3b4552;--accent:#70d4bf}
html[data-theme=dark] body{background:#171b21;color:#e8edf3}
html[data-theme=dark] .logo-surface:after{content:'';position:absolute;inset:0;pointer-events:none;background:#f3f5f7;mask:url('/brand-logo.png') center/100% 100% no-repeat;-webkit-mask:url('/brand-logo.png') center/100% 100% no-repeat;clip-path:polygon(26.5% 0,100% 0,100% 100%,26.5% 100%)}
html[data-theme=dark] :is(.utility-header,.download-box,.utility-home .tool-section,.all-tools .operation-list,.controls-panel,.caption-work,.export-card,.guide-list>a,.related .tool-card){background:#222830;border-color:#3b4552}
html[data-theme=dark] :is(.utility-header nav a,.quiet-badge,.page-heading p,.section-heading p,.download-notes,.supported-types,.notice p,.notice,.directory-toolbar>span,.operation-list .tool-card p,.tool-heading>p,.source-actions>span,.privacy-note,.subtle,.preview-label,.caption-stats,.tool-explanation p,.article p,.faq details p,.related .tool-card p,.footer-bottom,.footer-bottom p,.expiry-note,.result-heading p,.export-info p,.eyebrow,.tool-help details p,.guide-reference){color:#b1bdca}
html[data-theme=dark] :is(.utility-header nav a[aria-current],.download-notes a,.notice a,.back-link,.text-button,.export-info a,.export-info .edit-link,.guide-reference a){color:#70d4bf}
html[data-theme=dark] .utility-header nav a[aria-current]{border-color:#70d4bf}
html[data-theme=dark] :is(.tool-switch select,#theme-toggle,.paste-button,.secondary,.download-empty>span){background:#29323d;color:#e0e8f0;border-color:#5a697b}
html[data-theme=dark] :is(.url-row input,.directory-toolbar input,.controls-panel select,.controls-panel input[type=number],.caption-work textarea){background:#171d24;border-color:#657488;color:#e8edf3}
html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#a6b3c3}
html[data-theme=dark] :is(.download-empty,.dropzone,.source-panel.has-file .dropzone){background:#1c222a;border-color:#576578}
html[data-theme=dark] :is(.download-empty h3,.notice strong,.operation-list .tool-card h3,.dropzone strong,.controls-panel label,.caption-work>label,.faq summary,.quick-guide b,.tool-help summary){color:#e0e8f0}
html[data-theme=dark] :is(.download-empty p,.dropzone>span:not(.upload-icon),.dropzone small,.panel-heading,.controls-panel>.eyebrow,.control-pair output,.download-help,.download-help>summary,.quick-guide p,.faq .eyebrow){color:#b3c0cf}
html[data-theme=dark] :is(.source-panel,.export-preview){background:#1a2028}
html[data-theme=dark] .editor-layout{background:#222830;border-color:#3b4552}
html[data-theme=dark] :is(.operation-list .tool-card,.operation-list .tool-card:last-child,details,.tool-help details,.controls-panel>.eyebrow,.tool-explanation,.download-help,.faq,footer){border-color:#3b4552}
html[data-theme=dark] .operation-list .tool-card{background:transparent}
html[data-theme=dark] .operation-list .tool-card:hover,html[data-theme=dark] .related .tool-card:hover{background:#2b383e}
html[data-theme=dark] :is(.operation-list .tool-icon,.tool-heading .tool-icon,.related .tool-icon,.upload-icon){background:#2c413e;color:#9cd9c9}
html[data-theme=dark] .primary{background:#70d4bf;color:#102c26;border-color:#70d4bf}
html[data-theme=dark] .primary:hover{background:#9be7d6}
html[data-theme=dark] .secondary:hover{background:#384656}
html[data-theme=dark] .control-pair input,html[data-theme=dark] .checkbox-label input{accent-color:#70d4bf}
html[data-theme=dark] #source-preview{background:repeating-conic-gradient(#29323d 0% 25%,#35414f 0% 50%) 0/20px 20px;border-color:#536276}
html[data-theme=dark] .form-status{color:#c4d0dc}
html[data-theme=dark] .form-status.error{background:#3b252b;color:#ffbdc5;border-color:#8a4e5b}
html[data-theme=dark] .form-status.busy{background:#203b34;color:#a0e5ce;border-color:#416b5e}
html[data-theme=dark] .format-card{background:#203b34;color:#b6d9cd;border-color:#416b5e}
html[data-theme=dark] .format-card strong{color:#9ce0c8}
html[data-theme=dark] .dropzone.dragover{background:#254337;border-color:#70d4bf}
html[data-theme=dark] .supported-types svg{color:#85c8b1}
html[data-theme=dark] .toast{background:#c9e7de;color:#1c332c}
html[data-theme=dark] :focus-visible{outline-color:#8be0cb}
@media(max-width:1000px){.utility-header{gap:18px}.utility-brand .logo-surface{width:174px}.tool-switch select{width:175px}}
@media(max-width:760px){.utility-header{gap:0 10px;position:relative}.utility-brand .logo-surface{width:156px}.tool-switch{order:4;margin-left:auto;position:absolute;right:18px;bottom:7px}.tool-switch select{width:140px;min-height:34px;font-size:12px}.utility-header nav{padding-right:145px;gap:16px;font-size:13px}.utility-header nav a{white-space:nowrap}#theme-toggle{margin-left:auto;min-height:38px}.tool-help summary{font-size:14px}.tool-help h2{font-size:19px}}
@media(max-width:370px){.tool-switch select{width:125px}.utility-header nav{gap:12px;padding-right:128px;font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.source-panel.has-file .dropzone{min-height:48px;padding:10px;margin-bottom:14px;border-style:solid;cursor:pointer}.source-panel.has-file .dropzone strong{font-size:14px}.source-actions>span{overflow-wrap:anywhere;min-width:0}.preview-canvas-wrap canvas{max-width:100%;height:auto;display:block;margin:auto}#source-preview video{display:block;max-width:100%;max-height:460px;margin:auto}.preview-label{display:block;padding:10px;text-align:center}.export-preview img,.export-preview video{max-width:100%;object-fit:contain}.export-preview audio{max-width:100%}.analytics-panel{padding:18px;margin:20px auto;border:1px solid var(--line);border-radius:6px;max-width:900px;background:#fff;font-size:13px}.analytics-panel p{margin-bottom:12px}.analytics-panel .button{margin:0 10px 8px 0;min-height:40px}.analytics-panel>a{display:inline-block;color:#006b61;text-decoration:underline}.analytics-preferences{padding:0;background:none;border:0;color:inherit;font:inherit;text-decoration:underline;cursor:pointer}.footer-bottom{flex-wrap:wrap}.analytics-panel[hidden]{display:none}html[data-theme=dark] .analytics-panel{background:#222830}html[data-theme=dark] .analytics-panel>a{color:#70d4bf}