:root{font-family:Arial,Helvetica,sans-serif;color:#192c2b;background:#f2f5f1;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1220px;margin:auto;padding:32px 40px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ced8d0;padding-bottom:22px}.brand{font-size:14px;font-weight:800;letter-spacing:2px;text-decoration:none;color:inherit}.local{font-size:12px;color:#3c6653;background:#e1ebdf;padding:8px 12px;border-radius:20px}.title{padding:30px 0 24px}.eyebrow{font-size:11px;letter-spacing:2px;color:#688076}h1{font-size:52px;line-height:1.03;letter-spacing:-2px;margin:14px 0}h1 span{color:#58836a}.privacy{font-size:14px;line-height:1.5;color:#4b6458}.workspace{display:grid;grid-template-columns:0.9fr 1.2fr;gap:20px;align-items:start}.panel{background:#fff;border:1px solid #d8e1d9;border-radius:16px;padding:22px}.sectionhead{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:18px}h2{font-size:12px;text-transform:uppercase;letter-spacing:1px;margin:0}.sectionhead span{font-size:11px;color:#65786f}button,input,select{font:inherit}button{cursor:pointer;border:0;background:#254f3c;color:white;padding:14px 22px;border-radius:8px;min-height:44px;font-weight:600}button:disabled{opacity:.45;cursor:default}.quiet{background:transparent;color:#65786f;padding:6px 10px;font-size:12px}.drop{display:flex;flex-direction:column;align-items:center;gap:10px;background:#f7faf5;border:1.5px dashed #a6bba6;border-radius:12px;padding:26px 15px;cursor:pointer;text-align:center}.drop.drag{border-color:#254f3c;background:#e2efdd}.drop input{display:none}.uploadicon{font-size:30px;color:#426f4d}.drop strong{font-size:17px}.drop span:not(.uploadicon){font-size:13px;color:#688076}.drop small{font-size:11px;color:#688076;margin-top:6px}.formats{font-size:11px;color:#6f8175;line-height:1.6}.preview{height:130px;background:repeating-conic-gradient(#edf1ec 0% 25%,#fff 0% 50%) 50%/16px 16px;border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden}.preview img{max-height:100%;max-width:100%;object-fit:contain}.filemeta{display:flex;justify-content:space-between;gap:10px;padding:12px 0;font-size:11px}.filemeta strong{overflow-wrap:anywhere}.filemeta span{white-space:nowrap;color:#65786f}.controls{border-top:1px solid #e4ebe4;padding-top:18px;margin-top:16px}.toggle{display:flex;gap:10px;align-items:center;font-size:13px;margin-top:16px;min-height:36px}input[type=checkbox]{accent-color:#254f3c;width:18px;height:18px}.hint{font-size:11px;color:#6a7c71;line-height:1.55}fieldset{border:0;padding:0;margin:16px 0 0}fieldset:disabled{opacity:.45}.controlrow{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}select,input[type=number]{border:1px solid #cfdacf;border-radius:7px;background:#f8faf7;padding:11px;color:#274535;min-height:44px;width:100%}.controlrow select{width:auto;max-width:70%;font-size:12px}.rangeLabel{display:flex;justify-content:space-between;font-size:12px;margin-top:18px}input[type=range]{accent-color:#42745a;width:100%;margin:8px 0;min-height:26px}.outputcontrols{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}.outputcontrols label{font-size:12px;display:block;margin-bottom:8px}.outputcontrols small{display:block;font-size:10px;color:#6a7c71;line-height:1.5;margin-top:5px}.codearea{border:1px solid #d6dfd5;border-radius:10px;overflow:hidden;background:#f7f9f6}.codebar{display:flex;justify-content:space-between;background:#ebf0e8;padding:12px 14px;font-size:10px;letter-spacing:1px;color:#55715c}textarea{width:100%;height:250px;padding:18px;border:0;resize:vertical;background:transparent;outline:none;font:12px/1.65 Consolas,monospace;color:#325844;overflow-wrap:anywhere}.actions{display:flex;gap:10px;margin-top:16px}.actions button:first-child{flex:1;display:flex;justify-content:space-between}.secondary{background:#e9efE5;color:#32513b}.stats{display:flex;gap:32px;border-top:1px solid #e0e7dc;margin-top:22px;padding-top:18px}.stats div{display:flex;flex-direction:column;gap:6px}.stats span{font-size:10px;color:#6a7c71}.stats strong{font-size:13px}.message{font-size:12px;color:#375d45;min-height:16px}footer{display:flex;justify-content:space-between;gap:16px;padding-top:22px;color:#708172;font-size:10px}button:focus-visible,.drop:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #9bbe7b;outline-offset:3px}[hidden]{display:none!important}@media(max-width:720px){main{padding:20px 16px}h1{font-size:38px}.workspace{grid-template-columns:1fr}.panel{padding:18px}.outputcontrols{grid-template-columns:1fr}footer{flex-direction:column}.title{padding:22px 0}textarea{height:200px}.local{font-size:10px}}

footer nav a,header>a:not(.brand){color:#325844}.legal{max-width:760px;padding:24px 0;line-height:1.7}.legal h1{font-size:40px}.legal h2{margin-top:28px}.legal p{color:#4b6458}