/* Consistent design and accessible tool workspaces */
header .brand{font-weight:850!important}header .brand small{font-size:10px!important}
.panel{border-radius:22px!important;box-shadow:0 14px 50px rgba(12,35,87,.11)!important}
.panel-head{background:linear-gradient(130deg,rgba(13,185,238,.08),rgba(126,67,226,.075))!important}
.panel-head h1{letter-spacing:-.035em!important}
button,.btn,.close-btn{transition:transform .17s ease,filter .17s ease}
button:hover,.btn:hover{filter:brightness(1.045)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #05badb!important;outline-offset:2px}
.doc,.panel-info{line-height:1.75} .doc p,.panel-info p{max-width:78ch}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Visual continuity with reference homepage */
header{background:#051029!important;color:#fff!important;border-bottom:1px solid #23335b!important}
header .brand,header .nav-links a{color:#eff5ff!important}
header .brand small{color:#b4d1e9!important}
header .nav-links a:hover{color:#29d6f7!important}
footer{background:#051029!important;color:#d7e1f2!important;border-top:0!important}
footer a{color:#cde8ff!important}
footer .fbrand{color:#fff!important}
.tool-url{margin-top:4px!important}
.tool-url .mono{font-size:11px!important;letter-spacing:.07em!important;color:var(--muted)!important}
.panel-head h1{font-size:clamp(24px,3vw,29px)!important;font-weight:850!important}
.panel-head p,.panel-info p,.doc p{line-height:1.8!important}
.panel-head .ic{background:#dff8ff!important;color:#0785ae!important}
@media(max-width:600px){.panel-head{gap:11px!important}.panel-head .ic{width:42px!important;height:42px!important}}