/* SANCHINA R21. Only story picker UI; no server data changes. */
.story-picker-content .owned-grid .owned-slot .owned{
 position:relative!important;min-height:100%;padding-bottom:59px!important;
}
.story-picker-content .owned-grid .owned-slot .owned .owned-meta{padding-bottom:0!important}
.story-picker-content .owned-grid .owned-slot .owned .usage-pill{
 position:absolute!important;left:8px!important;bottom:11px!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
 width:clamp(80px,24.2vw,106px)!important;max-width:calc(100% - 54px)!important;
 height:37px!important;min-height:37px!important;margin:0!important;
 border-radius:999px!important;box-sizing:border-box!important;
 padding:2px 3px!important;white-space:nowrap!important;
 letter-spacing:-.045em;font-size:clamp(8px,2.4vw,10.5px)!important;
 font-weight:800!important;line-height:1.15!important;
}
.story-picker-content .owned-grid .owned-slot .owned .usage-pill-used{
 background:#edf1ef!important;color:#078553!important;border:1px solid #0fa26b!important;
}
.story-picker-content .owned-grid .owned-slot .owned .usage-pill-new{
 background:#06a766!important;color:#fff!important;border:1px solid #06a766!important;
}
.story-picker-content .owned-grid .owned-slot>.owned-speaker{
 bottom:10px!important;right:7px!important;width:39px!important;height:39px!important;
}
.story-picker-content .owned-grid .owned-slot .owned .owned-check{display:none!important}
.story-picker-content .owned-grid .owned-slot .owned.selected .owned-selected-tick{display:inline-flex}
/* A round green speaker goes below each illustration in the created story. */
.story-scene-card .story-scene-media{
 min-width:0;width:100%;display:flex;flex-direction:column;align-items:center;gap:8px;
}
.story-scene-card .story-scene-media .story-scene-art{
 width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;
}
.story-scene-card .story-inline-speaker{
 position:static!important;display:grid;place-items:center;flex:none;margin:0;
 width:40px;height:40px;padding:0;border:0;border-radius:50%;
 background:#eaf8f0;color:#078b52;box-shadow:0 2px 6px #066c3f21;
 touch-action:manipulation;
}
.story-scene-card .story-inline-speaker svg{display:block;width:25px;height:25px;fill:currentColor}
.story-scene-card .story-inline-speaker.speaking{
 animation:r21SpeakerPulse .46s ease-in-out infinite;
 box-shadow:0 0 0 5px #19b76521,0 0 20px #19b76595;
}
.story-scene-card .story-inline-speaker.speaking svg{
 animation:r21SpeakerTalk .23s ease-in-out infinite alternate;
}
@keyframes r21SpeakerPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
@keyframes r21SpeakerTalk{from{transform:scale(.92)}to{transform:scale(1.12)}}
.generation-retry:not([hidden]){
 display:flex;flex-direction:column;gap:3px;margin:9px 0 0;padding:10px 12px;
 border:1px solid #f1bd94;border-radius:12px;background:#fff5e8;
 color:#9a471b;text-align:center;font-size:12px;line-height:1.45;
}
.generation-retry strong{font-size:13px;color:#9b3f24}
.generation-retry span{font-size:11px}
.generation-retry[hidden]{display:none!important}
.storybox-accordion{scroll-margin-top:95px}
@media(max-width:360px){
 .story-picker-content .owned-grid .owned-slot .owned .usage-pill{
 left:6px!important;bottom:8px!important;height:35px!important;min-height:35px!important;
 max-width:calc(100% - 48px)!important;
 }
 .story-picker-content .owned-grid .owned-slot>.owned-speaker{
 right:5px!important;bottom:7px!important;width:35px!important;height:35px!important;
 }
}
@media(prefers-reduced-motion:reduce){
 .story-scene-card .story-inline-speaker.speaking,
 .story-scene-card .story-inline-speaker.speaking svg{animation:none!important}
}

/* R23: both the artwork and the speaker share the same visual center. */
.story-scene-card .story-scene-media{
 width:100%!important;min-width:0!important;
 align-items:center!important;justify-content:flex-start!important;
}
.story-scene-card .story-scene-media .story-scene-art{
 width:100%!important;box-sizing:border-box!important;
 margin:0 auto!important;align-self:center!important;
}
.story-scene-card .story-scene-media .story-inline-speaker{
 margin:0 auto!important;align-self:center!important;
 flex:0 0 40px!important;
}