.opt-rows{gap:var(--s-2);flex-direction:column;min-width:0;display:flex;container-type:inline-size}.opt{border:1px solid var(--purple-edge);border-radius:var(--r-md);background:var(--panel)}.opt.is-open{border-color:color-mix(in srgb, var(--tint,var(--purple)) 70%, transparent)}.opt__head{align-items:center;gap:var(--s-1);padding-left:var(--s-3);border-radius:calc(var(--r-md) - 1px);display:flex}.opt.is-on .opt__head{background:color-mix(in srgb, var(--tint,var(--purple)) 22%, transparent)}.opt.is-open .opt__head{border-radius:calc(var(--r-md) - 1px) calc(var(--r-md) - 1px) 0 0}.opt .checkbox:hover:before{border-color:var(--tint,var(--purple))}.opt .checkbox:checked:before,.opt .checkbox:indeterminate:before{border-color:var(--tint,var(--purple));background:var(--tint,var(--purple))}.opt .checkbox:focus-visible:before{border-color:var(--tint,var(--purple))}.opt .checkbox:disabled{cursor:default;opacity:.7}.opt__toggle{min-width:0;min-height:42px;padding:var(--s-2) 14px var(--s-2) var(--s-3);border-radius:calc(var(--r-md) - 1px);font:inherit;font-size:var(--fs-body);color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:14px;display:flex}.opt__toggle:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.opt__icon{color:var(--tint,var(--purple));flex:none;place-items:center;display:grid}.opt__icon>svg{width:22px;height:22px}.opt__name{flex:1;min-width:0}.opt.is-on .opt__name{font-weight:var(--fw-semibold)}.opt__chevron{color:var(--tint,var(--purple));transition:transform var(--dur) var(--ease);flex:none}.opt.is-open .opt__chevron{transform:rotate(180deg)}.opt__panel{padding:14px var(--s-4) var(--s-4);border-top:1px solid var(--purple-edge)}.opt__panel[hidden]{display:none}.opt__fields{flex-direction:column;gap:14px;display:flex}.opt__field{flex-direction:column;gap:6px;min-width:0;display:flex}.opt__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 20px;display:grid}.opt__label{align-items:center;gap:var(--s-2);color:var(--text);font-size:13px;display:flex}.opt__pill{border-radius:var(--r-pill);background:color-mix(in srgb, var(--muted) 18%, transparent);font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--muted);padding:2px 10px}.opt__pill--variant{background:color-mix(in srgb, var(--tint,var(--purple)) 25%, transparent);color:color-mix(in srgb, var(--tint,var(--purple)) 70%, var(--text))}.opt__hint{font-size:var(--fs-sm);color:var(--faint);line-height:18px}.opt__hint:empty{display:none}.opt__hint strong{font-weight:var(--fw-regular);color:var(--muted)}.opt__error{font-size:var(--fs-sm);color:var(--danger);margin:0;line-height:18px}.opt__error[hidden]{display:none}.opt__example{font-size:var(--fs-sm);color:var(--faint);margin:0;line-height:18px}.opt__example code{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.opt .field.opt__input,.opt .field.opt-code__external-input{width:100%;min-height:38px;padding:9px var(--s-3);border-color:color-mix(in srgb, var(--tint,var(--purple)) 30%, transparent);font-size:13px}.opt .field.opt__input:focus,.opt .field.opt-code__external-input:focus{border-color:color-mix(in srgb, var(--tint,var(--purple)) 60%, transparent)}.opt .field.opt__input[aria-invalid=true]{border-color:var(--danger)}.opt__locked{align-items:center;gap:var(--s-2);min-height:38px;padding:0 var(--s-3);border:1px dashed color-mix(in srgb, var(--muted) 45%, transparent);border-radius:var(--r-sm);color:var(--muted);font-size:13px;display:flex}.opt__locked-value{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden}.opt__locked>svg{flex:none}.opt__keep{align-items:flex-start;gap:var(--s-3);cursor:pointer;display:flex}.opt__keep-copy{flex-direction:column;gap:2px;display:flex}.opt__keep-title{color:var(--text);font-size:13px}.opt__note{align-items:flex-start;gap:var(--s-2);font-size:var(--fs-sm);color:var(--muted);margin:0;line-height:18px;display:flex}.opt__note>svg{color:var(--tint,var(--purple));flex:none;margin-top:1px}.opt__note--boxed{border:1px solid color-mix(in srgb, var(--tint,var(--purple)) 30%, transparent);border-radius:var(--r-md);background:color-mix(in srgb, var(--tint,var(--purple)) 10%, transparent);padding:10px 14px}.opt-code{flex-direction:column;gap:10px;display:flex}.opt-code__head{align-items:center;gap:var(--s-2) var(--s-4);border-bottom:1px solid var(--purple-edge);flex-wrap:wrap;padding-bottom:6px;display:flex}.opt-code__tabs{gap:var(--s-1);flex:1;min-width:0;display:flex}.opt-code__tab{border-radius:var(--r-xs) var(--r-xs) 0 0;font:inherit;font-size:13px;font-weight:var(--fw-semibold);color:var(--muted);cursor:pointer;transition:color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);background:0 0;border:0;padding:6px 10px;box-shadow:inset 0 -2px #0000}.opt-code__tab:hover{color:var(--text)}.opt-code__tab[aria-selected=true]{color:var(--text);box-shadow:inset 0 -2px 0 var(--tint,var(--purple))}.opt-code__tab:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.opt-code__switch{margin-left:auto}.opt-code__pane{gap:var(--s-2);flex-direction:column;display:flex}.opt-code__pane[hidden]{display:none}.opt-code__wrap{border:1px solid color-mix(in srgb, var(--tint,var(--purple)) 30%, transparent);border-radius:var(--r-sm);background:var(--panel);min-height:132px;transition:border-color var(--dur) var(--ease);overflow:hidden}.opt-code__wrap[hidden]{display:none}.opt-code__wrap:focus-within{border-color:color-mix(in srgb, var(--tint,var(--purple)) 70%, transparent)}.opt-code__wrap .cm-editor{min-height:132px;font-size:13px}.opt-code__wrap .cm-scroller{min-height:132px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.opt-code__wrap .cm-editor.cm-focused{outline:none}.opt-code__external{flex-direction:column;gap:6px;display:flex}.opt-code__external[hidden]{display:none}.opt-redirect{flex-direction:column;gap:14px;display:flex}.opt-redirect__mode{align-self:flex-start}.opt-redirect__mode-btn[aria-checked=true]{background:color-mix(in srgb, var(--tint,var(--purple)) 22%, transparent);color:var(--text)}.opt-redirect__mode-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}@container (width<=620px){.opt__grid{grid-template-columns:minmax(0,1fr)}.opt__panel{padding:var(--s-3)}.opt__toggle{gap:10px;padding-right:10px}.opt-code__head{flex-direction:column;align-items:stretch}.opt-code__switch{margin-left:0}.opt-redirect__mode{align-self:stretch}}.variant-menu__btn{border:1px solid color-mix(in srgb, currentColor 25%, transparent);border-radius:var(--r-sm);width:32px;height:32px;color:inherit;cursor:pointer;transition:background var(--dur) var(--ease);background:0 0;flex:none;place-items:center;padding:0;display:grid}.variant-menu__btn:hover,.variant-menu__btn[aria-expanded=true]{background:color-mix(in srgb, currentColor 14%, transparent);color:inherit}.variant-menu__btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.variant-menu__btn>svg{width:16px;height:16px}.dropdown__menu.variant-menu{min-width:180px;padding:6px}.variant-menu__item.dropdown__item{border-radius:var(--r-sm);align-items:center;gap:10px;width:100%;height:36px;min-height:36px;padding:0 10px;font-size:13px;text-decoration:none;display:flex}.variant-menu__icon{width:16px;height:16px;color:var(--muted);flex:none;place-items:center;display:grid}.variant-menu__icon>svg{width:16px;height:16px}.variant-menu__item:hover .variant-menu__icon{color:var(--purple)}.variant-menu__item--danger:hover .variant-menu__icon{color:var(--danger)}.variant-menu__dot{border-radius:var(--r-pill);background:var(--tint,var(--purple));width:14px;height:14px;box-shadow:0 0 0 1px var(--line-soft);display:block}.variant-menu__label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.dropdown__menu.color-picker--presets{border-color:var(--purple-edge);background:var(--panel);-webkit-backdrop-filter:none;gap:0;width:196px;min-width:0;padding:10px;overflow:visible}.color-picker__title{margin:0 0 var(--s-2);font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.color-picker__swatches{grid-template-columns:repeat(5,24px);justify-content:space-between;row-gap:6px;margin-bottom:10px;display:grid}.color-picker__swatch{border-radius:var(--r-pill);cursor:pointer;background:0 0;border:0;place-items:center;width:24px;height:24px;padding:0;display:grid}.color-picker__swatch:before{content:"";border-radius:var(--r-pill);background:var(--swatch);width:18px;height:18px;transition:box-shadow var(--dur) var(--ease)}.color-picker__swatch:hover:before{box-shadow:0 0 0 2px var(--panel), 0 0 0 3px color-mix(in srgb, var(--swatch) 60%, transparent)}.color-picker__swatch.is-on:before{box-shadow:0 0 0 2px var(--panel), 0 0 0 3.5px var(--swatch)}.color-picker__swatch:focus-visible{outline:2px solid var(--focus-ring);outline-offset:0}.color-picker--presets .color-picker__row{border:1px solid var(--purple-edge);border-radius:var(--r-xs);background:var(--panel-veil);align-items:center;gap:6px;height:32px;padding:0 10px;display:flex}.color-picker--presets .color-picker__row:focus-within{border-color:var(--picker-color,var(--purple))}.color-picker--presets .color-picker__row:has([aria-invalid=true]){border-color:var(--danger)}.color-picker--presets .color-picker__preview{border-radius:var(--r-pill);background:var(--picker-color,transparent);border:0;flex:none;width:12px;height:12px}.color-picker__hash{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.color-picker--presets .field.color-picker__hex{min-width:0;height:100%;min-height:0;box-shadow:none;color:var(--text);text-transform:uppercase;background:0 0;border:0;flex:1;padding:0;font:13px ui-monospace,SFMono-Regular,Menlo,monospace}.color-picker--presets .field.color-picker__hex:focus{box-shadow:none;border:0}.modal-dialog.preview-link{border-color:color-mix(in srgb, var(--purple) 50%, transparent);border-radius:var(--r-xl);width:min(440px,100vw - 32px);padding:0;overflow:hidden}.preview-link__head{padding:var(--s-4) 20px;border-bottom:1px solid var(--purple-edge)}.preview-link__icon{background:color-mix(in srgb, var(--purple) 20%, transparent);color:var(--purple)}.preview-link__body{gap:var(--s-3);flex-direction:column;padding:20px;display:flex}.preview-link__text{font-size:13px;line-height:var(--lh-normal);color:var(--muted);margin:0}.preview-link .field.preview-link__url{width:100%;height:40px;min-height:40px;padding:0 var(--s-3);font:13px ui-monospace,SFMono-Regular,Menlo,monospace}.preview-link__actions{gap:var(--s-2);grid-template-columns:1fr 1fr;display:grid}.preview-link__btn{justify-content:center;align-items:center;gap:var(--s-2);min-height:40px;display:flex}.preview-link__btn>svg{flex:none;width:16px;height:16px}.preview-link__copy.is-done>svg{color:currentColor}.opt-drop{min-width:0;max-width:100%}.opt .field.opt-drop__trigger{align-items:center;gap:var(--s-2);width:100%;min-height:42px;padding:0 var(--s-3);border-color:color-mix(in srgb, var(--tint,var(--purple)) 30%, transparent);font-size:var(--fs-body);text-align:left;cursor:pointer;display:flex}.opt .field.opt-drop__trigger:hover:not(:disabled),.opt .opt-drop.is-open .field.opt-drop__trigger{border-color:color-mix(in srgb, var(--tint,var(--purple)) 60%, transparent)}.opt .field.opt-drop__trigger:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.opt .field.opt-drop__trigger:disabled{opacity:.6;cursor:default}.opt-drop__value{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text);flex:1;overflow:hidden}.opt-drop__value.is-placeholder{color:var(--muted)}.opt-drop__caret{color:var(--muted);transition:transform var(--dur) var(--ease);flex:none}.opt-drop.is-open .opt-drop__caret{transform:rotate(180deg)}.opt-drop--locked .opt-drop__value{color:var(--muted)}.opt-drop__menu{width:100%;max-height:min(var(--menu-max-h,280px), 280px)}.opt-theme__box{gap:var(--s-3);padding:14px var(--s-4);border:1px solid var(--purple-edge);border-radius:var(--r-md);background:color-mix(in srgb, var(--panel) 70%, transparent);flex-direction:column;display:flex}.opt-theme__title{font-size:14px;font-weight:var(--fw-semibold);color:var(--text);align-items:center;gap:10px;margin:0;display:flex}.opt-theme__live{border:1px solid color-mix(in srgb, var(--mint) 45%, transparent);border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--mint);align-items:center;gap:6px;padding:2px 10px;display:inline-flex}.opt-theme__dot{border-radius:var(--r-pill);background:currentColor;flex:none;width:6px;height:6px}.opt-theme__row{align-items:flex-start;gap:var(--s-4);min-width:0;display:flex}.opt-theme__thumb{border:1px solid var(--purple-edge);border-radius:var(--r-md);background:color-mix(in srgb, var(--tint,var(--purple)) 8%, var(--panel));width:64px;height:64px;color:var(--muted);flex:none;place-items:center;display:grid}.opt-theme__thumb>svg{width:30px;height:30px}.opt-theme__copy{gap:var(--s-1);min-width:0;padding-top:var(--s-1);flex-direction:column;flex:1;display:flex}.opt-theme__name{font-size:14px;font-weight:var(--fw-semibold);color:var(--text)}.opt-theme__line{align-items:center;gap:var(--s-2) var(--s-4);flex-wrap:wrap;min-width:0;display:flex}.opt-theme__line>.opt-drop{flex:220px;max-width:260px}.opt-theme__link{color:var(--tint,var(--purple));text-underline-offset:3px;align-items:center;gap:6px;font-size:13px;text-decoration:underline;display:inline-flex}.opt-theme__link:hover{color:var(--text)}.opt-theme__link.is-disabled{color:var(--faint);cursor:not-allowed;text-decoration:none}.opt-theme__embed{align-items:center;gap:6px var(--s-2);font-size:var(--fs-sm);color:var(--muted);flex-wrap:wrap;line-height:18px;display:flex}.opt-theme__embed--on .opt-theme__dot{background:var(--mint)}.opt-theme__embed--off .opt-theme__dot{background:var(--warn)}.opt-theme__enable{color:var(--tint,var(--purple))}.opt-theme__recheck{min-height:28px}.opt-theme__state{align-items:center;gap:var(--s-2);color:var(--muted);flex-wrap:wrap;margin:0;font-size:13px;display:flex}.opt-template{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 20px;display:grid}.opt-template__line{align-items:center;gap:14px;min-width:0;display:flex}.opt-template__line>.opt__label{flex:none;min-width:76px}.opt-template__line>.opt-drop{flex:1}.opt-template__wide{grid-column:1/-1}.opt-template__state{align-items:center;gap:var(--s-2);color:var(--muted);flex-wrap:wrap;margin:0;font-size:13px;display:flex}.opt-template__chips{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.opt-template__chip{max-width:100%;padding:var(--s-1) 6px var(--s-1) var(--s-1);border:1px solid var(--purple-edge);border-radius:var(--r-sm);background:var(--panel);color:var(--text);align-items:center;gap:10px;font-size:13px;display:inline-flex}.opt-template__chip-thumb{border-radius:var(--r-xs);background:color-mix(in srgb, var(--tint,var(--purple)) 8%, var(--panel));width:30px;height:30px;color:var(--muted);flex:none;place-items:center;display:grid}.opt-template__chip-thumb>svg{width:18px;height:18px}.opt-template__chip-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.opt-template__chip-x{border-radius:var(--r-xs);width:24px;height:24px;color:var(--muted);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.opt-template__chip-x:hover:not(:disabled){background:color-mix(in srgb, var(--tint,var(--purple)) 15%, transparent);color:var(--text)}.opt-template__chip-x:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.opt-template__pick{min-height:38px}.opt-template__scope{align-items:flex-start;gap:var(--s-2);border:1px solid color-mix(in srgb, var(--warn) 45%, transparent);border-radius:var(--r-md);background:color-mix(in srgb, var(--warn) 10%, transparent);font-size:var(--fs-sm);color:var(--text);margin:0;padding:10px 14px;line-height:18px;display:flex}.opt-template__scope>svg{color:var(--warn);flex:none;margin-top:1px}@container (width<=620px){.opt-template{grid-template-columns:minmax(0,1fr)}.opt-template__spacer{display:none}.opt-template__line{flex-direction:column;align-items:stretch;gap:6px}.opt-theme__thumb{display:none}.opt-theme__box{padding:var(--s-3)}.opt-theme__line>.opt-drop{flex-basis:100%;max-width:none}}.modal-dialog.resource-picker{border-radius:var(--r-xl);width:min(520px,100vw - 32px);padding:0;overflow:hidden}.resource-picker__head{padding:var(--s-4) 20px;border-bottom:1px solid var(--purple-edge)}.resource-picker__body{gap:var(--s-2);padding:var(--s-4) 20px;flex-direction:column;display:flex}.resource-picker .field.resource-picker__search{width:100%;min-height:40px;padding:0 var(--s-3);font-size:13px}.resource-picker__status{font-size:var(--fs-sm);color:var(--muted);margin:0}.resource-picker__status:empty{display:none}.resource-picker__list{flex-direction:column;gap:2px;max-height:min(360px,50vh);margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.resource-picker__row{align-items:center;gap:var(--s-3);padding:var(--s-2);border-radius:var(--r-sm);cursor:pointer;display:flex}.resource-picker__row:hover{background:color-mix(in srgb, var(--purple) 10%, transparent)}.resource-picker__copy{flex-direction:column;min-width:0;display:flex}.resource-picker__name{text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:13px;overflow:hidden}.resource-picker__handle{text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-xs);color:var(--faint);overflow:hidden}.resource-picker__foot{align-items:center;gap:var(--s-2);padding:var(--s-3) 20px;border-top:1px solid var(--purple-edge);display:flex}.resource-picker__count{min-width:0;font-size:var(--fs-sm);color:var(--muted);flex:1}.resource-picker__btn{min-height:38px}