.design-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:24px;margin-top:20px}.design-workspace>section{min-width:0}.design-preview{align-self:start}.design-preview canvas,.design-preview img{display:block;max-width:100%;height:auto;margin:auto;background-color:#fff;background-image:linear-gradient(45deg,#e5e7eb 25%,transparent 25%),linear-gradient(-45deg,#e5e7eb 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e5e7eb 75%),linear-gradient(-45deg,transparent 75%,#e5e7eb 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;touch-action:none;border:1px solid var(--site-border);border-radius:10px}.design-preview canvas:focus{outline:2px solid var(--site-accent,#2563eb);outline-offset:3px}.design-range{display:flex;align-items:center;gap:10px;padding:0 12px;border:1px solid var(--site-border);border-radius:8px}.design-range input{min-width:0;width:100%;accent-color:#2563eb}.design-range output{min-width:44px;text-align:right;white-space:nowrap}.design-check{display:flex;align-items:center;padding:0 12px;border:1px solid var(--site-border);border-radius:8px}.design-check input{width:20px;height:20px}.design-items{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.design-item{display:flex;align-items:center;gap:6px;max-width:100%;padding:6px;border:1px solid var(--site-border);border-radius:8px}.design-item.selected{border-color:#2563eb;background:var(--site-hover)}.design-item button{padding:5px 8px;border-radius:5px}.design-item .design-name{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.design-item input{width:85px;min-height:36px}.design-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:16px}.design-result{padding:14px;border:1px solid var(--site-border);border-radius:10px;min-width:0}.design-result p{overflow-wrap:anywhere}.design-preview pre{overflow:auto;font:8px/1 monospace;white-space:pre;padding:12px;background:#fff;color:#111;max-height:650px}.design-print-preview{overflow:auto;max-height:760px;background:var(--site-soft);padding:12px;border:1px solid var(--site-border);border-radius:10px}.design-print-preview canvas{display:block;max-width:100%;height:auto;margin:0 auto 15px;background:#fff}.design-print-fields textarea{min-height:110px}.design-invoice-lines{overflow:auto;margin:15px 0}.design-invoice-lines table{width:100%;border-collapse:collapse;min-width:540px}.design-invoice-lines td,.design-invoice-lines th{padding:5px;text-align:left}.design-invoice-lines input{min-height:44px;width:100%;padding:8px}.design-invoice-lines th{font-size:.9rem}.design-print-counter{text-align:center;margin:10px 0}.design-print-warning{color:var(--site-muted)}.design-preview [hidden]{display:none!important}.design-workspace .tool-select{appearance:none;min-height:46px;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 17px) 20px,calc(100% - 12px) 20px;background-size:5px 5px;background-repeat:no-repeat;padding-right:30px}@media(max-width:1000px){.design-workspace{grid-template-columns:1fr;gap:18px}.design-preview canvas{max-height:650px;width:auto;max-width:100%}}@media(max-width:600px){.design-item .design-name{max-width:115px}.design-workspace{gap:16px}.design-items{gap:6px}.design-preview .tool-actions{gap:8px}.design-preview pre{font-size:5px}.design-print-preview{padding:6px}}
#id-gradient-field[hidden]{display:none!important}