.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}header{gap:20px}nav{gap:22px}nav select{max-width:175px}.hero h1{letter-spacing:-1.5px}.intro-panel{padding:35px;background:linear-gradient(135deg,#e4ebd8,#c6d5bc);display:flex;flex-direction:column;justify-content:center;align-items:start}.intro-panel h2{font-size:26px;line-height:1.5}.hero-symbol{font-size:85px;color:var(--green)}.intro-panel .sub{color:#42533f;max-width:400px}.editgrid{grid-template-columns:minmax(0,1fr) 290px}.preview-column{align-self:start;position:sticky;top:20px;min-width:0}.preview-column .secondary{margin-top:12px}.canvas-wrap{min-width:0;overflow:hidden;padding:8px}canvas{max-width:100%;max-height:650px}.controls{max-height:850px;overflow:auto;padding:0 8px}.controls details{padding:12px 0}.controls summary{font-size:12px}.controls input[type=text],.controls input[type=number]{display:block;width:100%;padding:9px;border:1px solid var(--line);border-radius:6px;margin-top:7px}.controls input[type=color]{display:block;width:100%;height:32px;border:1px solid var(--line);border-radius:5px;margin-top:7px}.controls .check{display:flex;gap:8px;align-items:center}.controls output{float:inline-end;font-variant-numeric:tabular-nums}.buttonrow{display:flex;gap:8px}.buttonrow button{font-size:11px;padding:8px 4px}.palette{display:flex;gap:5px;flex-wrap:wrap;margin-top:12px}.swatch span{display:block;height:30px;border:1px solid #0002;border-radius:4px}.swatch code{font-size:10px;direction:ltr}.batch-panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;display:flex;gap:18px;align-items:end;flex-wrap:wrap}.batch-panel label{font-size:12px;display:grid;gap:9px;max-width:230px}.batch-panel input[type=number]{width:105px;padding:9px;border:1px solid var(--line);border-radius:7px}.language-directory>div{display:flex;gap:10px;flex-wrap:wrap}.language-directory a{padding:8px 12px;border:1px solid var(--line);border-radius:7px;background:white;font-size:12px}.language-directory [aria-current]{background:var(--green);color:white}.route-links{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;margin-top:20px}.route-links a,footer a{text-decoration:underline;text-underline-offset:3px}.tool b{min-height:36px}.tool{overflow-wrap:anywhere}button:disabled{opacity:.5;cursor:default}.error{color:#a43e25}[dir=rtl] .tool{text-align:right}[dir=rtl] .hero h1{letter-spacing:0}[dir=rtl] .logo{direction:ltr}[dir=rtl] .controls{text-align:right}[dir=rtl] input[type=range]{direction:ltr}.status{overflow-wrap:anywhere}body{font-family:system-ui,'Segoe UI',sans-serif}h1,h2,h3,.logo{font-family:system-ui,'Segoe UI',sans-serif}@media(max-width:850px){header{flex-wrap:wrap;padding:18px 20px}.logo{font-size:16px}nav{margin-inline-start:auto}.hero h1{letter-spacing:-1px}.editgrid{grid-template-columns:1fr}.preview-column{position:static}.controls{max-height:none;overflow:visible}.intro-panel{height:auto;min-height:300px}.steps{grid-template-columns:1fr}.section-title{display:block}}@media(max-width:420px){header{padding:15px}.logo{font-size:14px;gap:5px}.mark{padding:5px 8px}nav select{max-width:142px;font-size:12px;padding:8px}.container{padding-inline:18px}h2{font-size:26px}.tools{gap:9px}.tool{padding:15px}.tool b{font-size:13px}.tool .label{font-size:8px}.batch-panel{padding:16px}.hero{padding-top:30px}}