:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#17201e;background:#eef2ef}*{box-sizing:border-box}body{margin:0}header{background:#173f37;color:white;padding:16px 24px;display:flex;justify-content:space-between;align-items:center}header h1{margin:4px 0 0;font-size:24px}header small{letter-spacing:.12em;color:#a9d5c8}main{display:grid;grid-template-columns:280px minmax(420px,1fr) 320px;gap:16px;padding:16px;min-height:calc(100vh - 86px)}.panel,.workspace{background:white;border:1px solid #d6dfdb;border-radius:12px;padding:16px;box-shadow:0 3px 14px #173f3710}.controls{overflow:auto}.panel h2,.quality h2{font-size:16px;margin:14px 0 9px}.panel h2:first-child{margin-top:0}label{display:block;margin:10px 0;font-size:13px}select,textarea,input[type=range]{width:100%;margin-top:4px}input[type=color]{display:block;margin-top:5px;width:100%;height:34px}.upload{border:1px dashed #71958a;padding:12px;border-radius:8px}.upload input{display:block;margin-top:8px;width:100%}button{border:0;border-radius:7px;padding:10px 12px;background:#176a57;color:white;font-weight:700;cursor:pointer;width:100%;margin:4px 0}button:disabled{opacity:.4;cursor:not-allowed}.quiet{background:#e9eeec;color:#344742}.workspace{display:flex;flex-direction:column;align-items:center}.canvas-shell{width:100%;text-align:center}.canvas-shell canvas{display:block;max-width:100%;max-height:70vh;margin:auto;background:#ddd;box-shadow:0 4px 18px #0002;touch-action:none}.canvas-shell p{font-size:12px;color:#61706c}.quality{width:100%;border-top:1px solid #dde4e1;margin-top:8px}.quality p{margin:5px 0}.good{color:#177345}.warn{color:#a15b00}.bad{color:#b42318}.preview{background:#dfe5e2;padding:10px;border-radius:8px}.preview canvas{width:100%;height:auto;background:#ddd}.approve{background:#f3f7f5;padding:12px;border-radius:8px;line-height:1.4}.approve input{width:auto}.approval pre{white-space:pre-wrap;font-size:11px;max-height:260px;overflow:auto;background:#15201d;color:#d9f2ea;padding:10px;border-radius:7px}@media(max-width:1050px){main{grid-template-columns:260px 1fr}.approval{grid-column:1/-1}}@media(max-width:720px){main{display:block}.panel,.workspace{margin-bottom:12px}}
@font-face{font-family:Arial;src:url('/static/fonts/LiberationSans-Regular.ttf') format('truetype');font-weight:400}
@font-face{font-family:'Arial Bold';src:url('/static/fonts/LiberationSans-Bold.ttf') format('truetype');font-weight:700}
@font-face{font-family:Georgia;src:url('/static/fonts/LiberationSerif-Regular.ttf') format('truetype');font-weight:400}
@font-face{font-family:Verdana;src:url('/static/fonts/LiberationSans-Regular.ttf') format('truetype');font-weight:400}
@font-face{font-family:'Courier New';src:url('/static/fonts/LiberationMono-Regular.ttf') format('truetype');font-weight:400}