.demo {max-width:850px}.demo *, .demo *::before,.demo *::after{box-sizing:border-box;min-width:0}.demo label{display:block;margin:12px 0}.demo input,.demo select,.demo textarea,.demo button{font:inherit;min-height:44px;max-width:100%;border:1px solid var(--color-field-border);border-radius:6px;padding:9px;background:var(--color-field-surface);color:var(--color-text)}.demo input,.demo select,.demo textarea{display:block;width:100%}.demo textarea{min-height:160px}.demo button{cursor:pointer;margin:6px 6px 6px 0;background:var(--color-primary);color:var(--color-on-primary)}.demo .fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr));gap:12px}.demo .panel{border-top:1px solid var(--color-border);padding:16px 0;overflow-wrap:anywhere}.demo pre{border:1px solid var(--color-border);padding:12px;background:var(--color-field-surface);white-space:pre-wrap;overflow-wrap:anywhere;font:inherit}.demo output{display:block}.demo :focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}.demo .total{font-size:1.4rem;font-weight:bold}.logo-proposals{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:20px}.logo-proposals figure{margin:0}.logo-proposals img{border-radius:8px;border:1px solid var(--color-border);width:100%;height:auto}.demo .muted{color:var(--color-text-muted)}
@media print{body:has(.demo) header,body:has(.demo) footer,.demo>.back-link,.demo>h1,.demo>.lead,.demo>p,.demo>h2,.demo #editor,.demo button,.skip{display:none!important}.demo{max-width:none}.demo #bill{color:#000;background:#fff}.demo #bill h2{display:block}}