.brim-custom-code-shell{--brim-custom-code-bg: var(--lb-bg, transparent);--brim-custom-code-bg-opacity: var(--lb-bg-opacity, 100%);--brim-custom-code-bg-image: var(--lb-bg-img, none);--brim-custom-code-radius: var(--lb-radius, 0);--brim-custom-code-border-width: var(--lb-border-w, 0);--brim-custom-code-border-style: var(--lb-border-s, solid);--brim-custom-code-border-color: var(--lb-border-c, transparent);--brim-custom-code-shadow: var(--lb-shadow, none);--brim-custom-code-transition-duration: var(--lb-h-duration, .2s);--brim-custom-code-transition-timing: ease;position:relative;display:flex;width:100%;height:100%;min-width:0;min-height:0;overflow:var(--lb-overflow, auto);overscroll-behavior:contain;background-color:color-mix(in srgb,var(--brim-custom-code-bg) var(--brim-custom-code-bg-opacity),transparent);background-image:var(--brim-custom-code-bg-image);border-width:var(--brim-custom-code-border-width);border-style:var(--brim-custom-code-border-style);border-color:var(--brim-custom-code-border-color);border-radius:var(--brim-custom-code-radius);box-shadow:var(--brim-custom-code-shadow);box-sizing:border-box;transition:background-color var(--brim-custom-code-transition-duration) var(--brim-custom-code-transition-timing),background-image var(--brim-custom-code-transition-duration) var(--brim-custom-code-transition-timing),border-color var(--brim-custom-code-transition-duration) var(--brim-custom-code-transition-timing),border-radius var(--brim-custom-code-transition-duration) var(--brim-custom-code-transition-timing),border-width var(--brim-custom-code-transition-duration) var(--brim-custom-code-transition-timing),box-shadow var(--brim-custom-code-transition-duration) var(--brim-custom-code-transition-timing)}.brim-grid-block[data-block-type=custom-code]>.brim-grid-block__content>.brim-custom-code-shell{--brim-custom-code-bg: transparent;--brim-custom-code-bg-opacity: 100%;--brim-custom-code-bg-image: none;--brim-custom-code-border-width: 0;--brim-custom-code-border-color: transparent;--brim-custom-code-shadow: none}.brim-grid-block[data-block-type=custom-code]>.brim-grid-block__content{overflow:visible!important}.brim-grid-block[data-block-type=custom-code]:not(.brim-grid-block--dragging):not(.brim-grid-block--resizing)>.brim-grid-block__drag-overlay:hover~.brim-grid-block__content>.brim-custom-code-shell,.brim-grid-block[data-block-type=custom-code].brim-grid-block--hover-preview>.brim-grid-block__content>.brim-custom-code-shell{--brim-custom-code-bg: var(--lb-h-bg, var(--lb-bg, transparent));--brim-custom-code-bg-opacity: var( --lb-h-bg-opacity, var(--lb-bg-opacity, 100%) );--brim-custom-code-bg-image: var(--lb-h-bg-img, var(--lb-bg-img, none));--brim-custom-code-radius: var(--lb-h-radius, var(--lb-radius, 0));--brim-custom-code-border-width: var(--lb-h-border-w, var(--lb-border-w, 0));--brim-custom-code-border-style: var( --lb-h-border-s, var(--lb-border-s, solid) );--brim-custom-code-border-color: var( --lb-h-border-c, var(--lb-border-c, transparent) );--brim-custom-code-shadow: var(--lb-h-shadow, var(--lb-shadow, none))}.brim-custom-code-shell--edit-preview,.brim-custom-code-shell--view{min-height:100%}.brim-custom-code-shell__surface,.brim-custom-code-shell__view-surface,.brim-custom-code-shell__runtime,.brim-custom-code-runtime-root{width:100%;min-width:0;min-height:100%}.brim-custom-code-shell[data-custom-code-fit=scale-down]{overflow:visible}.brim-custom-code-shell[data-custom-code-fit=scale-down] .brim-custom-code-shell__surface,.brim-custom-code-shell[data-custom-code-fit=scale-down] .brim-custom-code-shell__view-surface,.brim-custom-code-shell[data-custom-code-fit=scale-down] .brim-custom-code-shell__runtime{height:100%;overflow:visible}.brim-custom-code-shell[data-custom-code-fit=scale-down] .brim-custom-code-runtime-root{max-width:none;transform-origin:0 0;will-change:transform,width}.brim-grid-block.brim-grid-block--auto-height[data-block-type=custom-code]>.brim-grid-block__content>.brim-custom-code-shell,.brim-grid-block.brim-grid-block--auto-height[data-block-type=custom-code]>.brim-grid-block__content>.brim-custom-code-shell>.brim-custom-code-shell__surface,.brim-grid-block.brim-grid-block--auto-height[data-block-type=custom-code]>.brim-grid-block__content>.brim-custom-code-shell>.brim-custom-code-shell__view-surface,.brim-grid-block.brim-grid-block--auto-height[data-block-type=custom-code]>.brim-grid-block__content>.brim-custom-code-shell .brim-custom-code-shell__runtime,.brim-grid-block.brim-grid-block--auto-height[data-block-type=custom-code]>.brim-grid-block__content>.brim-custom-code-shell .brim-custom-code-runtime-root{height:auto!important;min-height:0}.brim-custom-code-runtime-root{display:block}.brim-custom-code-runtime-root :where(img,video,canvas,iframe,svg){max-width:100%}.brim-custom-code-shell__empty{display:grid;place-items:center;align-content:center;gap:.75rem;width:100%;min-height:100%;padding:2rem 1.25rem;text-align:center;color:var(--brim-editor-text, #b0b0b0);border:1px dashed color-mix(in srgb,var(--border, #e4e4e7) 88%,transparent);background:color-mix(in srgb,var(--card, #ffffff) 72%,transparent);border-radius:inherit;box-sizing:border-box}.brim-custom-code-shell__empty svg{opacity:.7}.brim-custom-code-shell__empty-title,.brim-custom-code-shell__empty-text,.brim-custom-code-shell__status p{margin:0}.brim-custom-code-shell__empty-title{font-size:.95rem;font-weight:600}.brim-custom-code-shell__empty-text{max-width:28rem;font-size:.8125rem;line-height:1.55;color:var(--muted-foreground, #71717a)}.brim-custom-code-shell__status{position:absolute;z-index:2;pointer-events:none}.brim-custom-code-shell__status{inset-inline-start:.75rem;inset-block-end:.75rem;max-width:min(calc(100% - 1.5rem),32rem);border-radius:.85rem;padding:.7rem .8rem;background:color-mix(in srgb,var(--card, #ffffff) 92%,transparent);border:1px solid color-mix(in srgb,var(--border, #e4e4e7) 88%,transparent);color:var(--brim-editor-text, #b0b0b0);font-size:.75rem;line-height:1.5}.brim-custom-code-shell__status p+p{margin-top:.35rem}.brim-custom-code-shell__status--error{inset-block-start:.75rem;inset-block-end:auto;border-color:color-mix(in srgb,var(--destructive, #ef4444) 28%,transparent);background:color-mix(in srgb,var(--destructive, #ef4444) 10%,transparent)}