/* Static HTML is the default. Every cinematic geometry rule is opt-in and scoped. */
[data-wk-role="scene"] { background: var(--wk-scene-bg, #000); }
[data-wk-role="scene"][data-wk-mode="static"] > [data-wk-role="stage"] {
  background-image: linear-gradient(#0009, #0009), var(--wk-poster, none);
  background-size: cover; background-position: center;
}
[data-wk-role="scene"]:is([data-wk-mode="cinematic"], [data-wk-mode="preview"]) {
  height: var(--wk-T) !important; min-height: var(--wk-T) !important; max-height: none !important;
  width: 100% !important; max-width: 100% !important;
  display: block !important; position: relative !important; overflow: visible !important;
  padding: 0 !important; margin: 0 !important; gap: 0 !important;
}
[data-wk-role="scene"]:is([data-wk-mode="cinematic"], [data-wk-mode="preview"]) > [data-wk-role="stage"] {
  position: sticky !important; top: 0 !important; height: var(--wk-H) !important; min-height: var(--wk-H) !important; max-height: var(--wk-H) !important;
  width: 100% !important; max-width: 100% !important; display: block !important;
  overflow: clip !important; padding: 0 !important; margin: 0 !important;
  isolation: isolate; background: var(--wk-scene-bg, #000) !important;
}
[data-wk-mode="preview"][data-wk-role="scene"] { height: var(--wk-H) !important; min-height: var(--wk-H) !important; }
[data-wk-mode="preview"] > [data-wk-role="stage"] { position: relative !important; }
[data-wk-role="scene"]:is([data-wk-mode="cinematic"], [data-wk-mode="preview"]) > [data-wk-role="stage"]::before {
  content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none;
  background: var(--wk-poster, none) center / cover no-repeat; opacity: var(--wk-visual-opacity, 1);
}
[data-wk-role="scene"]:is([data-wk-mode="cinematic"], [data-wk-mode="preview"]) > [data-wk-role="stage"][data-wk-frame-ready="true"]::before { visibility: hidden; }
.wk-cinematic-canvas { display: block; position: absolute; inset: 0; width: 100%; height: 100%; z-index: 1; pointer-events: none; opacity: var(--wk-visual-opacity, 1); }
[data-wk-role="scene"]:is([data-wk-mode="cinematic"], [data-wk-mode="preview"]) > [data-wk-role="stage"] > [data-wk-role="layer"] {
  position: absolute !important; top: 0 !important; left: 0 !important;
  width: 100% !important; max-width: 100% !important; height: var(--wk-content-H) !important; min-height: var(--wk-content-H) !important; max-height: var(--wk-content-H) !important;
  margin: 0 !important; z-index: 2; box-sizing: border-box;
  padding-top: max(var(--padding-top, 20px), env(safe-area-inset-top));
  padding-bottom: max(var(--padding-bottom, 20px), env(safe-area-inset-bottom));
  padding-left: max(var(--padding-left, 20px), env(safe-area-inset-left));
  padding-right: max(var(--padding-right, 20px), env(safe-area-inset-right));
}
.wk-static-link { display: block; padding: 8px 16px; background: #161616; color: #fff; font: 14px/1.5 system-ui,sans-serif; text-decoration: underline; }
[data-wk-role="scene"]:is([data-wk-mode="cinematic"], [data-wk-mode="preview"]) [data-wk-role="layer"][data-wk-interactive="false"] * { pointer-events: none !important; }
.wk-static-link:focus-visible { outline: 3px solid #ffda60; outline-offset: -3px; }
.wk-cinematic-hud { position: fixed; top: 0; left: 0; z-index: 2147483646; pointer-events: none; width: min(40vw, 360px); max-height: 85vh; overflow: hidden; margin: 0; padding: 5px; color: #d8ffe3; background: #001b18e8; font: 10px/1.35 monospace; white-space: pre-wrap; overflow-wrap: anywhere; }