.actions-invoker-composer{box-sizing:border-box;gap:2rem;width:100%;min-width:0;display:flex}.actions-invoker-composer *,.composer-field-menu *,.composer-input-dialog *{box-sizing:border-box}body:has(.form-preview-card .zeq-dropdown) .zeq-dropdown__menu{box-sizing:border-box}body:has(.form-preview-card .zeq-dropdown) .zeq-dropdown__menu *{box-sizing:border-box}.actions-invoker-composer__main{flex-wrap:wrap;align-items:flex-start;gap:2rem;width:100%;display:flex}.actions-invoker-composer__builder{flex:60%;min-width:0}.actions-invoker-composer__preview{flex:0 360px;min-width:320px;max-width:400px}.actions-invoker-composer__preview>:not(:last-child){margin-bottom:1rem}.builder-palette{scrollbar-width:thin;background:#1a1a1a;border-radius:.5rem;gap:.75rem;margin-bottom:1rem;padding:.5rem .5rem .75rem;display:flex;overflow-x:auto}.builder-palette__item{color:#fff;cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:#232323;border:2px solid #3f3f3f;border-radius:.5rem;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:.25rem;min-width:80px;height:80px;transition:all .2s;display:flex}.builder-palette__item:hover{background:#2a2a2a;border-color:#fc8c06;transform:translateY(-2px);box-shadow:0 4px 12px #fc8c0633}.builder-palette__item:active{transform:translateY(0)}.builder-palette__label{text-align:center;font-size:.75rem;line-height:1.1}.builder-layout{background:#1a1a1a;border:2px dashed #3f3f3f;border-radius:.5rem;min-height:250px;padding:1.5rem;transition:border-color .2s;overflow:visible}.builder-layout:empty:before{content:"No cards available. Drag and drop field types here";color:#666;justify-content:center;align-items:center;height:100%;font-size:1rem;display:flex}.builder-layout.drag-over{background:#252525;border-color:#fc8c06}.builder-field{background:#232323;border:1px solid #3f3f3f;border-radius:.5rem;align-items:flex-start;gap:.5rem;margin-bottom:.5rem;padding:.75rem;transition:all .2s;display:flex;position:relative}.builder-field:hover{background:#2a2a2a;border-color:#555}.builder-field.dragging{opacity:.5;cursor:move}.builder-field__drop-zone{border-radius:4px;height:8px;margin:4px 0;position:relative}.builder-field__drop-zone.active{background:#fc8c061a;border:2px dotted #fbbf24;height:40px}.builder-field__drop-zone.active:before{content:"Drop here";color:#fbbf24;font-size:.875rem;font-weight:500;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.builder-field__drag-handle{cursor:move;flex-shrink:0;justify-content:center;align-items:center;margin-top:.25rem;padding:.25rem;display:flex}.builder-field__drag-handle:hover{color:#fc8c06}.builder-field__icon{color:#fc8c06;flex-shrink:0;justify-content:center;align-items:center;margin-top:.25rem;display:flex}.builder-field__content{flex:1;min-width:0}.builder-field__header{align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.builder-field__input{color:#fff;background:#1a1a1a;border:1px solid #3f3f3f;border-radius:.375rem;flex:1;min-width:0;padding:.5rem;font-size:.9375rem;font-weight:500;transition:border-color .2s}.builder-field__input:focus{border-color:#fc8c06;outline:none}.builder-field__required{color:#ef4444;flex-shrink:0;font-size:1.25rem;font-weight:700;line-height:1}.builder-field__optional{color:#888;white-space:nowrap;flex-shrink:0;font-size:.85rem;font-style:italic}.builder-field__description{color:#999;border-left:2px solid #3f3f3f;margin-top:.25rem;padding-left:.5rem;font-size:.8125rem;line-height:1.4}.builder-field__menu-btn{color:#fff;background:0 0;border:0;border-radius:.25rem;flex-shrink:0;justify-content:center;align-items:center;margin-top:.25rem;padding:.25rem;transition:color .2s;display:flex}.builder-field__menu-btn:hover{color:#fc8c06}.empty-preview{color:#9ca3af;text-align:center;background:#1a1a1a;border:1px dashed #3f3f3f;border-radius:.5rem;padding:1rem}.form-preview-card{background:#1a1a1a;border:1px solid #3f3f3f;border-radius:.75rem;position:relative}.form-preview-card__body{max-height:320px;padding-right:.25rem;position:relative;overflow:auto}.form-preview-card__body.is-expanded{max-height:none}.form-preview-card__field{margin-bottom:.75rem}.form-preview-card__helper{color:#9ca3af;margin-top:.35rem;font-size:.82rem}.export-panel__card{background:#1a1a1a;border:1px solid #3f3f3f;border-radius:.5rem;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.export-panel__title{color:#fff;font-weight:600}.export-panel__help{color:#9ca3af;margin:0;font-size:.875rem;line-height:1.5}.export-panel__help a{color:#fbbf24;text-underline-offset:.15em;text-decoration:underline}.export-panel__warning{color:#fbbf24;background:#fc8c061a;border:1px solid #fc8c064d;border-radius:.5rem;padding:.75rem;font-size:.95rem}.export-panel__actions{flex-direction:column;gap:.5rem;display:flex}.export-panel__preview{background:#111;border:1px solid #2d2d2d;border-radius:.5rem}.export-panel__label-row{border-bottom:1px solid #2d2d2d;justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem .75rem;display:flex}.export-panel__label{color:#9ca3af;font-size:.9rem}.export-panel__code{color:#e5e7eb;white-space:pre-wrap;margin:0;padding:.75rem;font-size:.85rem}.export-panel__code-body{max-height:220px;overflow:auto}.export-panel__code-body.is-expanded{max-height:none}.export-panel__success{color:#10b981;font-weight:600}.export-panel__error{color:#ef4444;font-weight:600}@media (max-width:1100px){.actions-invoker-composer__main{flex-flow:column}.actions-invoker-composer__builder,.actions-invoker-composer__preview{flex:100%;width:100%;min-width:0;max-width:100%}}.form-preview-card.zeq-card{min-width:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#1a1a1a;border-radius:.75rem;padding:1rem}.form-preview-card .zeq-input,.form-preview-card .zeq-textarea,.form-preview-card .zeq-dropdown__button,.form-preview-card .zeq-dropdown__button:hover{background:#232323}.composer-field-menu.zeq-menu{background:#232323;border-color:#3f3f3f}body:has(.form-preview-card .zeq-dropdown) .zeq-dropdown__menu{background:#232323;border-color:#3f3f3f}.composer-field-menu .zeq-menu__item:hover{background:#3f3f3f;border-color:#666}.composer-field-menu .zeq-menu__item:focus-visible{background:#3f3f3f;border-color:#666}body:has(.form-preview-card .zeq-dropdown) .zeq-dropdown__option:hover{background:#3f3f3f;border-color:#666}body:has(.form-preview-card .zeq-dropdown) .zeq-dropdown__option--active{background:#3f3f3f;border-color:#666}body:has(.form-preview-card .zeq-dropdown) .zeq-dropdown__option--selected{background:#3f3f3f;border-color:#666}.preview-expansion{justify-content:center;padding:.5rem;display:flex}.preview-expansion__button{color:#e5e7eb;cursor:pointer;background:#232323;border:1px solid #3f3f3f;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;display:inline-flex}.preview-expansion__button:hover{background:#3f3f3f}.preview-expansion__button:focus-visible{outline-offset:2px;outline:2px solid #fbbf24}.export-panel__preview{overflow:hidden}.builder-palette__item:focus-visible{outline-offset:2px;outline:2px solid #fc8c06}.builder-field__menu-btn:focus-visible{outline-offset:2px;outline:2px solid #fc8c06}.builder-field__description,.form-preview-card__helper,.export-panel__code{overflow-wrap:anywhere}.composer-input-dialog{color:#fff;background:#232323;border:0;border-radius:.5rem;width:min(500px,100% - 2rem);max-height:calc(100dvh - 2rem);padding:0;overflow:auto}.composer-input-dialog::backdrop{background:#00000080}@media (max-width:480px){.builder-layout{padding:.5rem}.builder-field{gap:.25rem;padding:.5rem}.builder-field__header{flex-wrap:wrap}.builder-field__input{flex-basis:100%;font-size:16px}.builder-field__menu-btn,.preview-expansion__button{min-width:44px;min-height:44px}.composer-input-dialog input,.composer-input-dialog textarea{font-size:16px}.composer-input-dialog button{min-height:44px}}.composer-input-dialog>div{padding:1rem}.composer-input-dialog input,.composer-input-dialog textarea{color:#fff;background:#1a1a1a;border:1px solid #3f3f3f;border-radius:.375rem;width:100%;margin:.5rem 0 1rem;padding:.5rem}.composer-input-dialog input:focus-visible{outline-offset:2px;outline:2px solid #fc8c06}.composer-input-dialog textarea:focus-visible{outline-offset:2px;outline:2px solid #fc8c06}