/* Keep brand geometry consistent at every breakpoint. */
html{width:100%;height:auto}body{min-width:0;height:auto}img{max-width:100%}header img,.brand img,.site-brand img{object-fit:contain;aspect-ratio:1;flex-shrink:0;animation:none!important;width:48px!important;height:48px!important;border-radius:10px;box-shadow:none!important}.site-brand{min-width:0}.site-brand span{white-space:nowrap}.logo{width:min(100%,330px)!important;height:auto!important;max-width:100%;margin:0 auto 18px!important;border-radius:0!important;aspect-ratio:930/290}.logo img{width:100%!important;height:auto!important;aspect-ratio:930/290;object-fit:contain;display:block}.card,.wrap,.extras,main,.network,.site-topbar,.top,.article,.faq,.field{min-width:0;max-width:100%}main.card{max-width:640px}.extras,.site-topbar,.network{max-width:850px}.opts,.text-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-tabs button{min-width:0;white-space:normal;line-height:1.4;min-height:48px}.text-actions button{min-width:110px}.network{white-space:normal;overflow:visible;justify-content:center;gap:4px 14px}.network a{min-height:40px;display:inline-flex;align-items:center}.preview img{width:auto;height:auto;object-fit:contain}.page-nav{max-width:100%;overscroll-behavior-x:contain}.banner-scroll{max-width:100%;overflow-x:auto}.card{--text:#19334d;--muted:#49657e;--border:#c9ddea;--card:#fff;background:rgba(255,255,255,.94)}.network,.article,.faq{background:#ffffffd9;border-color:#cfdfec}.network a{color:#17518a}.article p,.faq p,.footer,.ad-label,.ad-hint{color:#49657e}.tag,summary,.footer a{color:#17518a}.drop{border-color:#9bbacf}.drop svg{stroke:#497795}.btn.ghost{color:#17518a;border-color:#b9d1e2;background:#eff6fc}.result .ok{color:#17643a}.status.error{color:#b42332}.blob{opacity:.1}h1{overflow-wrap:break-word}.article,.faq,.box{overflow-wrap:anywhere}.note{line-height:1.6}select,textarea,input{max-width:100%}input[type=file]{font-size:14px}a.btn{white-space:normal;text-align:center}header>div{min-width:0}ul,ol{padding-left:24px}
@media(max-width:600px){body{padding-left:12px;padding-right:12px;gap:18px}.wrap{padding:10px 0}.card{padding:24px 18px;border-radius:22px}.logo{width:min(100%,290px)!important}.site-topbar{justify-content:center}.article,.faq{padding:20px 16px}main:not(.card){padding:22px 16px}.top{flex-wrap:wrap}.top .home{width:100%;text-align:center}.page-nav a{min-height:44px}.drop{padding:30px 12px;min-height:180px}.drop small{display:block;line-height:1.7}.note{align-items:flex-start}.note svg{margin-top:3px}.links{grid-template-columns:1fr}.preview img{max-height:240px}.result .ok{border-radius:14px}}
@media(max-width:400px){.opts,.text-grid{grid-template-columns:1fr}.tool-tabs{gap:6px}.tool-tabs button{padding:10px 6px;font-size:13px}.text-actions{flex-direction:column}.text-actions button{width:100%}.logo{width:100%!important}.site-brand{font-size:18px}.hero{padding:16px}.card h1{font-size:1.3rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
main:not(.card){width:100%;max-width:850px}.wrap{width:100%;max-width:860px}.wrap main{width:auto}.ad-slot{min-width:0}