.ui-field{flex-direction:column;gap:8px;min-width:0;display:flex}.ui-field-heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.ui-field-heading label,.ui-field-label,.ui-toggle-group legend{color:var(--t2);font-size:var(--fs-sm);font-weight:var(--fw-label);line-height:var(--lh-ui)}.ui-field-optional{color:var(--t3);font-size:var(--fs-xs)}.ui-field .field-help{color:var(--t3);font-size:var(--fs-xs);line-height:var(--lh-caption)}.ui-field-error{color:var(--error);font-size:var(--fs-xs);line-height:var(--lh-caption)}.ui-field-error[hidden]{display:none}.ui-field :is(input,textarea,select)[aria-invalid=true],.ui-field button[aria-invalid=true]{border-color:var(--error)}.ui-field :is(input,textarea){caret-color:var(--accent-h)}.ui-field :is(input,textarea)::selection{background:var(--selection-bg);color:var(--t1)}.ui-input-group{width:100%;min-width:0;padding-inline:var(--control-padding-x);border:1px solid var(--border);border-radius:var(--control-radius);background:var(--card);color:var(--t2);align-items:center;gap:10px;display:flex}.ui-input-group:focus-within{border-color:var(--focus-border);outline:var(--focus-outline-width,2px) solid var(--focus-outline,var(--accent-h));outline-offset:1px}.ui-input-group:has(input[aria-invalid=true]){border-color:var(--error)}.ui-input-group>input,.ui-field .ui-input-group>input{width:100%;min-width:0;min-height:calc(var(--control-height) - 2px);padding:var(--control-padding-y) 0;color:inherit;font:inherit;font-size:var(--fs-sm);line-height:var(--lh-ui);background:0 0;border:0;border-radius:0;flex:1}.ui-input-group>input:focus-visible,.ui-field .ui-input-group>input:focus-visible{box-shadow:none;outline:none}.ui-input-group-prefix{color:var(--t3);pointer-events:none;flex-shrink:0;order:-1;align-items:center;display:inline-flex}.ui-input-group-prefix>svg{width:var(--control-icon-size);height:var(--control-icon-size)}.ui-textarea-control{border:1px solid var(--border);border-radius:var(--control-radius);background:var(--card);flex-direction:column;min-width:0;display:flex}.ui-textarea-control:focus-within{border-color:var(--focus-border);outline:var(--focus-outline-width,2px) solid var(--focus-outline,var(--accent-h));outline-offset:1px}.ui-textarea-control:has(textarea[aria-invalid=true]){border-color:var(--error)}.ui-field .ui-textarea-control textarea{background:0 0;border:0;outline:none;width:100%;display:block}.ui-textarea-count{color:var(--t3);font-size:var(--fs-xs);font-weight:400;line-height:var(--lh-caption);font-variant-numeric:tabular-nums;pointer-events:none;align-self:flex-end;margin:0 12px 8px}.ui-combobox{width:100%;min-width:0;position:relative}.ui-combobox input{width:100%;min-width:0;padding-inline:36px 32px!important}.ui-combobox-icon,.ui-combobox-chevron{pointer-events:none;color:var(--t3);align-items:center;display:flex;position:absolute;top:0;bottom:0}.ui-combobox-icon{left:12px}.ui-combobox-chevron{right:10px}.ui-combobox-menu[popover],.ui-dropdown-panel[popover]{overscroll-behavior:contain;border:1px solid var(--border-h);background:var(--panel);max-width:calc(100vw - 24px);color:var(--t2);box-shadow:var(--shadow-popover);scrollbar-width:thin;scrollbar-color:var(--border-h) var(--panel);border-radius:8px;margin:0;padding:4px;position:fixed;inset:auto;overflow:auto}.ui-combobox-menu[hidden],.ui-dropdown-panel[hidden]{display:none}.ui-combobox-menu [role=option]{min-height:var(--control-height);padding:var(--control-padding-y) var(--control-padding-x);font-size:var(--fs-sm);line-height:var(--lh-ui);cursor:pointer;overflow-wrap:anywhere;border-radius:4px;align-items:center;gap:10px;display:flex}.ui-combobox-menu [role=option] img{object-fit:contain;border-radius:4px;flex-shrink:0;width:28px;height:28px}.ui-combobox-menu [role=option]:hover,.ui-combobox-menu [aria-selected=true]{background:var(--card-h);color:var(--t1)}.ui-combobox-menu p{font-size:var(--fs-xs);line-height:var(--lh-caption);color:var(--t3);margin:0;padding:8px 10px}.ui-combobox-menu [hidden]{display:none}.ui-dialog{width:min(560px,100vw - 32px);max-height:var(--dialog-max-height);border:1px solid var(--border-h);background:var(--panel);color:var(--t2);font:inherit;scrollbar-width:thin;scrollbar-color:var(--border-h) var(--panel);font-size:var(--fs-sm);border-radius:12px;margin:auto;padding:24px;overflow:auto}.ui-dialog::backdrop{background:var(--overlay-backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ui-dialog :is(input,textarea,button,a):focus-visible,.ui-tabs button:focus-visible,.ui-dropdown :is(button,a):focus-visible{outline:var(--focus-outline-width,2px) solid var(--focus-outline,var(--accent-h));outline-offset:2px}.ui-dialog .ui-field{gap:8px}.ui-dialog :is(header,footer){flex-shrink:0}.ui-dialog h2{color:var(--t1);font-size:var(--fs-xl);font-weight:var(--fw-heading);line-height:var(--lh-heading);letter-spacing:-.02em}.ui-dialog [data-close-dialog]:hover{background:var(--card-h);color:var(--t1)}.ui-dropdown-panel :is([role=menuitem],[role=menuitemradio]){width:100%;min-height:var(--control-height);padding:var(--control-padding-y) var(--control-padding-x);color:var(--t2);text-align:start;font:inherit;font-size:var(--fs-sm);cursor:pointer;background:0 0;border:0;border-radius:4px;align-items:center;gap:9px;display:flex}.ui-dropdown-panel :is([role=menuitem],[role=menuitemradio]):is(:hover,:focus-visible){background:var(--card-h);color:var(--t1);outline:none}.ui-dropdown-panel [data-destructive]{color:var(--error)}.basic-about .ui-field-heading{flex-wrap:wrap}.basic-about .ui-field-heading p{color:var(--t3);font-size:var(--fs-xs);line-height:var(--lh-caption)}.demoreel-fields .ui-field-heading label{font-size:var(--fs-sm);font-weight:var(--fw-label);color:var(--t1)}.demoreel-fields .ui-field-heading a{color:var(--accent-h);font-size:var(--fs-sm);align-items:center;gap:6px;display:inline-flex}.ui-combobox-chevron[hidden]{display:none}.ui-dropdown-panel :is([role=menuitem],[role=menuitemradio])[disabled]{opacity:.5;pointer-events:none}.ui-tabs{border:1px solid var(--border);background:var(--card);scrollbar-width:thin;border-radius:8px;min-width:0;max-width:100%;padding:3px;display:flex;overflow-x:auto}.ui-tabs [role=tab]{min-height:var(--control-height);padding:var(--control-padding-y) var(--control-padding-x);color:var(--t3);font:inherit;font-size:var(--fs-sm);white-space:nowrap;background:0 0;border:0;border-radius:6px}.ui-tabs [role=tab][aria-selected=true]{background:var(--control-selected-bg);color:var(--control-selected-text)}.ui-tabs [role=tab]:hover:not([aria-selected=true]){color:var(--t1);background:var(--card-h)}.ui-toggle-group{border:0;min-width:0;margin:0;padding:0}.ui-toggle-group>div{gap:8px;margin-top:8px;display:flex}.ui-toggle-group label{flex:1;min-width:0;position:relative}.ui-toggle-group input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute}.ui-toggle-group label>span{min-height:var(--control-height);padding:var(--control-padding-y) var(--control-padding-x);border:1px solid var(--border-h);border-radius:var(--control-radius);background:var(--card);color:var(--t2);font-size:var(--fs-sm);justify-content:center;align-items:center;gap:8px;display:flex}.ui-toggle-group svg{flex-shrink:0}.ui-toggle-group label:hover>span{background:var(--card-h);color:var(--t1)}.ui-toggle-group input:checked+span{background:var(--control-selected-bg);border-color:var(--control-selected-border);color:var(--control-selected-text)}.ui-toggle-group input:focus-visible+span{outline:var(--focus-outline-width,2px) solid var(--focus-outline,var(--accent-h));outline-offset:2px}.ui-toggle-group input:disabled+span{opacity:.5;cursor:not-allowed}.ui-switch{cursor:pointer;align-items:center;gap:12px;min-height:44px;display:flex;position:relative}.ui-switch>input{opacity:0;cursor:pointer;width:44px;height:100%;position:absolute;top:0;left:0}.ui-switch-track{border:1px solid var(--border-h);background:var(--hover);pointer-events:none;border-radius:999px;flex:0 0 36px;width:36px;height:20px;position:relative}.ui-switch-track:after{content:"";background:var(--t2);border-radius:50%;width:14px;height:14px;transition:transform .15s ease-out;position:absolute;top:2px;left:2px}.ui-switch input:checked+.ui-switch-track{background:var(--accent);border-color:var(--accent)}.ui-switch input:checked+.ui-switch-track:after{background:var(--on-accent);transform:translate(16px)}.ui-switch input:focus-visible+.ui-switch-track{outline:var(--focus-outline-width,2px) solid var(--focus-outline,var(--accent-h));outline-offset:3px}.ui-switch input:disabled~span{opacity:.5}.ui-switch-copy{gap:4px;display:grid}.ui-switch-copy strong{color:var(--t1);font-size:var(--fs-sm);font-weight:var(--fw-label)}.ui-switch-copy small{color:var(--t3);font-size:var(--fs-xs);line-height:var(--lh-caption)}.ui-toaster{z-index:100;width:min(420px,100vw - 32px);position:fixed;bottom:24px;right:24px}.ui-toast{border:1px solid var(--border-h);background:var(--panel);color:var(--t1);box-shadow:var(--shadow-popover);border-radius:10px;align-items:flex-start;gap:12px;padding:16px;display:flex}.ui-toast[hidden],.ui-toast [hidden]{display:none}.ui-toast p{font-size:var(--fs-sm);line-height:var(--lh-caption);overflow-wrap:anywhere;flex:1}.ui-toast-icon{color:var(--t2);padding-top:1px;display:flex}.ui-toast[data-tone=success] .ui-toast-icon{color:var(--success)}.ui-toast[data-tone=error] .ui-toast-icon{color:var(--error)}.ui-toast button{width:28px;height:28px;color:var(--t3);background:0 0;border:0;border-radius:4px;flex-shrink:0;place-items:center;margin:-4px;display:grid}.ui-toast button:hover{color:var(--t1);background:var(--card-h)}.ui-toast button:focus-visible{outline:var(--focus-outline-width,2px) solid var(--focus-outline,var(--accent-h));outline-offset:2px}@media (width<=640px){.ui-toaster{bottom:16px;right:16px}}@media (pointer:coarse){.ui-toast button{min-height:var(--control-height);width:var(--control-height)}}@media (prefers-reduced-motion:reduce){.ui-switch-track:after{transition:none}}.ui-combobox-menu .ui-combobox-media-option img{object-fit:cover;border-radius:var(--control-radius);flex:0 0 32px;width:32px;height:48px}.ui-combobox-media-option>span{gap:2px;min-width:0;display:grid}.ui-combobox-media-option small{color:var(--t3);font-size:var(--fs-xs)}
