/* Product surfaces use the shared palette in style.css. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.site-header{min-height:88px}.site-header nav a[aria-current=page]{font-weight:700;text-decoration:underline;text-underline-offset:7px}.hero{min-height:440px}.hero-copy{padding-top:42px}.hero h1{font-size:clamp(32px,3.2vw,46px)}.hero-art{min-height:390px}.hero-copy .button{box-shadow:0 6px 15px #0f274714}.page-heading{margin-top:34px;margin-bottom:28px}.page-heading h1{font-size:clamp(28px,3vw,36px);margin:10px 0}.page-heading .lead{font-size:16px;margin-top:10px}.page-heading .eyebrow{margin-bottom:6px}.breadcrumb{margin-bottom:22px}
.workspace{gap:22px;align-items:start}.panel{padding:28px;box-shadow:0 3px 12px #0f274703}.panel>h2,.panel .section-top h2{font-size:20px;line-height:1.5;margin:7px 0 20px}.step-label{font-size:10px;letter-spacing:.16em;font-weight:700;color:#65778d}.drop-zone{border:1px dashed #a5b4c8;background:linear-gradient(145deg,#f8fbff,#f0f5fa);border-radius:12px;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:22px;text-align:center;transition:background .15s,border-color .15s}.drop-zone strong{font-size:15px}.drop-zone p{font-size:12px;color:var(--muted);margin:5px 0 15px}.drop-zone .button{min-height:40px;padding:8px 17px;cursor:pointer;font-size:13px;background:#fff;color:var(--navy);border-color:#b5c3d5}.drop-zone.drag-over{border:2px solid #356fbe;background:#e9f2ff}.drop-zone:focus-within{outline:3px solid #356fbe;outline-offset:3px}.drop-zone.disabled{opacity:.6}.drop-symbol{font-size:24px;color:#41617f;line-height:1;margin-bottom:17px;border-radius:10px;background:#e6eef8;padding:9px 14px}.file-info{padding:10px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.plain-fieldset{border:0;padding:0;margin:15px 0 24px;min-width:0}.plain-fieldset legend{font-size:13px;font-weight:700;margin-bottom:10px;color:#53647b}.detail-box{border:1px solid var(--line);border-radius:8px;padding:13px 16px;margin:18px 0}.detail-box summary{font-size:13px;font-weight:600;cursor:pointer;min-height:24px}.detail-box[open] summary{margin-bottom:16px}.detail-box>label{margin:13px 0}.detail-box .fields{grid-template-columns:1fr}.detail-box .option-grid{padding-top:5px}.encoding-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.encoding-choice{display:block;text-align:left;padding:12px;max-width:100%;min-width:0;font-size:12px}.encoding-choice[aria-pressed=true]{border:2px solid #356fbe;background:#f0f6ff}.encoding-choice pre{font:11px/1.7 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere;max-height:135px;overflow:auto;font-weight:400}.encoding-choice span{font-weight:400;display:block;padding-top:10px}.empty-note{font-size:13px;color:#617185;line-height:1.8;text-align:center;padding:24px;margin:0}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:15px 0 20px}.metric-grid:empty{display:none}.metric{background:#f5f8fc;border:1px solid #e5ebf2;border-radius:9px;padding:14px 18px;display:flex;flex-direction:column;gap:6px}.metric span{font-size:11px;color:var(--muted)}.metric strong{font-size:22px;font-weight:650;font-variant-numeric:tabular-nums;line-height:1.5;overflow-wrap:anywhere}.output-options{display:flex;gap:24px;flex-wrap:wrap}.result-panel .actions{margin-top:0}.result-panel .section-top h2{margin-bottom:14px}.result-panel .status{margin-top:18px}.preview-tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);margin-top:22px}.preview-tab{background:transparent;color:#596779;border:0;border-radius:6px 6px 0 0;min-height:42px;font-size:13px;padding:10px 22px}.preview-tab.active{background:#e8eef6;color:var(--navy);box-shadow:inset 0 -2px var(--navy)}.preview-tab:hover{background:#edf2f8;color:var(--navy)}.preview-tabs+.table-scroll{margin-top:0;border-top:0}.table-scroll .empty-note{background:#f9fbfd;padding:38px}.column-list{max-height:280px;gap:8px}.column-row{background:#fafcfe;min-height:46px}.column-row .check{font-size:12px}.column-row button{width:36px;min-height:36px}
.text-options{padding-bottom:10px}.text-options .plain-fieldset{margin-bottom:5px}.text-options .detail-box{background:#fafbfd}.text-workspace textarea{min-height:320px}.text-workspace .panel-title{margin:0 0 14px}.text-workspace .section-top .muted{font-variant-numeric:tabular-nums;font-size:11px;margin-bottom:14px}.text-result{background:#fcfdff}.text-workspace .metric-grid{grid-template-columns:repeat(3,1fr)}.text-workspace .pill{margin-bottom:14px}.selection-top{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-top:26px}.selection-top h3{font-size:14px}.selection-top .pill{font-size:10px}.file-list{max-height:390px}.selected-files{list-style:none;margin:0;padding:0!important;display:grid;gap:8px}.selected-files li{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:8px;padding:8px 10px;background:#fafcfe}.file-number{font-size:11px;color:#61758d;flex-shrink:0}.file-description{display:flex;flex-direction:column;line-height:1.65;min-width:0;flex:1}.file-description strong{font-size:12px;font-weight:500;overflow-wrap:anywhere}.file-description small{font-size:10px;color:var(--muted)}button.file-remove{padding:4px;min-height:36px;min-width:36px;font-size:21px;line-height:1}
.image-results{gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}.image-results>.empty-note{grid-column:1/-1;min-height:100px;padding:34px;background:#f8fafc;border-radius:8px}.image-result img{height:220px;background:#f5f7fa;border-radius:5px}.image-result strong{display:block;font-size:13px;overflow-wrap:anywhere;margin-top:6px}.image-result .source-name{font-size:10px;color:var(--muted);margin:10px 0 3px}.image-result p{font-variant-numeric:tabular-nums;line-height:1.65}.image-result a{display:block;text-align:center;border:1px solid #b9c6d6;border-radius:6px;margin-top:14px;color:var(--navy)}.image-result .result-warning{padding:8px;background:#fff1d9;color:#805300;border-radius:4px;font-size:11px}.image-error{background:#fff7f6;border-color:#f1c4bf}.image-error>strong{color:#913c30}#image-snapshot:empty{display:none}.prose{border-top:1px solid var(--line);padding-top:22px}.prose h2{font-size:19px}.prose p,.prose li{color:#4d5c70}.related a{min-height:44px}.panel input:disabled,.panel select:disabled{background:#f0f3f7;color:#7a8697}.panel label.button:hover{background:#edf3fa}
@media(max-width:950px){.panel{padding:22px}.metric{padding:12px}.metric strong{font-size:19px}.image-result img{height:170px}.output-options{gap:5px}.hero-art{min-height:360px}}
@media(max-width:680px){.hero{min-height:0}.hero-copy{padding:30px 24px 15px}.hero-art{min-height:280px}.hero h1{font-size:31px}.panel{padding:22px 18px}.workspace{gap:18px}.drop-zone{min-height:200px;padding:20px 15px}.metric-grid{grid-template-columns:repeat(2,1fr);gap:8px}.metric{padding:11px 13px}.metric strong{font-size:20px}.output-options{display:block}.result-panel .section-top{display:block}.result-panel .actions{margin:8px 0 20px}.text-workspace .metric-grid{grid-template-columns:1fr 1fr}.text-workspace .metric-grid .metric:last-child{grid-column:1/-1}.encoding-options{grid-template-columns:1fr}.image-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.image-result img{height:125px}.image-result{padding:10px}.image-result strong{font-size:11px}.image-result a{padding:10px 5px;font-size:11px}.image-result p{font-size:10px}.text-workspace textarea{min-height:260px}.page-heading .lead{font-size:14px}.result-panel h2{font-size:19px}.article-grid{margin-top:25px}}

/* UtileDock wordmark: retain the folded U, navy palette and glass hero. */
.brand .brand-name{font-size:21px;font-weight:750;letter-spacing:-.045em;color:var(--navy)}
.brand .brand-name span{font-weight:450}
footer .brand .brand-name{font-size:19px}
.glass-front>.hero-wordmark{font-size:32px;letter-spacing:-.045em;line-height:1.2;white-space:nowrap;font-weight:750}
.hero-wordmark>span{font-weight:400}
@media(max-width:950px){.glass-front>.hero-wordmark{font-size:27px}}
@media(max-width:680px){.brand .brand-name{font-size:19px}.glass-front>.hero-wordmark{font-size:25px}}

.worked-example{grid-column:1/-1;border-top:1px solid var(--line);padding-top:24px}.example-comparison{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.example-comparison>div{min-width:0}.example-comparison pre{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.8 ui-monospace,monospace;padding:16px;background:#eef3f9;border:1px solid var(--line);border-radius:8px}.example-comparison h3{margin-top:0}@media(max-width:680px){.example-comparison{grid-template-columns:1fr;gap:8px}}