.apo-app{max-width:100%}.apo-build{align-items:start;display:grid;gap:16px;grid-template-columns:180px 1fr 300px}.apo-palette h3{color:#6b7280;font-size:12px;letter-spacing:.06em;margin:0 0 8px;text-transform:uppercase}.apo-palette__btn{display:block!important;margin-bottom:6px;text-transform:capitalize;width:100%}.apo-canvas{border:1px solid #e2e8f0;border-radius:8px;margin:0;min-height:120px;padding:6px}.apo-canvas--empty,.apo-preview--empty,.apo-settings--empty{border:1px dashed #e2e8f0;border-radius:8px;color:#94a3b8;padding:24px;text-align:center}.apo-canvas li{align-items:center;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;margin:0;padding:8px 10px}.apo-canvas li.is-selected{background:#eef0fe;box-shadow:inset 0 0 0 1px #818cf8}.apo-canvas__label em{color:#94a3b8;font-size:12px;font-style:normal}.apo-condition,.apo-settings{display:flex;flex-direction:column;gap:8px}.apo-condition{border-top:1px solid #eef0f3;margin-top:12px;padding-top:12px}.apo-actions{margin-top:16px}.apo-preview__field label{display:block;font-weight:600;margin-bottom:4px}.apo-swatch-options__title{color:#6b7280;display:block;font-size:12px;letter-spacing:.04em;margin-bottom:6px;text-transform:uppercase}.apo-swatch-row{align-items:center;display:flex;gap:8px;margin-bottom:6px}.apo-swatch-row input[type=color]{background:none;border:1px solid #e2e8f0;border-radius:6px;height:30px;padding:0;width:34px}.apo-swatches{display:flex;flex-wrap:wrap;gap:8px}.apo-swatch{cursor:pointer}.apo-swatch__dot{border:2px solid #e2e8f0;border-radius:50%;box-sizing:border-box;display:inline-block;height:24px;width:24px}.apo-swatch input{opacity:0;position:absolute}.apo-swatch input:checked+.apo-swatch__dot{outline:2px solid #4f46e5;outline-offset:2px}.apo-canvas li{cursor:grab;gap:6px;transition:background .12s ease}.apo-canvas li:hover{background:#f8fafc}.apo-canvas li.is-dragging{opacity:.45}.apo-canvas li.is-drop-target{box-shadow:inset 0 2px 0 0 #6366f1}.apo-canvas__grip{color:#cbd5e1;cursor:grab;font-size:14px;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.apo-canvas__label{flex:1}.apo-row3{display:flex;gap:8px}.apo-row3>*{flex:1;min-width:0}.apo-unsaved{color:#b26a00;font-size:12px;margin-left:10px;vertical-align:middle}.apo-canvas__ops{display:flex;flex-shrink:0;gap:2px}.apo-canvas li:focus-visible{outline:2px solid #6366f1;outline-offset:1px}.apo-canvas li.is-selected{border-left:3px solid #6366f1}.apo-preview__field{margin-bottom:12px}.apo-preview .apo-field__label{display:block;font-weight:600;margin-bottom:4px}.apo-preview .apo-field__desc{color:#6b7280;display:block;font-size:12px;margin:-2px 0 6px}.apo-preview .apo-heading{font-size:15px;margin:0 0 4px}.apo-preview .apo-opt{display:inline-block;margin-right:12px}.apo-preview .apo-fee{font-weight:600}.apo-preview .apo-options-total{font-weight:600;margin-top:12px}