.demo-note{background:#eee8b7;padding:18px;line-height:1.6;font-size:13px;border-left:3px solid #c4ad00}.quote-header{position:relative;flex-wrap:wrap;height:auto;min-height:85px;padding-top:15px;padding-bottom:15px}.quote-header nav{gap:20px}.quote-header button{min-height:40px;min-width:40px;border:1px solid #ddd;background:none}.quote-header button[aria-pressed=true]{background:#f2d500}.quote-header .languages{margin-left:15px}.quote-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:5%;align-items:start}.quote-line{padding:25px;background:white;border:1px solid #ddd;margin:0 0 20px;overflow-wrap:anywhere}.quote-line h2{font-size:21px;letter-spacing:-.5px;line-height:1.4}.quote-line p{font-size:13px;line-height:1.7}.line-actions{display:flex;gap:12px;flex-wrap:wrap}label{display:block;font-size:13px;line-height:1.7;margin:14px 0}input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{display:block;width:100%;padding:12px;background:white;border:1px solid #bbb;font:inherit;color:#151515;min-width:0}textarea{min-height:90px;resize:vertical}input[type=checkbox],input[type=radio]{width:18px;height:18px;vertical-align:middle}button{padding:12px 16px;background:#f5f5f3;border:1px solid #bbb;min-height:44px;cursor:pointer;color:#151515}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:#151515;color:white;border-color:#151515}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}fieldset{border:1px solid #ccc;margin:20px 0}.config-intro{padding-bottom:30px}.config-intro h1{font-size:clamp(35px,5vw,60px);letter-spacing:-2px}.config-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:4%;padding:0 5% 80px;align-items:start}.config-visual{position:sticky;top:20px;background:white;padding:25px}.view-buttons{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.view-buttons button[aria-pressed=true],.color-buttons button[aria-pressed=true]{background:#151515;color:white}#drawing{display:flex;gap:15px;justify-content:center}#drawing figure{min-width:0;flex:1}#drawing canvas{width:100%;height:auto;max-height:600px;object-fit:contain;display:block;touch-action:none}#drawing figcaption{text-align:center;font-size:12px;padding:12px;position:static;color:#151515;background:none}.config-settings section{background:white;padding:25px;margin-bottom:20px;border:1px solid #ddd}.config-settings h2{font-size:24px;letter-spacing:-.5px;line-height:1.3}.color-buttons{display:flex;flex-wrap:wrap;gap:9px}.color-buttons button{font-size:11px;display:flex;gap:7px;align-items:center;padding:10px}.color-buttons i{width:16px;height:16px;border-radius:50%;border:1px solid #aaa}.option-row{display:flex;justify-content:space-between;gap:15px;align-items:center}.option-row select{width:48%}.sizes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sizes label{margin:0}.sizes input{padding:8px!important}.quote-layout h2{font-size:28px;letter-spacing:-1px;line-height:1.3}#config-error,#form-error,#file-error,#edit-error{color:#8c1f1f;font-size:13px;line-height:1.6}#config-notice{color:#315e30;line-height:1.7}.confirmation{border:2px solid #657e32;padding:25px;margin:25px 0;scroll-margin-top:30px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;line-height:1.6}dialog{max-width:650px;width:90%;border:1px solid #ccc;padding:25px}dialog::backdrop{background:#0007}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #b39c00;outline-offset:3px}
@media(max-width:850px){.config-layout,.quote-layout{grid-template-columns:1fr}.config-visual{position:static}.config-layout{gap:25px}#drawing canvas{max-height:450px}.quote-header nav{display:flex;position:static;padding:0;box-shadow:none;flex-direction:row;font-size:11px;flex-wrap:wrap}.quote-header{gap:15px}.quote-header .languages{margin-left:0}.form-grid{grid-template-columns:1fr}.config-settings section{padding:20px}.quote-layout{gap:30px}.quote-line{padding:20px}.quote-header nav{margin-left:0}h1{overflow-wrap:anywhere}}@media print{header,.line-actions,button,.demo-note{display:none}.quote-layout{display:block}}

.config-links{display:flex;flex-wrap:wrap;gap:8px}.config-links .button{font-size:11px;padding:12px;gap:10px}#contact .contact-note{display:block}body>header:not(.quote-header){gap:20px}body>header:not(.quote-header) nav{gap:18px}@media(min-width:651px) and (max-width:1100px){body>header:not(.quote-header) nav{font-size:10px;gap:10px}}