.codr-element{display:block;box-sizing:border-box;position:var(--position-type, absolute);order:var(--flex-order, 0);flex-grow:var(--flex-grow, 0);flex-shrink:var(--flex-shrink, 1);flex-basis:var(--flex-basis, auto);align-self:var(--align-self, auto);grid-column:var(--grid-column, auto);grid-row:var(--grid-row, auto);grid-area:var(--grid-area, auto);justify-self:var(--grid-justify-self, auto);background-color:var(--bg-color);background-image:var(--bg-image);background-size:var(--bg-size);background-position:var(--bg-position);border-width:var(--border-width);border-color:var(--border-color);border-style:var(--border-style);border-radius:var(--border-radius);box-shadow:var(--box-shadow);opacity:var(--opacity);z-index:var(--z-index, auto);cursor:var(--cursor, auto);transform:translate(var(--translate-x),var(--translate-y)) rotate(var(--rotate)) scale(var(--scale-x),var(--scale-y)) skew(var(--skew-x),var(--skew-y));top:var(--top);left:var(--left);right:var(--right);bottom:var(--bottom);width:var(--width);height:var(--height);transition:all 0s;padding:var(--padding-top, 0) var(--padding-right, 0) var(--padding-bottom, 0) var(--padding-left, 0);margin:var(--margin-top, 0) var(--margin-right, 0) var(--margin-bottom, 0) var(--margin-left, 0)}
.codr-form-field__error{margin:0;font-size:11px;line-height:1.35;color:#dc2626}.codr-form-field--error .codr-input-element__field,.codr-form-field--error .codr-textarea-element__field,.codr-form-field--error .codr-select-element__field,.codr-form-field--error .codr-upload-element__zone,.codr-form-field--error .codr-checkbox-element__control,.codr-form-field--error .codr-toggle-element__track,.codr-form-field--error .codr-radio-element,.codr-form-field--error .codr-checkbox-group-element{border-color:#dc2626!important;box-shadow:0 0 0 1px color-mix(in srgb,#dc2626 25%,transparent)}.codr-form-field--error.codr-form-field--shake{animation:codr-form-field-shake .42s ease}@keyframes codr-form-field-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}
.codr-text-element{justify-content:var(--justify-content);color:var(--text-color);font-size:var(--text-font-size);font-weight:var(--text-font-weight);font-family:var(--text-font-family);line-height:var(--text-line-height);text-align:var(--text-align);letter-spacing:var(--text-letter-spacing);text-decoration:var(--text-decoration);text-indent:var(--text-indent);white-space:var(--text-white-space, inherit);word-break:var(--text-word-break, inherit);-webkit-hyphens:var(--text-hyphens, inherit);hyphens:var(--text-hyphens, inherit);font-synthesis-position:none;font-synthesis-small-caps:none;font-synthesis-style:none;font-synthesis-weight:none;font-variation-settings:normal;font-feature-settings:normal}.codr-text-element p,.codr-text-element h1,.codr-text-element h2,.codr-text-element h3,.codr-text-element h4,.codr-text-element h5,.codr-text-element h6{margin:0}.codr-text-element--line-clamp{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.codr-text-element .codr-var-placeholder{opacity:.42;font-style:italic}
.codr-shape-element{display:block;overflow:hidden}a.codr-shape-element{color:inherit;text-decoration:none;cursor:pointer}.codr-shape-element--line{background-color:transparent!important;border:none!important}.codr-shape-element__svg{display:block;width:100%;height:100%;overflow:visible;pointer-events:none}.codr-shape-element[data-shape-type=circle],.codr-shape-element[data-shape-type=ellipse]{border-radius:50%}.codr-shape-element[data-shape-type=triangle]{clip-path:polygon(50% 0%,0% 100%,100% 100%)}.codr-shape-element[data-shape-type=polygon]{clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%)}
.codr-image-element{overflow:hidden}.codr-image-element[data-clip=circle]{clip-path:circle(50% at 50% 50%)}.codr-image-element[data-clip=triangle]{clip-path:polygon(50% 0%,0% 100%,100% 100%)}.codr-image-element[data-clip=polygon]{clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%)}.codr-image-element__link{display:block;width:100%;height:100%;color:inherit;text-decoration:none;cursor:pointer}.codr-image-element__img{display:block;width:100%;height:100%;object-fit:var(--object-fit, cover);object-position:var(--object-position, center);filter:var(--image-filter, none);pointer-events:none}
.codr-video-element{overflow:hidden;border-radius:var(--player-radius, 0);background:var(--player-bg, #0f172a)}.codr-video-element__video{display:block;width:100%;height:100%;object-fit:var(--object-fit, cover);background:var(--player-bg, #0f172a);border-radius:inherit}.codr-video-element__video::-webkit-media-controls-panel{background-color:var(--player-bg, #0f172a)}.codr-video-element__video::-webkit-media-controls-play-button,.codr-video-element__video::-webkit-media-controls-mute-button{filter:none}
.codr-audio-element{overflow:hidden;border-radius:var(--player-radius, 0);background:var(--player-bg, transparent)}.codr-audio-element__audio{display:block;width:100%;height:100%;border-radius:inherit}.codr-audio-element__audio::-webkit-media-controls-panel{background-color:var(--player-bg, #0f172a)}.codr-audio-element__audio::-webkit-media-controls-play-button,.codr-audio-element__audio::-webkit-media-controls-mute-button{filter:none}
.codr-slideshow-element{position:relative;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:pan-y}.codr-slideshow-element__viewport{position:relative;width:100%;height:100%;overflow:hidden}.codr-slideshow-element__track{display:flex;width:100%;height:100%;transition:transform var(--transition-duration, .3s) ease}.codr-slideshow-element--fade .codr-slideshow-element__track{display:block}.codr-slideshow-element__slide{position:relative;flex:0 0 100%;width:100%;height:100%;min-width:100%}.codr-slideshow-element--fade .codr-slideshow-element__slide{position:absolute;inset:0;opacity:0;transition:opacity var(--transition-duration, .3s) ease;pointer-events:none}.codr-slideshow-element--fade .codr-slideshow-element__slide--active{opacity:1;pointer-events:auto;z-index:1}.codr-slideshow-element__media-link,.codr-slideshow-element__media{display:block;width:100%;height:100%}.codr-slideshow-element__media-link{color:inherit;text-decoration:none;cursor:pointer}.codr-slideshow-element__media{object-fit:var(--object-fit, cover);background:#e2e8f0;pointer-events:none}.codr-slideshow-element__empty{display:flex;align-items:center;justify-content:center;width:100%;height:100%;margin:0;font-size:14px;color:#64748b;background:#f1f5f9}.codr-slideshow-element__caption{position:absolute;z-index:2;padding:.5em .75em;font-family:var(--caption-font-family, Arial, sans-serif);font-size:var(--caption-font-size, 15px);color:var(--caption-color, #ffffff);background:color-mix(in srgb,var(--caption-bg, #000000) calc(var(--caption-opacity, .7) * 100%),transparent);line-height:1.35;max-width:100%;overflow:hidden;text-overflow:ellipsis}.codr-slideshow-element__caption--top{top:0;left:0;right:0}.codr-slideshow-element__caption--bottom{bottom:0;left:0;right:0}.codr-slideshow-element__caption--left{top:0;bottom:0;left:0;max-width:40%;display:flex;align-items:center}.codr-slideshow-element__caption--right{top:0;bottom:0;right:0;max-width:40%;display:flex;align-items:center}.codr-slideshow-element__arrow{position:absolute;top:50%;z-index:3;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:calc(var(--arrow-size, 20px) * 2);height:calc(var(--arrow-size, 20px) * 2);padding:0;border:none;border-radius:50%;background:color-mix(in srgb,#ffffff 85%,transparent);color:var(--arrow-color, #000000);cursor:pointer;transition:background .15s ease}.codr-slideshow-element__arrow:hover{background:color-mix(in srgb,#ffffff 95%,transparent)}.codr-slideshow-element__arrow--prev{left:8px}.codr-slideshow-element__arrow--next{right:8px}.codr-slideshow-element__arrow svg{width:var(--arrow-size, 20px);height:var(--arrow-size, 20px);fill:currentColor}.codr-slideshow-element__dots{position:absolute;bottom:10px;left:50%;z-index:3;transform:translate(-50%);display:flex;gap:6px;padding:4px 8px;border-radius:999px;background:color-mix(in srgb,#000000 25%,transparent)}.codr-slideshow-element__dot{width:8px;height:8px;padding:0;border:none;border-radius:50%;background:color-mix(in srgb,#ffffff 45%,transparent);cursor:pointer}.codr-slideshow-element__dot--active{background:#fff}.codr-slideshow-element__thumbnails{position:absolute;bottom:0;left:0;right:0;z-index:3;display:flex;gap:4px;padding:6px;overflow-x:auto;background:color-mix(in srgb,#000000 35%,transparent)}.codr-slideshow-element__thumbnail{flex:0 0 auto;width:56px;height:40px;padding:0;border:2px solid transparent;border-radius:4px;overflow:hidden;cursor:pointer;background:#334155}.codr-slideshow-element__thumbnail--active{border-color:#fff}.codr-slideshow-element__thumbnail img{display:block;width:100%;height:100%;object-fit:cover}@media(prefers-reduced-motion:reduce){.codr-slideshow-element__track,.codr-slideshow-element--fade .codr-slideshow-element__slide{transition:none}}
.codr-input-element{display:flex;flex-direction:column;gap:6px;width:var(--width, 240px);height:var(--height, 40px);min-width:0;box-sizing:border-box}.codr-input-element__label{font-size:12px;font-weight:500;color:var(--text-color, #334155)}.codr-input-element__field{width:100%;height:100%;padding:8px 10px;border:1px solid var(--input-border-color, #cbd5e1);border-radius:var(--input-radius, 6px);background:var(--input-bg, #ffffff);color:var(--input-color, #0f172a);font:inherit;font-size:var(--input-font-size, 14px);box-sizing:border-box}.codr-input-element__field:focus{outline:2px solid color-mix(in srgb,var(--input-focus-color, #3b82f6) 35%,transparent);border-color:var(--input-focus-color, #3b82f6)}.codr-input-element--labeled{height:auto;min-height:var(--height, 64px)}.codr-input-element--labeled .codr-input-element__field{height:var(--input-field-height, 40px)}
.codr-textarea-element{display:flex;flex-direction:column;gap:6px;width:var(--width, 280px);height:var(--height, 120px);min-width:0;box-sizing:border-box}.codr-textarea-element__label{font-size:12px;font-weight:500;color:var(--text-color, #334155)}.codr-textarea-element__field{width:100%;flex:1;min-height:var(--textarea-min-height, 96px);padding:8px 10px;border:1px solid var(--input-border-color, #cbd5e1);border-radius:var(--input-radius, 6px);background:var(--input-bg, #ffffff);color:var(--input-color, #0f172a);font:inherit;font-size:var(--input-font-size, 14px);resize:vertical;box-sizing:border-box}.codr-textarea-element__field:focus{outline:2px solid color-mix(in srgb,var(--input-focus-color, #3b82f6) 35%,transparent);border-color:var(--input-focus-color, #3b82f6)}.codr-textarea-element--labeled{height:auto;min-height:var(--height, 140px)}
.codr-select-element{display:flex;flex-direction:column;gap:6px;width:var(--width, 240px);height:var(--height, 40px);min-width:0;box-sizing:border-box}.codr-select-element__label{font-size:12px;font-weight:500;color:var(--text-color, #334155)}.codr-select-element__field{width:100%;height:100%;padding:8px 10px;border:1px solid var(--input-border-color, #cbd5e1);border-radius:var(--input-radius, 6px);background:var(--input-bg, #ffffff);color:var(--input-color, #0f172a);font:inherit;font-size:var(--input-font-size, 14px);box-sizing:border-box}.codr-select-element__field:focus{outline:2px solid color-mix(in srgb,var(--input-focus-color, #3b82f6) 35%,transparent);border-color:var(--input-focus-color, #3b82f6)}.codr-select-element--labeled{height:auto;min-height:var(--height, 64px)}.codr-select-element--labeled .codr-select-element__field{height:var(--input-field-height, 40px)}
.codr-checkbox-element{display:flex;flex-direction:column;gap:6px;width:var(--width, 240px);min-height:var(--height, 32px)}.codr-checkbox-element__row{display:flex;align-items:flex-start;gap:8px}.codr-checkbox-element__control{width:16px;height:16px;margin-top:2px;accent-color:var(--accent-color, #0f172a)}.codr-checkbox-element__text{display:flex;flex-direction:column;gap:2px;font-size:var(--input-font-size, 14px);color:var(--text-color, #334155)}.codr-checkbox-element__label{font-size:12px;font-weight:500}.codr-checkbox-element__description{font-size:12px;color:color-mix(in srgb,var(--text-color, #334155) 75%,transparent)}
.codr-toggle-element{display:flex;flex-direction:column;gap:6px;width:var(--width, 240px);min-height:var(--height, 36px)}.codr-toggle-element__row{display:flex;align-items:center;justify-content:space-between;gap:12px}.codr-toggle-element__text{display:flex;flex-direction:column;gap:2px;font-size:var(--input-font-size, 14px);color:var(--text-color, #334155)}.codr-toggle-element__label{font-size:12px;font-weight:500}.codr-toggle-element__track{width:42px;height:24px;border-radius:999px;border:1px solid var(--input-border-color, #cbd5e1);background:#e2e8f0;padding:2px;cursor:pointer;transition:background .15s ease}.codr-toggle-element__track--on{background:var(--accent-color, #0f172a);border-color:var(--accent-color, #0f172a)}.codr-toggle-element__thumb{display:block;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .15s ease}.codr-toggle-element__track--on .codr-toggle-element__thumb{transform:translate(18px)}
.codr-radio-element{display:flex;flex-direction:column;gap:8px;width:var(--width, 240px);min-height:var(--height, 80px)}.codr-radio-element__label{font-size:12px;font-weight:500;color:var(--text-color, #334155)}.codr-radio-element__options{display:flex;flex-direction:column;gap:6px}.codr-radio-element__option{display:flex;align-items:center;gap:8px;font-size:var(--input-font-size, 14px);color:var(--text-color, #334155)}.codr-radio-element__control{accent-color:var(--accent-color, #0f172a)}
.codr-checkbox-group-element{display:flex;flex-direction:column;gap:8px;width:var(--width, 280px);min-height:var(--height, 96px)}.codr-checkbox-group-element__label{font-size:12px;font-weight:500;color:var(--text-color, #334155)}.codr-checkbox-group-element__options{display:flex;flex-direction:column;gap:6px}.codr-checkbox-group-element__options--horizontal{flex-direction:row;flex-wrap:wrap}.codr-checkbox-group-element__option{display:flex;align-items:center;gap:8px;font-size:var(--input-font-size, 14px);color:var(--text-color, #334155)}.codr-checkbox-group-element__control{accent-color:var(--accent-color, #0f172a)}.codr-checkbox-group-element__hint{margin:0;font-size:11px;color:color-mix(in srgb,var(--text-color, #334155) 70%,transparent)}
.codr-upload-element{display:flex;flex-direction:column;gap:6px;width:var(--width, 280px);height:var(--height, auto);min-width:0;box-sizing:border-box}.codr-upload-element__label{font-size:12px;font-weight:500;color:var(--text-color, #334155)}.codr-upload-element__zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100%;min-height:var(--upload-zone-height, 96px);padding:12px;border:1px dashed var(--input-border-color, #cbd5e1);border-radius:var(--input-radius, 6px);background:var(--input-bg, #ffffff);color:var(--input-color, #0f172a);font-size:var(--input-font-size, 13px);text-align:center;box-sizing:border-box;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.codr-upload-element__zone:hover:not(.codr-upload-element__zone--disabled){border-color:var(--input-focus-color, #3b82f6);background:color-mix(in srgb,var(--input-focus-color, #3b82f6) 4%,var(--input-bg, #ffffff))}.codr-upload-element__zone--disabled{opacity:.55;cursor:not-allowed}.codr-upload-element__zone--dragging{border-color:var(--input-focus-color, #3b82f6);background:color-mix(in srgb,var(--input-focus-color, #3b82f6) 8%,var(--input-bg, #ffffff))}.codr-upload-element__zone--uploading{cursor:wait}.codr-upload-element__hint{color:var(--text-muted, #64748b);font-size:11px}.codr-upload-element__input{display:none}.codr-upload-element__progress{width:100%;height:3px;border-radius:999px;background:color-mix(in srgb,var(--input-border-color, #cbd5e1) 50%,transparent);overflow:hidden}.codr-upload-element__progress-bar{height:100%;background:var(--input-focus-color, #3b82f6);transition:width .15s ease}.codr-upload-element__list{display:flex;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none}.codr-upload-element__file{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;border:1px solid var(--input-border-color, #cbd5e1);border-radius:calc(var(--input-radius, 6px) - 2px);background:color-mix(in srgb,var(--input-bg, #ffffff) 90%,#f8fafc);font-size:12px}.codr-upload-element__file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.codr-upload-element__file-meta{flex-shrink:0;color:var(--text-muted, #64748b);font-size:11px}.codr-upload-element__remove{flex-shrink:0;padding:2px 6px;border:none;border-radius:4px;background:transparent;color:var(--text-muted, #64748b);font-size:11px;cursor:pointer}.codr-upload-element__remove:hover:not(:disabled){background:color-mix(in srgb,#ef4444 10%,transparent);color:#b91c1c}.codr-upload-element__remove:disabled{cursor:not-allowed;opacity:.5}.codr-upload-element__error{color:#b91c1c;font-size:11px}
.codr-chart-element{position:relative;width:var(--width, 480px);height:var(--height, 320px);min-width:0;box-sizing:border-box}.codr-chart-element__canvas{width:100%;height:100%}.codr-chart-element__empty{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border:1px dashed var(--chart-empty-border, #cbd5e1);border-radius:8px;color:var(--chart-empty-text, #64748b);font-size:13px}
.codr-counter-element{display:flex;align-items:center;justify-content:center;width:var(--width, auto);height:var(--height, auto);min-width:0;box-sizing:border-box}.codr-counter-element__value{display:inline-block;width:100%;font-size:var(--counter-font-size, 48px);letter-spacing:var(--counter-letter-spacing, 0);text-align:var(--counter-text-align, center);font-weight:var(--counter-font-weight, 700);font-style:var(--counter-font-style, normal);font-family:var(--counter-font-family, inherit);color:var(--counter-color, currentColor);font-variant-numeric:tabular-nums;line-height:1.1;white-space:nowrap}
.codr-button-element{display:inline-flex;align-items:center;justify-content:center;gap:.45em;box-sizing:border-box;width:var(--width);height:var(--height);margin:var(--margin-top) var(--margin-right) var(--margin-bottom) var(--margin-left);padding:var(--padding-top) var(--padding-right) var(--padding-bottom) var(--padding-left);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);border-radius:var(--border-radius);background-color:var(--bg-color);box-shadow:var(--box-shadow);opacity:var(--opacity);cursor:var(--cursor, pointer);color:var(--text-color);font-size:var(--text-font-size);font-weight:var(--text-font-weight);font-family:var(--text-font-family);line-height:var(--text-line-height);text-align:var(--text-align);letter-spacing:var(--text-letter-spacing);text-decoration:var(--text-decoration);text-indent:var(--text-indent);overflow:hidden}a.codr-button-element{color:var(--text-color, inherit);text-decoration:var(--text-decoration, none)}.codr-button-element--editor{cursor:default;-webkit-user-select:none;user-select:none}.codr-button-element--editor,.codr-button-element--editor:hover,.codr-button-element--editor:active,.codr-button-element--editor:focus,.codr-button-element--editor:focus-visible{outline:none}.codr-button-element:disabled,.codr-button-element[aria-disabled=true]{cursor:not-allowed}.codr-button-element__icon{width:var(--button-icon-size);height:var(--button-icon-size);object-fit:contain;flex-shrink:0;color:var(--button-icon-color)}.codr-button-element__icon--right{order:2}.codr-button-element__label{display:inline-flex;align-items:center;justify-content:center;min-width:0;font:inherit;color:inherit;line-height:inherit}
.codr-three-element{position:var(--position-type, absolute);overflow:hidden}.codr-three-element__host{position:relative;width:100%;height:100%}.codr-three-element__host canvas{display:block;width:100%;height:100%}.codr-three-element__host--static{pointer-events:none}.codr-three-element__message{position:absolute;inset:0;margin:0;display:flex;align-items:center;justify-content:center;padding:12px;text-align:center;font-size:12px;line-height:1.4;color:#787882e6;pointer-events:none}.codr-three-element__message--error{color:#dc2626}

.codr-group-element[data-v-f9840754] {
  display: block;
  position: var(--position-type, absolute);
  transition: all 0s;

  /* Item participation when nested in a flex/grid group-children host */
  order: var(--flex-order, 0);
  flex-grow: var(--flex-grow, 0);
  flex-shrink: var(--flex-shrink, 1);
  flex-basis: var(--flex-basis, auto);
  align-self: var(--align-self, auto);
  grid-column: var(--grid-column, auto);
  grid-row: var(--grid-row, auto);
  grid-area: var(--grid-area, auto);
  justify-self: var(--grid-justify-self, auto);

  background-color: var(--bg-color);
  border-width: var(--border-width);
  border-color: var(--border-color);
  border-style: var(--border-style);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  opacity: var(--opacity);
  z-index: var(--z-index, auto);
  cursor: var(--cursor, auto);
  transform: translate(var(--translate-x), var(--translate-y))
    rotate(var(--rotate)) scale(var(--scale-x), var(--scale-y))
    skew(var(--skew-x), var(--skew-y));
  top: var(--top);
  left: var(--left);
  right: var(--right);
  bottom: var(--bottom);
  width: var(--width);
  height: var(--height);
  overflow-x: var(--overflow-x, visible);
  overflow-y: var(--overflow-y, visible);
  padding: var(--padding-top, 0) var(--padding-right, 0) var(--padding-bottom, 0) var(--padding-left, 0);
  margin: var(--margin-top, 0) var(--margin-right, 0) var(--margin-bottom, 0) var(--margin-left, 0);
}

/**
 * Layout host for child codr-elements.
 * Children use FlexItemStyle / GridItemStyle + position.type (absolute | static).
 * Default overflow is visible so absolute children (RacontR boxes) don't grow
 * scrollbars when they sit a few pixels outside the group.
 */
.group-children[data-v-f9840754] {
  overflow: visible;
  position: relative;
  width: 100%;
  height: 100%;
  display: var(--layout-display, flex);
  gap: var(--gap, 0);

  /* Flex container */
  flex-direction: var(--flex-direction, column);
  flex-wrap: var(--flex-wrap, nowrap);
  align-items: var(--align-items, stretch);
  justify-content: var(--justify-content, flex-start);
  align-content: var(--align-content, stretch);

  /* Grid container */
  grid-template-columns: var(--grid-template-columns, none);
  grid-template-rows: var(--grid-template-rows, none);
  grid-template-areas: var(--grid-template-areas, none);
  grid-auto-flow: var(--grid-auto-flow, row);
  grid-auto-columns: var(--grid-auto-columns, auto);
  grid-auto-rows: var(--grid-auto-rows, auto);
  justify-items: var(--justify-items, stretch);
}
.group-children[data-layout-display='flex'][data-v-f9840754],
.group-children[data-layout-display='grid'][data-v-f9840754] {
  overflow: auto;
}
.codr-pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 12px;border-top:1px solid var(--pagination-border);background:var(--pagination-bg);color:var(--pagination-text);font-size:13px;line-height:1.3}.codr-pagination__center{display:flex;align-items:center;justify-content:center;min-width:0}.codr-pagination__btn,.codr-pagination__page{padding:6px 12px;border:1px solid var(--pagination-btn-border);border-radius:var(--pagination-radius);background:var(--pagination-btn-bg);color:var(--pagination-btn-text);font:inherit;font-size:12px;font-weight:500;cursor:pointer;transition:border-color .15s ease,background .15s ease,opacity .15s ease}.codr-pagination__btn:disabled{opacity:.45;cursor:not-allowed}.codr-pagination__btn:not(:disabled):hover,.codr-pagination__page:not(.codr-pagination__page--active):hover{border-color:color-mix(in srgb,var(--pagination-muted) 55%,transparent);background:color-mix(in srgb,var(--pagination-btn-bg) 92%,var(--pagination-muted))}.codr-pagination__btn:focus-visible,.codr-pagination__page:focus-visible{outline:2px solid color-mix(in srgb,var(--pagination-text) 35%,transparent);outline-offset:1px}.codr-pagination__label{margin:0;font-variant-numeric:tabular-nums;color:var(--pagination-text);text-align:center}.codr-pagination__count{color:var(--pagination-muted)}.codr-pagination__pages{display:flex;align-items:center;gap:4px}.codr-pagination__page{min-width:32px;padding-inline:8px;text-align:center;font-variant-numeric:tabular-nums}.codr-pagination__page--active{border-color:color-mix(in srgb,var(--pagination-text) 35%,var(--pagination-btn-border));background:color-mix(in srgb,var(--pagination-text) 8%,var(--pagination-btn-bg));color:var(--pagination-text);cursor:default}.codr-pagination__ellipsis{min-width:20px;text-align:center;color:var(--pagination-muted);-webkit-user-select:none;user-select:none}.codr-pagination--compact{gap:8px;padding:8px 10px;font-size:12px}.codr-pagination--compact .codr-pagination__btn,.codr-pagination--compact .codr-pagination__page{padding:4px 8px;font-size:11px}.codr-pagination--minimal{gap:10px}.codr-pagination--minimal .codr-pagination__btn{min-width:32px;padding-inline:10px;font-size:16px;line-height:1}.codr-pagination--numbered{gap:10px}.codr-pagination--numbered .codr-pagination__center{flex:1}.codr-pagination--numbered .codr-pagination__pages{flex-wrap:wrap;justify-content:center}

.codr-grid-element[data-v-5d9807cb] {
  display: flex;
  flex-direction: column;
  position: var(--position-type, absolute);
  transition: all 0s;
  order: var(--flex-order, 0);
  flex-grow: var(--flex-grow, 0);
  flex-shrink: var(--flex-shrink, 1);
  align-self: var(--align-self, auto);
  grid-column: var(--grid-column, auto);
  grid-row: var(--grid-row, auto);
  grid-area: var(--grid-area, auto);
  justify-self: var(--grid-justify-self, auto);
  background-color: var(--bg-color);
  border-width: var(--border-width);
  border-color: var(--border-color);
  border-style: var(--border-style);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  opacity: var(--opacity);
  z-index: var(--z-index, auto);
  cursor: var(--cursor, auto);
  transform: translate(var(--translate-x), var(--translate-y))
    rotate(var(--rotate)) scale(var(--scale-x), var(--scale-y))
    skew(var(--skew-x), var(--skew-y));
  top: var(--top);
  left: var(--left);
  right: var(--right);
  bottom: var(--bottom);
  width: var(--width);
  height: var(--height);
  flex-basis: var(--flex-basis, auto);
  padding: var(--padding-top, 0) var(--padding-right, 0) var(--padding-bottom, 0) var(--padding-left, 0);
  margin: var(--margin-top, 0) var(--margin-right, 0) var(--margin-bottom, 0) var(--margin-left, 0);
}
.grid-children[data-v-5d9807cb] {
  overflow: auto;
  position: relative;
  width: 100%;
  flex: 1 1 auto;
  min-height: 0;
  display: var(--layout-display, grid);
  gap: var(--gap, 0);
  grid-template-columns: var(--grid-template-columns, none);
  align-content: start;
}
.grid-children--empty[data-v-5d9807cb] {
  display: block;
}
.grid-cell-host[data-v-5d9807cb] {
  position: relative;
  width: var(--cell-width, 240px);
  height: var(--cell-height, 180px);
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}
[data-v-5d9807cb] .codr-pagination {
  flex: 0 0 auto;
}

.codr-modal-element--runtime[data-v-b524dad1] {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background-color: color-mix(
    in srgb,
    var(--modal-backdrop-color, #000) calc(var(--modal-backdrop-opacity, 0.5) * 100%),
    transparent
  );
  backdrop-filter: blur(var(--modal-backdrop-blur, 0));
}
.codr-modal-element__panel[data-v-b524dad1] {
  position: relative;
  width: var(--width);
  height: var(--height);
  max-width: calc(100vw - 48px);
  max-height: calc(100vh - 48px);
  overflow: hidden;
  background-color: var(--bg-color);
  border-width: var(--border-width);
  border-color: var(--border-color);
  border-style: var(--border-style);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  opacity: var(--opacity);
  cursor: var(--cursor, auto);
  transform: translate(var(--translate-x), var(--translate-y))
    rotate(var(--rotate)) scale(var(--scale-x), var(--scale-y));
  padding: var(--padding-top, 0) var(--padding-right, 0) var(--padding-bottom, 0) var(--padding-left, 0);
  margin: var(--margin-top, 0) var(--margin-right, 0) var(--margin-bottom, 0) var(--margin-left, 0);
}
.modal-children[data-v-b524dad1] {
  overflow: auto;
  position: relative;
  width: 100%;
  height: 100%;
  display: var(--layout-display, block);
  gap: var(--gap, 0);
  flex-direction: var(--flex-direction, column);
  flex-wrap: var(--flex-wrap, nowrap);
  align-items: var(--align-items, stretch);
  justify-content: var(--justify-content, flex-start);
  align-content: var(--align-content, stretch);
  justify-items: var(--justify-items, stretch);
  grid-template-columns: var(--grid-template-columns, none);
  grid-template-rows: var(--grid-template-rows, none);
  grid-template-areas: var(--grid-template-areas, none);
  grid-auto-flow: var(--grid-auto-flow, row);
  grid-auto-columns: var(--grid-auto-columns, auto);
  grid-auto-rows: var(--grid-auto-rows, auto);
}

.static-container.page {
  position: relative;
  width: 100%;
  min-height: 100vh;
  height: 100vh;
  padding-top: 0;
  overflow: auto;
  background-color: var(--page-background-color, #fafafa);
  background-image: var(--page-background-image);
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.static-container.page:not(.static-export-page) .racontr-body.scene {
  margin-left: auto;
  margin-right: auto;
}
.static-container.page.static-export-page {
  padding-top: 0;
  height: 100vh;
  min-height: 100vh;
}
.racontr-body.scene {
  position: relative;
  background-color: var(--scene-background-color);
  background-image: var(--scene-background-image);
  overflow: visible;
}

/* RacontR player reset (`#racontr-body`, `#compos .elem-txt`).
   Preview also loads Josh Comeau's reset (`body { line-height: 1.5 }`),
   which would otherwise compute 24px on 16px wrappers and crush 30px labels. */
.racontr-body {
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.racontr-body img,
.racontr-body video,
.racontr-body canvas,
.racontr-body svg {
  max-width: none;
}
.racontr-body .codr-text-element,
.racontr-body .codr-text-element p {
  box-sizing: border-box;
}
.racontr-body .codr-text-element * {
  margin: 0;
  padding: 0;
  text-rendering: geometricPrecision;
}
.racontr-body .group-children {
  overflow: hidden;
}

/* Decorative layers (full-bleed overlays, images) must not steal hits.
   RacontR hotlinks sit under rest-opacity overlays like 02-FOND OPACITE. */
.racontr-body .codr-element.is-transparent {
  pointer-events: none;
}
.racontr-body .codr-element.has-mouse-action,
.racontr-body a.codr-element,
.racontr-body a.codr-element.is-transparent,
.racontr-body .codr-element.is-transparent a[href] {
  pointer-events: auto;
  cursor: var(--cursor, pointer);
}
.racontr-body.preview-comment-mode .codr-element.has-mouse-action,
.racontr-body.preview-comment-mode a.codr-element,
.racontr-body.preview-comment-mode .codr-element.is-transparent a[href] {
  cursor: crosshair;
}
.racontr-body.preview-comment-mode .preview-comment-hover {
  outline: 2px solid rgba(58, 158, 189, 0.65);
  outline-offset: 1px;
}
.racontr-body.preview-comment-mode .preview-comment-highlight {
  outline: 2px solid #3a9ebd;
  outline-offset: 2px;
  box-shadow: 0 0 0 4px rgba(58, 158, 189, 0.15);
}
.racontr-body.preview-comment-mode .preview-has-open-tasks {
  box-shadow: inset 0 0 0 1px rgba(58, 158, 189, 0.45);
}
.preview-task-pin-layer {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 20;
}
.preview-task-pin {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 1.125rem;
  height: 1.125rem;
  padding: 0 0.25rem;
  border: 1px solid rgba(255, 255, 255, 0.9);
  border-radius: 999px;
  background: #3a9ebd;
  color: #fff;
  font-size: 0.625rem;
  font-weight: 700;
  line-height: 1;
  pointer-events: auto;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(58, 158, 189, 0.35);
}
.preview-task-pin:hover {
  background: #2d8499;
  color: #fff;
}

/* Preview chrome + workspace tokens (aligned with editor tokens.css). */

.preview-root.theme-light {
  color-scheme: light;

  --panel-bg: #ffffff;
  --panel-border: #ececef;
  --canvas-bg: #fafafa;
  --control-bg: #ffffff;
  --control-hover: #f4f4f5;
  --text-primary: #18181b;
  --text-secondary: #64646c;
  --accent-color: #0a0a0a;
  --accent-content: #ffffff;
}

.preview-root.theme-dark {
  color-scheme: dark;

  --panel-bg: #151518;
  --panel-border: #2b2b31;
  --canvas-bg: #0d0d0f;
  --control-bg: #1c1c21;
  --control-hover: #26262c;
  --text-primary: #e6e6e9;
  --text-secondary: #9a9aa3;
  --accent-color: #fafafa;
  --accent-content: #0a0a0a;
}

.app {
  width: 100%;
  min-height: 100vh;
}
.preview-root.app {
  position: relative;
  height: 100vh;
  overflow: hidden;
}
.preview-waiting {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  font: 500 13px/1.2 -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  color: var(--text-secondary, #64646c);
  background: var(--canvas-bg, #fafafa);
}
.static-export-root {
  overflow: hidden;
  height: 100vh;
}
/*
  Josh's Custom CSS Reset
  https://www.joshwcomeau.com/css/custom-css-reset/
*/
*,
*::before,
*::after {
    box-sizing: border-box;
}
*:not(dialog) {
    margin: 0;
}
@media (prefers-reduced-motion: no-preference) {
html {
        interpolate-size: allow-keywords;
}
}
body {
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
}
img,
picture,
video,
canvas,
svg {
    display: block;
    max-width: 100%;
}
input,
button,
textarea,
select {
    font: inherit;
}
p,
h1,
h2,
h3,
h4,
h5,
h6 {
    overflow-wrap: break-word;
}
p {
    text-wrap: pretty;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    text-wrap: balance;
}
#root,
#__next {
    isolation: isolate;
}