.canvas-notice{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-raised);color:var(--text-secondary);flex-shrink:0;align-items:flex-start;gap:8px;padding:8px 10px;font-size:11px;line-height:1.5;display:flex}.canvas-notice-dot{background:var(--text-muted);border-radius:50%;flex-shrink:0;width:5px;height:5px;margin-top:6px}.canvas-notice.is-error .canvas-notice-dot{background:var(--danger)}.canvas-notice.is-warning .canvas-notice-dot{background:var(--warning)}.canvas-notice-content{overflow-wrap:anywhere;flex:1;min-width:0}.canvas-notice-feedback{color:var(--text-muted);margin-top:3px;display:block}.canvas-notice-content details{color:var(--text-muted);margin-top:3px}.canvas-notice-content summary{cursor:pointer}.canvas-notice-content details>div{white-space:pre-wrap;max-height:140px;margin-top:4px;overflow:auto}.canvas-notice>button{border:1px solid var(--border);min-height:22px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;gap:4px;padding:2px 7px;display:inline-flex}.canvas-notice>button:hover{background:var(--surface-hover);color:var(--text)}.canvas-notice>button:disabled{opacity:.6;cursor:wait}.canvas-notice>.canvas-notice-close{width:22px;color:var(--text-muted);border-color:#0000;padding:0}.desktop-close-content{display:contents}.desktop-close-status,.desktop-close-notice{z-index:1500;max-width:min(460px,100% - 32px);position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.desktop-close-status{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-raised);color:var(--text-secondary);align-items:center;gap:6px;padding:8px 12px;font-size:12px;display:flex}.interactive-story-workspace:not([hidden]) .interactive-story-canvas{anchor-name:--desktop-close-canvas}body:has(.interactive-story-workspace:not([hidden])) .desktop-close-status{position-anchor:--desktop-close-canvas;bottom:auto;top:calc(anchor(top) + 16px);left:anchor(center)}