.v2-dedicated-tool--hello-world [data-runtime-body-proxy] {
      color-scheme: dark;
      --hr-runtime-page-bg:
        radial-gradient(circle at 20% 10%, rgba(176, 96, 58, 0.16), transparent 30rem),
        linear-gradient(135deg, #050507, #171510 56%, #0a0a0d);
      --hr-runtime-page-color: #f7efe1;
      --hr-runtime-frame-bg:
        radial-gradient(circle at 50% 48%, rgba(241, 234, 216, 0.08), transparent 20rem),
        repeating-linear-gradient(90deg, rgba(241, 234, 216, 0.018) 0, rgba(241, 234, 216, 0.018) 1px, transparent 1px, transparent 18px),
        #070b12;
      --hr-runtime-chrome-bg: rgba(7, 11, 18, 0.96);
      --hr-runtime-frame-border: rgba(241, 234, 216, 0.08);
      --hr-runtime-frame-shadow: 0 24px 80px rgba(0, 0, 0, 0.42);
      --hr-runtime-text-color: #f7efe1;
      --hr-runtime-focus: #00f5a0;
    }
.v2-dedicated-tool--hello-world[data-hr-runtime-skin="negative"] {
      color-scheme: light;
      --hr-runtime-page-bg: #f4f1e9;
      --hr-runtime-page-color: #1d1b18;
      --hr-runtime-frame-bg: #f2eee4;
      --hr-runtime-chrome-bg: rgba(242, 238, 228, 0.97);
      --hr-runtime-frame-border: rgba(29, 27, 24, 0.16);
      --hr-runtime-frame-shadow: none;
      --hr-runtime-text-color: #1d1b18;
      --hr-runtime-focus: #2d7a53;
    }
.v2-dedicated-tool--hello-world * { box-sizing: border-box; }
.v2-dedicated-tool--hello-world [data-runtime-body-proxy] {
      margin: 0;
      min-height: 100vh;
      background: var(--hr-runtime-page-bg);
      color: var(--hr-runtime-page-color);
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }
.v2-dedicated-tool--hello-world [data-runtime-body-proxy] {
      min-height: 100vh;
      display: grid;
      place-items: center;
      padding: 24px;
    }
.v2-dedicated-tool--hello-world .hr-runtime-shell {
      --hr-runtime-frame-width: 760px;
      --hr-runtime-frame-height: 560px;
      --hr-runtime-frame-ratio: 760 / 560;
      position: relative;
      width: min(100%, var(--hr-runtime-frame-width));
      margin-inline: auto;
      display: grid;
      gap: 8px;
    }
.v2-dedicated-tool--hello-world .hr-runtime-chrome {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      min-height: 28px;
      color: var(--hr-runtime-page-color);
      font-size: 11px;
      line-height: 1;
    }
.v2-dedicated-tool--hello-world .hr-runtime-info-button {
      appearance: none;
      border: 1px solid var(--hr-runtime-frame-border);
      background: var(--hr-runtime-frame-bg);
      color: inherit;
      min-width: 28px;
      min-height: 28px;
      padding: 0 8px;
      font: inherit;
      letter-spacing: 0;
      cursor: pointer;
    }
.v2-dedicated-tool--hello-world .hr-runtime-info-button:focus-visible {
      outline: 2px solid var(--hr-runtime-focus);
      outline-offset: 2px;
    }
.v2-dedicated-tool--hello-world .hr-runtime-info-panel {
      position: absolute;
      top: 36px;
      right: 0;
      z-index: 20;
      width: min(100%, 760px);
      max-height: min(72vh, 560px);
      overflow-y: auto;
      scrollbar-gutter: stable;
      border: 1px solid var(--hr-runtime-frame-border);
      background: var(--hr-runtime-chrome-bg);
      color: var(--hr-runtime-page-color);
      padding: 10px;
      font-size: 12px;
      line-height: 1.45;
      box-shadow: var(--hr-runtime-frame-shadow);
    }
.v2-dedicated-tool--hello-world .hr-runtime-info-panel[hidden] {
      display: none;
    }
.v2-dedicated-tool--hello-world .hr-runtime-info-panel dl {
      display: grid;
      grid-template-columns: minmax(96px, 0.45fr) minmax(0, 1fr);
      gap: 4px 10px;
      margin: 0;
    }
.v2-dedicated-tool--hello-world .hr-runtime-info-panel dt {
      color: var(--hr-runtime-page-color);
      opacity: 0.68;
    }
.v2-dedicated-tool--hello-world .hr-runtime-info-panel dd {
      margin: 0;
      overflow-wrap: anywhere;
    }
.v2-dedicated-tool--hello-world .hr-runtime-safe-controls {
      display: grid;
      gap: 10px;
      margin-top: 14px;
      padding-top: 12px;
      border-top: 1px solid var(--hr-runtime-frame-border);
    }
.v2-dedicated-tool--hello-world .hr-runtime-control-group {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 6px;
    }
.v2-dedicated-tool--hello-world .hr-runtime-control-label {
      flex: 0 0 82px;
      color: var(--hr-runtime-page-color);
      opacity: 0.68;
    }
.v2-dedicated-tool--hello-world .hr-runtime-control {
      min-height: 28px;
      padding: 4px 8px;
      border: 1px solid var(--hr-runtime-frame-border);
      background: var(--hr-runtime-chrome-bg);
      color: var(--hr-runtime-page-color);
      font: inherit;
      cursor: pointer;
    }
.v2-dedicated-tool--hello-world .hr-runtime-control[aria-pressed="true"] {
      border-color: var(--hr-runtime-focus);
      color: var(--hr-runtime-text-color);
    }
.v2-dedicated-tool--hello-world .hr-runtime-control:focus-visible {
      outline: 2px solid var(--hr-runtime-focus);
      outline-offset: 2px;
    }
.v2-dedicated-tool--hello-world .hr-runtime-diagnostics {
      display: block;
      min-height: 22px;
      color: var(--hr-runtime-page-color);
      opacity: 0.82;
      overflow-wrap: anywhere;
    }
.v2-dedicated-tool--hello-world .hr-runtime-frame {
      position: relative;
      width: 100%;
      height: var(--hr-runtime-frame-height);
      aspect-ratio: var(--hr-runtime-frame-ratio);
      overflow: hidden;
      background: var(--hr-runtime-frame-bg);
      border: 1px solid var(--hr-runtime-frame-border);
      box-shadow: var(--hr-runtime-frame-shadow);
    }
.v2-dedicated-tool--hello-world .hr-runtime-scrollport {
      position: absolute;
      inset: 0;
      overflow-x: hidden;
      overflow-y: hidden;
      overscroll-behavior: contain;
    }
.v2-dedicated-tool--hello-world .hr-runtime-scrollport[data-runtime-overflow="scroll"] {
      overflow-y: auto;
      scrollbar-gutter: stable;
    }
.v2-dedicated-tool--hello-world .hr-runtime-frame [hidden] { display: none !important; }
.v2-dedicated-tool--hello-world .hr-runtime-page {
      position: relative;
      width: 100%;
      min-height: 100% !important;
    }
.v2-dedicated-tool--hello-world .hr-runtime-node { position: absolute; }
.v2-dedicated-tool--hello-world .hr-runtime-text { margin: 0; color: var(--hr-runtime-text-color); }
.v2-dedicated-tool--hello-world .hr-runtime-asset { display: block; width: 100%; height: 100%; object-fit: contain; }
.v2-dedicated-tool--hello-world .hr-runtime-asset-button {
      padding: 0;
      border: 0;
      background: transparent;
      cursor: pointer;
    }
.v2-dedicated-tool--hello-world .hr-runtime-asset-button:focus-visible {
      outline: 2px solid var(--hr-runtime-focus);
      outline-offset: 3px;
    }
.v2-dedicated-tool--hello-world .hr-runtime-asset-button[data-opened="true"] {
      cursor: default;
      filter: grayscale(1);
      opacity: 0.45;
    }
.v2-dedicated-tool--hello-world .hr-runtime-transition-active [data-continuity-role="selected-door"] {
      transition: transform 300ms ease, opacity 300ms ease;
    }
.v2-dedicated-tool--hello-world .hr-runtime-motion-proxy {
      position: absolute;
      z-index: 999;
      pointer-events: none;
      object-fit: contain;
      filter: drop-shadow(0 12px 18px rgba(0, 0, 0, 0.42));
      will-change: transform, opacity;
    }
@media (prefers-reduced-motion: reduce) {
.v2-dedicated-tool--hello-world .hr-runtime-transition-active [data-continuity-role="selected-door"] {
        transition: none;
      }
.v2-dedicated-tool--hello-world .hr-runtime-motion-proxy {
        display: none;
      }

    
}