/* Shared visual language with Link Analyzer, scoped to the converter. */
.webpage-text-page .site-header{margin-bottom:0}
.wt-tool{--wt-accent:#70ceff;--wt-border:#42576d;color-scheme:dark;max-width:1148px;margin:24px auto 40px;padding:0 24px;color:#dce7f4;box-sizing:border-box}
.wt-tool [hidden]{display:none!important}.wt-tool a{color:var(--wt-accent);text-underline-offset:3px}
.wt-tool p,.wt-about li{line-height:1.8}.wt-hint,.wt-access{font-size:13px;color:#a9bdd2}
.wt-hero{padding:26px 28px 24px;border:1px solid var(--wt-border);border-top:2px solid #56c2ff99;border-radius:12px;background:radial-gradient(ellipse at top right,#56c2ff10,transparent 65%),linear-gradient(120deg,#1b293a,#1b2332);box-shadow:0 8px 28px #00000014}
.wt-tool h1{font-size:clamp(24px,2.5vw,28px);line-height:1.35;margin:0;letter-spacing:-.025em;color:#edf2fa}.wt-tool h1 span{color:var(--wt-accent)}
.wt-intro{margin:14px 0 20px;font-size:14px;line-height:1.85;color:#d4deec}
.wt-features{display:flex;flex-wrap:wrap;gap:10px 12px;margin:0;padding:0;list-style:none;color:#c5d8e9;font-size:12px;line-height:1.5}
.wt-features li{display:flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid #56c2ff30;border-radius:5px;background:#56c2ff08}
.wt-features li::before{content:'';width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:var(--wt-accent)}
.wt-tool form{display:block;text-align:left;margin:22px 0 0;padding-top:20px;border-top:1px solid #42576d88}
.wt-tool label{display:flex;flex-direction:column;gap:8px;margin:0;font-size:13px;color:#c5d8e9}.wt-tool form>label{display:block;font-weight:600}
.wt-tool input,.wt-tool select,.wt-tool textarea{box-sizing:border-box;border:1px solid #536b82;border-radius:6px;padding:12px;background:#111c29;color:#edf2fa;font:inherit;min-width:0}
.wt-tool button{border:1px solid #476179;border-radius:6px;padding:12px 16px;cursor:pointer;background:transparent;color:var(--wt-accent);font:inherit;font-size:13px;min-height:44px}
.wt-tool button:hover{background:#56c2ff1f;border-color:#70ceff}.wt-tool button:disabled{opacity:.6;cursor:wait}.wt-tool :focus-visible{outline:2px solid var(--wt-accent);outline-offset:3px}
.wt-url-row{display:flex;gap:12px;margin-top:10px;width:100%}.wt-url-row input{flex:1;font-size:15px}.wt-url-row button{flex-shrink:0;background:linear-gradient(180deg,#2cc8ff,#1aa8ff);color:#0a1627;border:0;box-shadow:0 3px 12px #1aa8ff24;font-size:14px;font-weight:600;padding:12px 20px}.wt-url-row button:hover{background:#61d4ff}.wt-access{margin:12px 0 0;font-size:11px}
.wt-eyebrow{display:block;color:var(--wt-accent);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.wt-status-panel{display:flex;align-items:center;gap:18px;margin:16px 0;padding:20px 24px;border:1px solid #42576d;border-left:4px solid #56c2ff;border-radius:8px;background:linear-gradient(110deg,#253246,#141c29)}
.wt-status-panel p{margin:6px 0 0;font-size:15px;color:#e0eaf6}.wt-status-panel>div{min-width:0}.wt-status-icon{flex:0 0 26px;width:26px;height:26px;border:2px solid #56c2ff35;border-right-color:#70ceff;border-radius:50%;animation:wt-spin 1s linear infinite}
.wt-status-panel[data-state=complete]{padding:12px 20px}.wt-status-panel[data-state=complete] .wt-status-icon{animation:none;border-color:#70ceff;text-align:center;font-size:17px;line-height:26px;color:var(--wt-accent)}.wt-status-panel[data-state=complete] .wt-status-icon::after{content:'\2713'}.wt-status-panel[data-state=complete] p{font-size:13px;margin:3px 0 0}
@keyframes wt-spin{to{transform:rotate(360deg)}}
#wt-results{margin-top:28px;border:1px solid var(--wt-border);border-radius:12px;padding:24px 28px;background:linear-gradient(140deg,#1b263855,#18202e33)}
.wt-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.wt-heading>div{min-width:0}.wt-heading .wt-eyebrow{margin:0 0 8px}.wt-heading h2{margin:0;font-size:20px;line-height:1.5;overflow-wrap:anywhere}.wt-heading>span{flex-shrink:0;color:var(--wt-accent);font-size:11px;border:1px solid #56c2ff40;background:#56c2ff10;padding:6px 9px;border-radius:5px}
#wt-description{font-size:13px;color:#bdcddd}#wt-description:empty{display:none}
.wt-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0}.wt-stat{display:flex;align-items:baseline;gap:12px;padding:16px 18px;border:1px solid #3b5066;border-radius:8px;background:linear-gradient(125deg,#26374b70,#15202e)}.wt-stat strong{font-size:26px;color:#edf2fa;font-weight:500;font-variant-numeric:tabular-nums}.wt-stat span{font-size:12px;color:#a9bdd2}
.wt-controls{display:flex;align-items:end;flex-wrap:wrap;gap:12px;padding:18px;border:1px solid #3b5066;border-radius:8px;background:#131e2c99}.wt-controls>label{flex:1;min-width:160px}.wt-controls button{white-space:nowrap}.wt-field{min-width:200px}
#wt-note{margin:14px 0;font-size:12px}#wt-action{font-size:12px;color:var(--wt-accent)}#wt-action:empty{display:none}
.wt-text-panel{border:1px solid #425a72;border-radius:8px;background:#101a27;overflow:hidden}.wt-text-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #3b5066;padding:12px 16px;background:#1c2b3e}.wt-text-heading>span:last-child{font-size:11px;color:#a9bdd2}
.wt-tool #wt-text{display:block;width:100%;margin:0;border:0;border-radius:0;padding:18px;background:#101a27;font:14px/1.85 'JetBrains Mono',monospace;resize:vertical;height:80vh;min-height:600px;max-height:none;scrollbar-color:#476179 #101a27}.wt-tool #wt-text:focus-visible{outline-offset:-3px}
#wt-warning,#wt-error{padding:14px 18px;border:1px solid #a78243;border-left:3px solid #d5a245;background:#d5a2450a;border-radius:7px;color:#ffdc9f;font-size:13px;overflow-wrap:anywhere}
.wt-tool details{margin:20px 0 0;padding:14px 16px;border:1px solid #3b5066;border-radius:8px;background:#172332}.wt-tool summary{cursor:pointer;color:#b7cce3;font-size:12px}.wt-tool summary:focus-visible{outline-offset:5px}
#wt-log{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.8 'JetBrains Mono',monospace;color:#a9bdd2;max-height:350px;overflow:auto}
.wt-about{margin-top:48px;padding-top:24px;border-top:1px solid #3b485d;max-width:100%}.wt-about>.wt-eyebrow{margin:0 0 18px}.wt-about h2{font-size:21px;line-height:1.5;margin:30px 0 14px;color:#edf2fa}.wt-about p,.wt-about li{max-width:none;font-size:14px;line-height:1.9;color:#b9c7d9}.wt-about ol{padding-left:24px}.wt-about li{padding-left:6px;margin:12px 0}
@media(max-width:700px){.wt-tool{padding:0 14px}.wt-hero{padding:20px 16px;border-radius:9px}.wt-intro{margin:12px 0 16px}.wt-features{gap:8px}.wt-features li{padding:5px 8px}.wt-tool form{margin-top:18px;padding-top:16px}.wt-url-row{flex-direction:column}.wt-status-panel{padding:16px;gap:14px}.wt-status-panel p{font-size:13px}.wt-heading{align-items:start;flex-direction:column}#wt-results{padding:20px 16px}.wt-heading h2{font-size:18px}.wt-controls{padding:14px}.wt-controls>label,.wt-controls .wt-field{width:100%;min-width:0}.wt-controls>button{flex:1}.wt-stat{padding:12px;flex-direction:column;gap:4px}.wt-stat strong{font-size:23px}.wt-text-heading{padding:10px 12px;flex-wrap:wrap}.wt-tool #wt-text{padding:14px;font-size:13px;height:70vh;min-height:420px}.wt-about{margin-top:36px}}
@media(prefers-reduced-motion:reduce){.wt-status-icon{animation:none}}

.wt-select{position:relative;margin-top:8px}
.wt-tool .wt-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:44px;padding:12px;background:#141a24;color:#edf2fa;border:1px solid #536073;border-radius:6px;text-align:left;font:inherit;font-size:14px;line-height:1.4}
.wt-select-trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wt-select-trigger::after{content:'';width:7px;height:7px;flex-shrink:0;border-right:1.5px solid #abb7c8;border-bottom:1.5px solid #abb7c8;transform:rotate(45deg);margin:0 3px 4px 0;transition:transform .15s}
.wt-tool .wt-select-trigger:hover{border-color:#56c2ff;background:#19212c}
.wt-tool .wt-select-trigger[aria-expanded=true]{border-color:#56c2ff;box-shadow:0 0 0 2px #56c2ff24}
.wt-select-trigger[aria-expanded=true]::after{transform:rotate(225deg);margin-top:6px}
.wt-tool .wt-select-trigger:focus-visible{outline:2px solid #56c2ff;outline-offset:3px}
.wt-select-menu{position:absolute;z-index:20;top:calc(100% + 8px);right:0;min-width:100%;width:max-content;max-width:min(340px,calc(100vw - 40px));box-sizing:border-box;max-height:310px;overflow-y:auto;padding:5px;background:#19212c;border:1px solid #536073;border-radius:8px;box-shadow:0 12px 32px #0006;color:#edf2fa;font-size:14px;line-height:1.5}
.wt-select-menu[hidden]{display:none}
.wt-select-option{position:relative;padding:10px 32px 10px 12px;border-radius:4px;cursor:pointer;white-space:normal}
.wt-select-option.is-active{background:#56c2ff24;color:#d7e6ff}
.wt-select-option[aria-selected=true]{color:#56c2ff}
.wt-select-option[aria-selected=true]::after{content:'\2713';position:absolute;right:11px;color:#56c2ff}
@media(prefers-reduced-motion:reduce){.wt-select-trigger::after{transition:none}}
.wt-select-option[aria-disabled=true]{opacity:.45;cursor:not-allowed}
.wt-field{min-width:210px}.wt-field .wt-select{margin-top:8px}
@media(max-width:700px){.wt-controls .wt-field{width:100%}}

.wt-about details>summary{font-size:14px;line-height:1.6;font-weight:500;color:#dce7f4}.wt-about details>p:last-child{margin-bottom:0}
