.story-poster{isolation:isolate;aspect-ratio:4/3;color:#fff8e5;text-align:start;background-color:#84916b;background-position:50%;background-size:cover;display:block;position:relative;overflow:hidden}.story-poster:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#173c2300 28%,#142f2630 52%,#102b25eb 100%);position:absolute;inset:0}.story-poster-cast{position:absolute;inset:0}.story-poster-character{aspect-ratio:1;filter:drop-shadow(0 8px 4px #1b302954);width:47%;position:absolute;bottom:21%;overflow:hidden;transform:translate(-50%)}.story-poster-character.is-hero{z-index:1;width:58%;bottom:16%}.story-poster-character img{width:300%;max-width:none;height:200%;display:block}.story-poster-title{z-index:2;inset-inline:18px;font-family:var(--font-heading,Georgia, serif);text-wrap:balance;text-shadow:0 2px 5px #122c29;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:clamp(17px,1.7vw,23px);font-weight:700;line-height:1.22;display:-webkit-box;position:absolute;bottom:16px;overflow:hidden}.story-poster-supporting{top:10px;gap:3px;display:flex;position:absolute;inset-inline-end:10px}.story-poster-supporting>span{background:#f8edcce8;border-radius:50%;width:34px;height:34px;display:block;overflow:hidden;box-shadow:0 2px 6px #183e3340}.story-poster-supporting img{width:300%;max-width:none;height:200%}.story-poster-book{filter:drop-shadow(0 3px 8px #203c30);position:absolute;top:25%;left:calc(50% - 32px)}.library-story-card{background:#fff8e9;border:1px solid #cdb990;border-radius:20px;overflow:hidden;box-shadow:0 5px 16px #32452c0a}.library-story-link{height:100%;color:inherit;text-decoration:none;display:block}.library-story-link:focus-visible{outline-offset:-3px;border-radius:20px;outline:3px solid #795c30}.library-story-link:hover .story-poster:after{background:linear-gradient(#173c2300 28%,#142f2610 52%,#102b25eb 100%)}.library-story-meta{justify-content:space-between;align-items:center;gap:10px;padding:15px 18px;font-size:13px;display:flex}.library-story-meta time{color:#6c715a}.library-story-open{align-items:center;gap:5px;font-weight:700;display:inline-flex}.demo-copy-posters{border:0;min-width:0;margin:16px 0;padding:0}.demo-copy-posters legend{margin-bottom:10px;font-weight:700}.demo-copy-poster-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.demo-copy-poster{cursor:pointer;border:3px solid #0000;border-radius:16px;position:relative;overflow:hidden}.demo-copy-poster .story-poster-title{inset-inline:12px;font-size:17px;bottom:12px}.demo-copy-poster input{z-index:4;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.demo-copy-poster:has(input:checked){border-color:#34624b;box-shadow:0 0 0 2px #fff5da}.demo-copy-poster:focus-within{outline-offset:3px;outline:3px solid #94682f}.demo-copy-selected{top:9px;z-index:3;color:#244f3b;background:#fff2c2;border-radius:50%;place-items:center;width:29px;height:29px;display:grid;position:absolute;inset-inline-end:9px;box-shadow:0 2px 8px #1d342a50}.demo-copy-poster:has(input:disabled){cursor:wait;opacity:.65}@media (max-width:1000px){.demo-copy-poster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.demo-copy-poster-grid{grid-template-columns:1fr}.story-poster-title{font-size:21px}.library-story-meta{flex-wrap:wrap}}.library-story-card--pending{opacity:.75;pointer-events:none}.library-story-pending{text-align:center;place-items:center;gap:8px;min-height:180px;padding:20px;display:grid}.library-story-pending p{margin:0;font-weight:700}.library-story-pending small{color:#6c715a}.circular-progress{place-items:center;display:grid;position:relative}.circular-progress svg{width:100%;height:100%;transform:rotate(-90deg)}.circular-progress .cp-track{fill:none;stroke:#e2d6b8;stroke-width:6px}.circular-progress .cp-value{fill:none;stroke:#4f7152;stroke-width:6px;stroke-linecap:round;transition:stroke-dasharray .4s}.circular-progress .cp-indeterminate{fill:none;stroke:#4f7152;stroke-width:6px;stroke-linecap:round;stroke-dasharray:60 130;animation:1.1s linear infinite cp-spin}@keyframes cp-spin{to{transform:rotate(360deg)}}.circular-progress .cp-label{color:#2f4d3c;font-size:13px;font-weight:700;position:absolute}.studio-generating-overlay{z-index:5;background:#f3eee0d9;border-radius:24px;place-items:center;display:grid;position:absolute;inset:0}.studio-generating-box{text-align:center;place-items:center;gap:10px;padding:24px;display:grid}.studio-generating-box p{margin:0;font-weight:700}.studio-generating-box button{margin-top:4px}