*,*:before,*:after{box-sizing:border-box;margin:0}body{font-family:JetBrains Mono,monospace;background:#fafafa;color:#333;padding:1.5rem 1rem;font-size:13px}.app{max-width:440px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}#page-title{font-size:1.4rem;font-weight:700;text-align:center;color:#222;letter-spacing:.3em;text-transform:uppercase}header{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;border-bottom:1px solid #e0e0e0}#status{flex:1;font-size:.8rem;color:#aaa}#battery{font-size:.8rem;color:#2a8a2a}.preview{padding:1rem 0;display:flex;justify-content:center;align-items:center;min-height:60px}#label-preview{border:1px solid #ddd;max-width:100%;height:auto}.templates{display:flex;flex-direction:column;gap:.4rem;padding:.5rem 0;border-bottom:1px solid #e0e0e0}.templates-label{font-size:.75rem;color:#999;text-transform:uppercase;letter-spacing:.05em}.templates-list{display:flex;gap:.4rem;flex-wrap:wrap}.template-btn{padding:.35rem .7rem;font-size:.75rem;background:#666;border-color:#666;color:#fff}.template-btn:hover{background:#777;border-color:#777}.controls{display:flex;flex-direction:column;gap:.6rem;border-top:1px solid #e0e0e0;padding-top:1rem}.controls label{display:flex;flex-direction:column;gap:.2rem;font-size:.75rem;color:#999;text-transform:uppercase;letter-spacing:.05em}.controls label.inline{flex-direction:row;align-items:center;gap:.4rem}textarea,select{padding:.4rem .5rem;border:1px solid #ddd;border-radius:2px;font-size:.85rem;font-family:inherit;background:#fff;color:#333}textarea:focus,select:focus{outline:none;border-color:#aaa}textarea{resize:vertical}.row{display:flex;align-items:flex-end;gap:1rem;flex-wrap:wrap}button{padding:.4rem .8rem;border:1px solid #ddd;border-radius:2px;font-size:.8rem;font-family:inherit;cursor:pointer;background:transparent;color:#555;text-transform:uppercase;letter-spacing:.05em;transition:border-color .15s,color .15s}button:hover{border-color:#999;color:#222}#btn-connect{background:#222;color:#eee;border-color:#222}#btn-connect:hover{background:#333;border-color:#333}#btn-connect.connected{background:#c44;color:#fff;border-color:#c44}#btn-connect.connected:hover{background:#a33;border-color:#a33}.actions{display:flex;gap:.5rem;margin-top:.25rem}.actions button{flex:1}#btn-print{background:#2a8a2a;color:#fff;border-color:#2a8a2a}#btn-print:hover:not(:disabled){background:#1a6a1a;border-color:#1a6a1a}#btn-print:disabled{background:#e8e8e8;border-color:#e8e8e8;color:#bbb;cursor:not-allowed}#print-progress{font-size:.75rem;color:#aaa;min-height:1.2em}