.canvas-character-node .character-collapsed-cover{position:relative}.stable-media-loading[data-media-phase=error]{z-index:9}.media-loading,.media-ready-edge{--media-silver-edge:#c9d2de;--media-silver-active:#657c95;--media-pearl:#f1f4f8;--media-pearl-light:#fafbfd;--media-silver-text:#425164;--media-silver-sub:#607085;--media-silver-backing:#f5f7fa;--media-silver-highlight:#fff;--media-silver-finish:#c9e2e747;--media-mesh-base:#f3f4fa;--media-mesh-cyan:#bce6e8;--media-mesh-purple:#d0c5ea;--media-mesh-pink:#f0cede;z-index:4;border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}[data-theme=dark] :is(.media-loading,.media-ready-edge){--media-silver-edge:#4f5f72;--media-silver-active:#a1b4cd;--media-pearl:#252e3a;--media-pearl-light:#2a3543;--media-silver-text:#d8e1ed;--media-silver-sub:#a9b8cc;--media-silver-backing:#293442;--media-silver-highlight:#9cabbc;--media-silver-finish:#365c6847;--media-mesh-base:#292f3b;--media-mesh-cyan:#37585f;--media-mesh-purple:#514665;--media-mesh-pink:#654857}.media-loading{isolation:isolate;color:var(--media-silver-text);place-items:center;display:grid}.media-loading--ai{background:#fff}.media-loading__ai{width:100%;height:100%;position:absolute;inset:0}.media-loading__ai-elapsed{z-index:1;color:#a1a1aa;font-size:12px;line-height:18px;position:absolute;bottom:8px;right:12px}.media-loading__base,.media-loading__edge,.media-loading__mesh{pointer-events:none;position:absolute;inset:0}.media-loading__base{border-radius:inherit;background:linear-gradient(140deg, var(--media-pearl-light), var(--media-pearl) 62%, var(--media-pearl-light))}.media-loading__edge{z-index:3;border:1px solid var(--media-silver-edge);border-radius:inherit}.media-loading[data-media-phase=generating] .media-loading__base{background:var(--media-mesh-base)}.media-loading__mesh{opacity:.9;overflow:hidden}.media-loading__mesh>span{position:absolute;inset:-8%}.media-loading__mesh-cyan{background:radial-gradient(ellipse at 18% 28%, var(--media-mesh-cyan), transparent 68%), radial-gradient(ellipse at 78% 62%, var(--media-mesh-purple), transparent 68%)}.media-loading__mesh-pink{background:radial-gradient(ellipse at 64% 86%, var(--media-mesh-pink), transparent 67%), radial-gradient(ellipse at 62% 8%, var(--media-mesh-purple), transparent 62%);opacity:.7}.media-loading[data-media-animation=running] .media-loading__mesh-cyan{animation:8s ease-in-out infinite alternate media-pastel-drift}.media-loading[data-media-animation=running] .media-loading__mesh-pink{animation:10s ease-in-out infinite alternate-reverse media-pastel-drift}.media-loading[data-media-animation=running] .media-loading__mesh>span{will-change:transform, opacity}.media-loading__message{z-index:5;text-align:center;justify-items:center;gap:7px;max-width:calc(100% - 32px);padding:14px 16px;display:grid;position:relative}.media-loading__main{justify-content:center;align-items:center;gap:9px;min-width:0;display:flex}.media-loading__main strong{overflow-wrap:anywhere;font-size:14px;font-weight:500;line-height:1.5}.media-loading__arc{box-sizing:border-box;border:1.5px solid var(--media-silver-edge);border-top-color:var(--media-silver-active);border-right-color:#0000;border-radius:50%;flex:none;width:18px;height:18px}.media-loading__hint,.media-loading__elapsed{color:var(--media-silver-sub);font-size:12px;line-height:1.5}.media-loading--regenerating .media-loading__base{opacity:.12}.media-loading--regenerating .media-loading__mesh{opacity:.2}.media-loading--regenerating .media-loading__message{background:var(--media-silver-backing);border:1px solid var(--media-silver-edge);box-shadow:0 3px 18px color-mix(in srgb, var(--media-silver-text) 7%, transparent);border-radius:10px}.media-loading[data-media-animation=running] .media-loading__arc{animation:1.8s linear infinite media-silver-turn}.media-loading[data-media-thumbnail=true]:not(.media-loading--error) .media-loading__message,.stable-media-loading.is-thumbnail:not(.media-loading--error) .media-loading__message{clip-path:inset(50%);white-space:nowrap;width:1px;max-width:none;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.media-loading--error.media-loading[data-media-thumbnail=true] .media-loading__message,.media-loading--error.stable-media-loading.is-thumbnail .media-loading__message{justify-content:center;align-items:center;gap:0;width:100%;max-width:100%;height:100%;margin:0;padding:0;display:flex}.media-loading--error.media-loading[data-media-thumbnail=true] :is(.media-loading__main,.media-loading__hint,.media-loading__elapsed),.media-loading--error.stable-media-loading.is-thumbnail :is(.media-loading__main,.media-loading__hint,.media-loading__elapsed){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.media-loading--error.media-loading[data-media-thumbnail=true] .media-loading__retry,.media-loading--error.stable-media-loading.is-thumbnail .media-loading__retry{box-sizing:border-box;white-space:nowrap;min-width:0;max-width:calc(100% - 6px);padding:4px 3px}.media-loading--error.media-loading[data-media-thumbnail=true] .media-loading__retry:focus-visible,.media-loading--error.stable-media-loading.is-thumbnail .media-loading__retry:focus-visible{outline-offset:-3px}.media-loading--retained{border-radius:9px;min-height:44px;inset:auto 8px 8px}.media-loading--retained .media-loading__message{gap:4px;padding:8px 12px}.media-loading--retained .media-loading__hint{display:none}.media-loading--inline{width:100%;min-height:140px;position:relative;inset:auto}.media-loading__retry{appearance:none;min-height:32px;color:inherit;font:inherit;cursor:pointer;pointer-events:auto;background:0 0;border:1px solid;border-radius:6px;padding:6px 10px;font-size:12px}.media-loading__retry:focus-visible{outline-offset:2px;outline:2px solid}.media-ready-edge{z-index:3;box-shadow:inset 0 0 0 1px var(--media-silver-highlight), inset 0 0 18px var(--media-silver-finish);animation:.65s ease-out both media-silver-settle}@keyframes media-pastel-drift{0%{opacity:.72;transform:translate(-3%,-2%)scale(1)}to{opacity:1;transform:translate(3%,2%)scale(1.04)}}@keyframes media-silver-turn{to{transform:rotate(360deg)}}@keyframes media-silver-settle{0%{opacity:1}to{opacity:0}}@media (pointer:coarse){.media-loading__retry{min-height:44px}}@media (prefers-reduced-motion:reduce){.media-loading *,.media-ready-edge{animation:none!important}.media-loading__mesh>span{will-change:auto!important}.media-ready-edge{display:none}}
