/* Homepage visual polish: compact introduction, visible workspace, optional settings. */
.home-tool { background:#f5f7fb !important; }
.home-tool > .wrap { max-width:1120px !important; padding-top:18px !important; }
.home-tool .site-header { margin-bottom:28px; }
.home-tool .home-hero { max-width:850px; margin:0 auto 24px; }
.home-tool .home-hero .eyebrow { margin-bottom:10px; font-size:.7rem; letter-spacing:.1em; }
.home-tool .home-hero h1 { max-width:800px; font-size:clamp(2rem,3.6vw,3rem); line-height:1.13; letter-spacing:-.04em; }
.home-tool .home-hero .sub { max-width:690px; margin:12px auto; font-size:1rem; line-height:1.6; }
.home-tool .home-hero .notice { padding:7px 12px; border:0; background:transparent !important; font-size:.8rem; line-height:1.5; }
.home-tool .tool-card { padding:24px; border-radius:18px; background:#fff; box-shadow:0 8px 30px #21395e08; border-color:#dae2ed; }
.home-tool .tool-card-heading { margin-bottom:16px; }
.home-tool .tool-card-heading h2 { font-size:1.25rem; }
.home-tool .tool-card .target-row { padding:9px 12px; margin-bottom:12px; border-radius:10px; }
.home-tool .target-row .seg { flex:0 1 430px; }
.home-tool .target-row .seg button { padding:9px 14px; font-size:.85rem; }
.home-tool .encoding-settings { margin:0 0 16px; border:1px solid #e2e8f0; border-radius:10px; background:#fff; }
.home-tool .encoding-settings > summary { padding:11px 13px; cursor:pointer; color:#334762; font-size:.86rem; font-weight:650; }
.home-tool .encoding-settings > summary span { margin-left:8px; color:#697b91; font-size:.78rem; font-weight:400; }
.home-tool .settings-body { padding:3px 13px 10px; }
.home-tool .tool-card .batch { border-radius:8px; margin-bottom:12px; padding:9px 11px; font-size:.8rem; }
.home-tool .tool-card .controls { grid-template-columns:repeat(2,minmax(0,1fr)); }
.home-tool .ctrl .seg { flex-wrap:wrap; }
.home-tool .ctrl .seg button { min-height:40px; overflow-wrap:anywhere; }
.home-tool .editor-grid { gap:18px; }
.home-tool .editor-pane { padding:14px; background:#fafbfd; border-radius:12px; }
.home-tool .input-pane > label[for="in"],.home-tool .output-pane > label[for="out"] { font-size:.78rem; line-height:1.4; margin:0 0 9px; letter-spacing:.04em; }
.home-tool .input-pane > label[for="in"] .field-hint { display:inline; }
.home-tool .editor-pane textarea { min-height:180px; font-size:1rem; line-height:1.65; padding:13px; border-radius:8px; }
.home-tool .action-row { flex-direction:row; }
.home-tool .action-row .btn { width:auto; min-height:44px; flex:1; }
.home-tool .btn.encode { box-shadow:none; }
.home-tool .btn.decode { background:#e7f4f1 !important; color:#126b60 !important; border:1px solid #cae6df; box-shadow:none; }
.home-tool .btn:focus-visible,.home-tool summary:focus-visible { outline:3px solid #8da9ff; outline-offset:3px; }
.home-tool #encoder { scroll-margin-top:18px; }
.home-tool .task-hub { margin-top:28px !important; box-shadow:none; }
.home-tool .task-link { padding:12px 9px; }
.home-tool .task-link small { color:#5c6e85; }
.home-tool #percenturl-analytics-consent { background:#fff !important; color:#334762 !important; border-top-color:#dce3ed !important; box-shadow:0 -4px 20px #2039590c !important; padding:12px 20px !important; }
.home-tool #percenturl-analytics-consent p { font-size:13px; line-height:1.5; }
.home-tool #percenturl-analytics-consent a { color:#2457d6 !important; }
.home-tool #percenturl-analytics-consent button { color:#334762 !important; border-color:#cbd5e3 !important; min-height:40px; }
.home-tool #percenturl-analytics-consent button[data-choice="allow"] { color:#fff !important; background:#315efb !important; border-color:#315efb !important; }
@media(max-width:780px) {
 .home-tool > .wrap { width:calc(100% - 28px); padding-top:12px !important; }
 .home-tool .site-header { margin-bottom:20px; }
 .home-tool .home-hero h1 { font-size:clamp(1.9rem,7.2vw,2.5rem); }
 .home-tool .home-hero .sub { font-size:.94rem; margin:10px auto; }
 .home-tool .home-hero { margin-bottom:18px; }
 .home-tool .tool-card { padding:16px; }
 .home-tool .target-row .seg { flex:initial; width:100%; }
 .home-tool .tool-card .target-row { gap:8px; align-items:stretch; }
 .home-tool .editor-grid { gap:14px; }
 .home-tool .editor-pane textarea { min-height:136px; }
 .home-tool .encoding-settings > summary span { display:block; margin:4px 0 0 15px; }
 .home-tool .field-hint { font-size:.68rem; }
 .home-tool #percenturl-analytics-consent { padding:11px 14px !important; }
 .home-tool #percenturl-analytics-consent .pac-inner { gap:9px !important; }
 .home-tool #percenturl-analytics-consent .pac-actions { flex-wrap:nowrap !important; }
 .home-tool #percenturl-analytics-consent button { padding:7px 9px !important; font-size:12px !important; }
}
@media(max-width:420px) {
 .home-tool .home-hero .eyebrow { font-size:.63rem; }
 .home-tool .home-hero .notice { padding:3px 0; font-size:.75rem; }
 .home-tool .home-hero .notice .privacy-icon { display:none; }
 .home-tool .tool-card-heading { gap:8px; }
 .home-tool .local-badge { font-size:.68rem; padding:7px 8px; }
 .home-tool .tool-card .controls { grid-template-columns:1fr; }
 .home-tool .editor-pane { padding:11px; }
}
@media(prefers-reduced-motion:reduce) { .home-tool *, .home-tool *::after { scroll-behavior:auto !important; transition:none !important; } }

.home-tool .encoding-settings { margin:16px 0 0; }
.home-tool .input-pane > label[for="in"] .field-hint { max-width:65%; text-align:right; }
@media(max-width:780px) {
 .home-tool .input-pane > label[for="in"] .field-hint { display:none; }
 .home-tool .home-hero .sub { font-size:.9rem; line-height:1.55; }
 .home-tool .home-hero .eyebrow { margin-bottom:8px; }
 .home-tool .tool-kicker { display:none; }
 .home-tool .tool-card-heading h2 { margin:0; }
 .home-tool .editor-pane label { min-height:20px; }
}
@media(min-width:781px) {
 .home-tool .home-hero { max-width:960px; }
 .home-tool .home-hero h1 { max-width:960px; font-size:clamp(2.2rem,3.1vw,2.75rem); }
}