.luna-custom-code-shell{--luna-custom-code-bg: var(--lb-bg, transparent);--luna-custom-code-bg-opacity: var(--lb-bg-opacity, 100%);--luna-custom-code-bg-image: var(--lb-bg-img, none);--luna-custom-code-radius: var(--lb-radius, 0);--luna-custom-code-border-width: var(--lb-border-w, 0);--luna-custom-code-border-style: var(--lb-border-s, solid);--luna-custom-code-border-color: var(--lb-border-c, transparent);--luna-custom-code-shadow: var(--lb-shadow, none);--luna-custom-code-transition-duration: var(--lb-h-duration, .2s);--luna-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(--luna-custom-code-bg) var(--luna-custom-code-bg-opacity),transparent);background-image:var(--luna-custom-code-bg-image);border-width:var(--luna-custom-code-border-width);border-style:var(--luna-custom-code-border-style);border-color:var(--luna-custom-code-border-color);border-radius:var(--luna-custom-code-radius);box-shadow:var(--luna-custom-code-shadow);box-sizing:border-box;transition:background-color var(--luna-custom-code-transition-duration) var(--luna-custom-code-transition-timing),background-image var(--luna-custom-code-transition-duration) var(--luna-custom-code-transition-timing),border-color var(--luna-custom-code-transition-duration) var(--luna-custom-code-transition-timing),border-radius var(--luna-custom-code-transition-duration) var(--luna-custom-code-transition-timing),border-width var(--luna-custom-code-transition-duration) var(--luna-custom-code-transition-timing),box-shadow var(--luna-custom-code-transition-duration) var(--luna-custom-code-transition-timing)}.luna-grid-block[data-block-type=custom-code]>.luna-grid-block__content>.luna-custom-code-shell{--luna-custom-code-bg: transparent;--luna-custom-code-bg-opacity: 100%;--luna-custom-code-bg-image: none;--luna-custom-code-border-width: 0;--luna-custom-code-border-color: transparent;--luna-custom-code-shadow: none}.luna-grid-block[data-block-type=custom-code]>.luna-grid-block__content{overflow:visible!important}.luna-grid-block[data-block-type=custom-code]:not(.luna-grid-block--dragging):not(.luna-grid-block--resizing)>.luna-grid-block__drag-overlay:hover~.luna-grid-block__content>.luna-custom-code-shell,.luna-grid-block[data-block-type=custom-code].luna-grid-block--hover-preview>.luna-grid-block__content>.luna-custom-code-shell{--luna-custom-code-bg: var(--lb-h-bg, var(--lb-bg, transparent));--luna-custom-code-bg-opacity: var( --lb-h-bg-opacity, var(--lb-bg-opacity, 100%) );--luna-custom-code-bg-image: var(--lb-h-bg-img, var(--lb-bg-img, none));--luna-custom-code-radius: var(--lb-h-radius, var(--lb-radius, 0));--luna-custom-code-border-width: var(--lb-h-border-w, var(--lb-border-w, 0));--luna-custom-code-border-style: var( --lb-h-border-s, var(--lb-border-s, solid) );--luna-custom-code-border-color: var( --lb-h-border-c, var(--lb-border-c, transparent) );--luna-custom-code-shadow: var(--lb-h-shadow, var(--lb-shadow, none))}.luna-custom-code-shell--edit-preview,.luna-custom-code-shell--view{min-height:100%}.luna-custom-code-shell__surface,.luna-custom-code-shell__view-surface,.luna-custom-code-shell__runtime,.luna-custom-code-runtime-root{width:100%;min-width:0;min-height:100%}.luna-custom-code-shell[data-custom-code-fit=scale-down]{overflow:visible}.luna-custom-code-shell[data-custom-code-fit=scale-down] .luna-custom-code-shell__surface,.luna-custom-code-shell[data-custom-code-fit=scale-down] .luna-custom-code-shell__view-surface,.luna-custom-code-shell[data-custom-code-fit=scale-down] .luna-custom-code-shell__runtime{height:100%;overflow:visible}.luna-custom-code-shell[data-custom-code-fit=scale-down] .luna-custom-code-runtime-root{max-width:none;transform-origin:0 0;will-change:transform,width}.luna-grid-block.luna-grid-block--auto-height[data-block-type=custom-code]>.luna-grid-block__content>.luna-custom-code-shell,.luna-grid-block.luna-grid-block--auto-height[data-block-type=custom-code]>.luna-grid-block__content>.luna-custom-code-shell>.luna-custom-code-shell__surface,.luna-grid-block.luna-grid-block--auto-height[data-block-type=custom-code]>.luna-grid-block__content>.luna-custom-code-shell>.luna-custom-code-shell__view-surface,.luna-grid-block.luna-grid-block--auto-height[data-block-type=custom-code]>.luna-grid-block__content>.luna-custom-code-shell .luna-custom-code-shell__runtime,.luna-grid-block.luna-grid-block--auto-height[data-block-type=custom-code]>.luna-grid-block__content>.luna-custom-code-shell .luna-custom-code-runtime-root{height:auto!important;min-height:0}.luna-custom-code-runtime-root{display:block}.luna-custom-code-runtime-root :where(img,video,canvas,iframe,svg){max-width:100%}.luna-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(--luna-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}.luna-custom-code-shell__empty svg{opacity:.7}.luna-custom-code-shell__empty-title,.luna-custom-code-shell__empty-text,.luna-custom-code-shell__status p{margin:0}.luna-custom-code-shell__empty-title{font-size:.95rem;font-weight:600}.luna-custom-code-shell__empty-text{max-width:28rem;font-size:.8125rem;line-height:1.55;color:var(--muted-foreground, #71717a)}.luna-custom-code-shell__status{position:absolute;z-index:2;pointer-events:none}.luna-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(--luna-editor-text, #b0b0b0);font-size:.75rem;line-height:1.5}.luna-custom-code-shell__status p+p{margin-top:.35rem}.luna-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)}