/* Compatibility stylesheet for integrated creative widgets only.
   Preserve Kale's existing semantic node colors, canvas light/dark palettes,
   focus/selection colors and home background effects. Do not override tokens
   or apply a global monochrome/grayscale filter here. */
/* Shared pose picker uses the same light/dark palette as the canvas. */
.kale-pose-frame{padding:0;border:1px solid var(--border,#ddd);border-radius:18px;width:96vw;height:94vh;max-width:1440px;max-height:96vh;background:var(--bg,#fff);animation:kale-pose-enter 180ms ease-out}
.kale-pose-frame::backdrop{background:#0008;backdrop-filter:blur(4px)}
.kale-pose-frame iframe{width:100%;height:100%;border:0;border-radius:inherit}
.kale-pose-frame.closing{opacity:0;transform:scale(.98);transition:opacity 180ms,transform 180ms}
@keyframes kale-pose-enter{from{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.kale-pose-frame,.kale-pose-frame.closing{animation:none;transition:none}}
/* v1.8.1 native production board: preserve media colors and semantic errors. */
.cx-production{max-height:calc(100% - 100px);overflow:auto;width:min(460px,calc(100vw - 90px))}
.cx-production-settings{display:flex;gap:20px;margin:12px 0}.cx-production-settings label{display:flex;align-items:center;gap:6px;cursor:pointer}
.cx-production-item{padding:10px 0;border-bottom:1px solid var(--cx-line);display:flex;flex-wrap:wrap;align-items:center;gap:8px}.cx-production-item>div{width:100%}.cx-production-item video,.cx-production-item audio{width:100%;max-height:220px}
.cx-production h3{font-size:13px;color:var(--cx-muted);margin:14px 0 5px}.cx-production-toast{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);z-index:90;padding:12px 18px;background:var(--cx-panel);color:var(--cx-text);border:1px solid var(--cx-line);border-radius:12px;box-shadow:0 8px 32px #0002;cursor:pointer;animation:cx-appear 180ms ease-out;transition:box-shadow 180ms ease,scale 180ms ease}.cx-production-toast:hover{scale:1.02}.cx-production-toast:active{scale:.98}.cx-production-toast:focus-visible{outline:2px solid currentColor;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.cx-production-toast{animation:none;transition:none}}

.kale-feed-entry{color:inherit;display:inline-block;margin:8px 0 12px;padding:7px 12px;border:1px solid currentColor;border-radius:8px;text-decoration:none;transition:transform 180ms ease,opacity 180ms ease}.kale-feed-entry:hover{transform:scale(1.02)}.kale-feed-entry:active{transform:scale(.99)}.kale-feed-entry:focus-visible{outline:2px solid currentColor;outline-offset:3px}@media(prefers-reduced-motion:reduce){.kale-feed-entry{transition:none}}