:root{--sidebar-width: 420px;--border-color: #dee2e6;--bg-light: #f8f9fa;--bg-dark: #343a40;--primary-color: #007bff}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:flex;height:100vh;margin:0;font-size:13px;color:#212529}#controls-sidebar{width:var(--sidebar-width);padding:20px;background-color:var(--bg-light);overflow-y:auto;border-right:1px solid var(--border-color);box-sizing:border-box;flex-shrink:0}#preview-area{flex-grow:1;display:block;padding:0;background-color:#fff;overflow:auto}#page-preview{background-color:#fff;box-shadow:0 8px 20px #0000004d;position:relative;flex-shrink:0}h1{font-size:1.5rem;margin-top:0;margin-bottom:1rem}form{display:flex;flex-direction:column;gap:15px}fieldset{padding:10px 12px;border:1px solid var(--border-color);border-radius:4px;margin:0}legend{font-weight:600;padding:0 5px;font-size:1.1em}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px;margin-top:5px}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:4px;font-weight:500}input[type=number],input[type=text],select{padding:6px;border:1px solid #ced4da;border-radius:4px;width:100%;box-sizing:border-box}.button-container{margin-top:1rem;display:grid;grid-template-columns:1fr;gap:10px}button{padding:10px;font-size:1rem;font-weight:600;color:#fff;background-color:var(--primary-color);border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}button:hover{background-color:#0056b3}.editable-element{cursor:move;box-sizing:border-box}.editable-element.is-selected,.element-display.is-selected{outline:2px solid var(--primary-color);z-index:100}.editable-element .react-resizable-handle{background:var(--primary-color);border:1px solid white;width:8px;height:8px;border-radius:50%;box-sizing:border-box}.text-element{width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap;overflow:hidden;-webkit-user-select:none;user-select:none;line-height:1.2}.form-group.full-width{grid-column:1 / -1}.barcode-container svg{width:100%;height:100%;display:block}.element-list-container{display:flex;flex-direction:column;gap:8px;margin-top:5px}.element-list-item{width:100%;text-align:left;padding:10px;font-size:13px;font-weight:500;color:#343a40;background-color:#fff;border:1px solid var(--border-color);border-radius:4px;cursor:pointer;transition:background-color .2s,border-color .2s}.element-list-item:hover{background-color:#e9ecef;border-color:#adb5bd}.element-list-item.is-active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color);font-weight:600}.checkbox-group{display:flex;flex-direction:row;align-items:center;gap:8px}.checkbox-group input[type=checkbox]{width:auto;margin-bottom:0}.checkbox-group label{margin-bottom:0}