*{box-sizing:border-box}body{margin:0;background:#101d1a;color:#eff1e9;font:17px/1.6 Arial,sans-serif}header{max-width:1100px;margin:auto;padding:30px;display:flex;justify-content:space-between;border-bottom:1px solid #3c4b45}header span,.eyebrow{letter-spacing:3px;font-size:12px;color:#c8ee8f}main{max-width:960px;margin:auto;padding:60px 30px}h1{font-size:clamp(34px,5vw,66px);line-height:1.13;letter-spacing:-2px}em{font-style:normal;color:#c8ee8f}.lead{max-width:700px;color:#bac9bf;font-size:20px}a{color:#d2eda9;margin:0 12px}button{background:#c9ee8e;border:0;padding:17px 24px;border-radius:7px;color:#15251b;font-size:16px;font-weight:bold;cursor:pointer}button:disabled{opacity:.5}section{border-top:1px solid #3c4b45;margin-top:50px;padding-top:25px}textarea{display:block;width:100%;min-height:180px;background:#172a23;color:white;border:1px solid #607467;border-radius:8px;padding:15px;margin:20px 0;font:14px/1.6 monospace}textarea[hidden]{display:none}.rights{display:block;padding:22px 0;font-size:14px}#status{color:#d4efad;overflow-wrap:anywhere}#preview article{padding:22px;margin:20px 0;background:#1a2a24;border-radius:12px}#preview img{max-width:240px;max-height:180px}.good{color:#c9ee8e;font-weight:bold}footer{margin-top:40px;color:#9cad9f;font-size:14px}

.site-language{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;letter-spacing:normal;font:14px Arial,sans-serif}.site-language select{background:#172a23;color:#eff1e9;border:1px solid #607467;border-radius:6px;padding:9px;max-width:150px}header{flex-wrap:wrap;gap:16px}header nav{flex-wrap:wrap;gap:16px}select:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #c9ee8e;outline-offset:3px}

.file-picker{display:inline-block;position:relative;border:1px solid #607467;border-radius:6px;padding:8px 14px;cursor:pointer}.file-picker input{position:absolute;width:1px;height:1px;opacity:0}.file-picker:focus-within{outline:2px solid #c9ee8e;outline-offset:3px}#file-name{margin-left:12px;overflow-wrap:anywhere}