body{background:#3fab44}main{max-width:720px;margin:3rem auto;padding:0 1rem;font-family:system-ui,sans-serif}.banner{color:#fff;text-align:center;z-index:1000;text-wrap:nowrap;background:repeating-linear-gradient(-55deg,#f86211,#f86211 10px,#ff7a37 10px 20px);width:100%;padding:.2rem 0;font-weight:700;position:fixed;top:0;left:0;overflow:hidden;box-shadow:0 2px 8px #0000004d}.banner-item{padding:0 4rem;animation:10s linear infinite slide;display:inline-block}h1{color:#fff;margin-bottom:1.5rem;font-size:1.4rem}h2{color:#d0d0d0;margin-bottom:.5rem;font-size:1rem}textarea{resize:vertical;box-sizing:border-box;border:1px solid #ccc;border-radius:6px;width:100%;padding:.75rem;font-size:1rem;box-shadow:0 2px 4px #0000001a}textarea:disabled{background:#f5f5f5}.meta{justify-content:space-between;align-items:center;margin-top:.5rem;display:flex}.counter{color:#e3e3e3;font-size:.8rem}.counter.warn{color:#e07000}button{color:#fff;cursor:pointer;background:#1a1a1a;border:none;border-radius:6px;padding:.5rem 1.25rem;font-size:.95rem;box-shadow:0 2px 4px #0000001a}button:disabled{cursor:not-allowed;background:#999}.error-section{color:#fff;background:#c0392b;border-radius:6px;margin-top:2rem;padding:1rem;box-shadow:0 2px 4px #0000001a}.error-title{font-weight:700}.response-section{white-space:pre-wrap;background:#f9f9f9;border-radius:6px;margin-top:2rem;padding:1rem}