html:has(.rfb-editor),body:has(.rfb-editor){block-size:100%;margin:0;overflow:clip}.rfb-title-bar{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.rfb-editor{display:grid;grid-template-areas:"banner  banner  banner" "toolbar toolbar workspace" "rail    panel   workspace";grid-template-columns:var(--rfb-editor-rail-width) var(--rfb-editor-panel-width) minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr);block-size:100dvh;max-block-size:100%;overflow:clip;background:var(--rfb-color-background)}@media(min-width:901px){.rfb-editor[data-view=override]{grid-template-areas:"banner  banner  banner" "toolbar toolbar toolbar" "rail    panel   workspace"}}.rfb-editor__override{grid-area:panel / panel / workspace / workspace;min-inline-size:0;overflow-y:auto;background:var(--rfb-color-background)}.rfb-busy{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--rfb-z-busy);display:grid;place-items:center;background:var(--rfb-busy-scrim);-webkit-backdrop-filter:blur(var(--rfb-busy-blur));backdrop-filter:blur(var(--rfb-busy-blur))}.rfb-busy__box{display:flex;flex-direction:column;align-items:center;gap:var(--rfb-space-300);padding:var(--rfb-space-500) var(--rfb-space-600);background:var(--rfb-color-surface);border-radius:var(--rfb-radius-lg);box-shadow:var(--rfb-shadow-overlay)}.rfb-busy__label{font-size:var(--rfb-font-size-sm);font-weight:var(--rfb-font-weight-medium);color:var(--rfb-color-text-secondary)}.rfb-toast{position:fixed;inset-block-end:var(--rfb-toast-inset-block-end);inset-inline:0;z-index:var(--rfb-z-toast);inline-size:fit-content;max-inline-size:var(--rfb-toast-max-inline-size);margin-inline:auto;display:flex;align-items:center;gap:var(--rfb-space-300);padding:var(--rfb-space-200) var(--rfb-space-200) var(--rfb-space-200) var(--rfb-space-400);color:var(--rfb-color-text-on-inverse);background:var(--rfb-color-surface-inverse);border-radius:var(--rfb-radius-base);box-shadow:var(--rfb-shadow-overlay);animation:rfb-toast-enter var(--rfb-duration-base) var(--rfb-easing)}.rfb-toast--critical{background:var(--rfb-color-critical)}.rfb-toast__message{font-size:var(--rfb-font-size-sm);font-weight:var(--rfb-font-weight-medium)}@keyframes rfb-toast-enter{0%{opacity:0;transform:translateY(var(--rfb-toast-enter-distance))}}.rfb-editor__rail{grid-area:rail;display:flex;flex-direction:column;overflow-y:auto;background:var(--rfb-color-surface);border-inline-end:1px solid var(--rfb-color-border)}.rfb-editor__rail-list{display:flex;flex-direction:column;gap:var(--rfb-space-100);margin:0;padding:var(--rfb-space-200);list-style:none}.rfb-editor__rail-item{display:flex;flex-direction:row;gap:var(--rfb-space-200);align-items:center;inline-size:100%;padding:var(--rfb-space-200) var(--rfb-space-300);color:var(--rfb-color-text-secondary);font:inherit;font-size:var(--rfb-font-size-xs);background:none;border:0;border-radius:var(--rfb-radius-base);cursor:pointer;transition:background var(--rfb-duration-base) var(--rfb-easing)}.rfb-editor__rail-item:hover{background:var(--rfb-color-surface-hover)}.rfb-editor__rail-item--active{color:var(--rfb-color-text);font-weight:var(--rfb-font-weight-bold);background:var(--rfb-color-surface-selected)}.rfb-editor__rail-item:focus-visible{outline:none;box-shadow:var(--rfb-focus-ring)}.rfb-editor__rail-label{text-align:start;line-height:1.2;white-space:nowrap}.rfb-editor__panel{grid-area:panel;display:flex;flex-direction:column;min-inline-size:0;min-block-size:0;background:var(--rfb-color-surface);border-inline-end:1px solid var(--rfb-color-border);container-type:inline-size;container-name:rfb-panel}.rfb-panel__remove{padding-block-start:var(--rfb-space-200)}.rfb-panel__remove s-button{inline-size:100%}.rfb-editor__panel-header{position:sticky;inset-block-start:0;z-index:var(--rfb-z-sticky);padding:var(--rfb-space-400);background:var(--rfb-color-surface);border-block-end:1px solid var(--rfb-color-border)}.rfb-editor__panel-title{margin:0;font-size:var(--rfb-font-size-xl);font-weight:var(--rfb-font-weight-bold)}.rfb-editor__panel-body{flex:1;min-block-size:0;padding:var(--rfb-space-400);overflow-y:auto}.rfb-editor__workspace{grid-area:workspace;min-inline-size:0;min-block-size:0;overflow-y:auto;background:var(--rfb-color-surface)}.rfb-editor__toolbar{grid-area:toolbar;display:flex;flex-wrap:wrap;gap:var(--rfb-space-300);align-items:center;min-block-size:var(--rfb-editor-topbar-height);padding:var(--rfb-space-200) var(--rfb-space-400);background:var(--rfb-color-surface);border-block-end:1px solid var(--rfb-color-border);border-inline-end:1px solid var(--rfb-color-border)}.rfb-editor[data-view=override] .rfb-editor__toolbar{border-inline-end:0}.rfb-editor__banner{grid-area:banner}.rfb-activate{display:flex;gap:var(--rfb-space-300);align-items:center;padding:var(--rfb-space-200) var(--rfb-space-400);background:var(--rfb-color-critical-surface);border-block-end:1px solid var(--rfb-color-critical-border)}.rfb-activate__icon{display:inline-flex;flex:none;color:var(--rfb-color-critical)}.rfb-activate__message{color:var(--rfb-color-critical);font-weight:var(--rfb-font-weight-medium);font-size:var(--rfb-font-size-base)}.rfb-activate__spacer{flex:1 1 auto}.rfb-form-id{display:inline-flex;flex:none;gap:var(--rfb-space-200);align-items:center;padding:var(--rfb-space-100) var(--rfb-space-200);color:var(--rfb-hero-text);font:inherit;background:var(--rfb-hero-gradient-mid);border:none;border-radius:var(--rfb-radius-base);cursor:pointer}.rfb-form-id:hover{background:var(--rfb-hero-gradient-start)}.rfb-form-id:focus-visible{outline:none;box-shadow:var(--rfb-focus-ring)}.rfb-form-id__label{font-weight:var(--rfb-font-weight-bold);font-size:var(--rfb-font-size-xs);letter-spacing:.04em}.rfb-form-id__value{font-size:var(--rfb-font-size-sm);font-family:var(--rfb-font-family-mono)}.rfb-form-id__icon{display:inline-flex}.rfb-form-id-help{display:flex;flex-direction:column;gap:var(--rfb-space-200);max-inline-size:320px;padding:var(--rfb-space-300)}.rfb-form-id-help__heading{color:var(--rfb-color-text);font-weight:var(--rfb-font-weight-bold);font-size:var(--rfb-font-size-base)}.rfb-form-id-help__steps{display:flex;flex-direction:column;gap:var(--rfb-space-200);margin:0;padding-inline-start:var(--rfb-space-500);color:var(--rfb-color-text-secondary);font-size:var(--rfb-font-size-sm);line-height:var(--rfb-line-height-base)}.rfb-preview{position:relative;display:flex;justify-content:center;block-size:100%}.rfb-preview__frame{max-inline-size:100%;border:0;background:var(--rfb-color-surface);transition:inline-size var(--rfb-duration-slow) var(--rfb-easing)}.rfb-preview__loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.rfb-editor__pane-switch{display:none}@media(max-width:1200px){.rfb-editor{grid-template-columns:var(--rfb-editor-rail-width) var(--rfb-editor-panel-width-compact) minmax(0,1fr)}}@media(max-width:900px){.rfb-editor{grid-template-areas:"banner  banner" "toolbar toolbar" "switch  switch" "rail    panel";grid-template-columns:var(--rfb-editor-rail-width) minmax(0,1fr);grid-template-rows:auto auto auto minmax(0,1fr)}.rfb-editor__toolbar{border-inline-end:0}.rfb-editor__override{grid-area:panel}.rfb-editor__pane-switch{grid-area:switch;display:flex;justify-content:center;padding:var(--rfb-space-200);background:var(--rfb-color-surface);border-block-end:1px solid var(--rfb-color-border)}.rfb-editor[data-pane=edit] .rfb-editor__workspace,.rfb-editor[data-pane=preview] .rfb-editor__panel{display:none}.rfb-editor[data-pane=preview] .rfb-editor__workspace{grid-area:panel;display:block}.rfb-editor__panel{border-inline-end:0}}@media(max-width:600px){.rfb-editor{grid-template-areas:"banner" "toolbar" "switch" "rail" "panel";grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto minmax(0,1fr)}.rfb-editor__rail{flex-direction:row;border-inline-end:0;border-block-end:1px solid var(--rfb-color-border);overflow-x:auto}.rfb-editor__rail-list{flex-direction:row}.rfb-editor__rail-item{flex-direction:row;gap:var(--rfb-space-200);inline-size:auto;white-space:nowrap}}.rfb-toolbar__cluster{display:flex;gap:var(--rfb-space-200);align-items:center;min-inline-size:0}.rfb-toolbar__cluster--identity{flex:1 1 0}.rfb-toolbar__name{overflow:hidden;font-weight:var(--rfb-font-weight-bold);white-space:nowrap;text-overflow:ellipsis}.rfb-toolbar__menu{position:relative;display:inline-flex}.rfb-toolbar__menu-list{position:absolute;z-index:var(--rfb-z-popover);inset-block-start:calc(100% + 4px);inset-inline-start:0;display:flex;flex-direction:column;min-inline-size:180px;padding:var(--rfb-space-100);background:var(--rfb-color-surface);border:1px solid var(--rfb-color-border);border-radius:var(--rfb-radius-base);box-shadow:var(--rfb-shadow-popover)}.rfb-toolbar__menu-item{padding:var(--rfb-space-200);font:inherit;font-size:var(--rfb-font-size-sm);text-align:start;background:none;border:none;border-radius:var(--rfb-radius-sm);cursor:pointer}.rfb-toolbar__menu-item:hover{background:var(--rfb-color-surface-hover)}.rfb-toolbar__menu-item:focus-visible{outline:none;box-shadow:var(--rfb-focus-ring-inset)}.rfb-editor__integrations{padding:var(--rfb-space-600)}