.story-library { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin:0 0 20px; }
.story-library small { flex-basis:100%; color:#b8afa3; font-size:13px; line-height:1.5; }
.story-library-form { margin:0; }
.story-library-button { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:10px 16px; border:1px solid #665139; border-radius:14px; background:#211b16; color:#ffdfa9; font-family:inherit; font-size:14px; font-weight:600; line-height:1.35; text-decoration:none; cursor:pointer; }
.story-library-button:hover { background:#382b1d; border-color:#d1a05b; }
.story-library-button:focus-visible { outline:2px solid #ffd38a; outline-offset:3px; }
.story-library-card { min-width:0; display:flex; flex-direction:column; }
.story-library-card[hidden] { display:none !important; }
.story-library-card > .pcard { flex:1; }
.story-library-card > .story-library-form { margin-top:8px; }
.story-library-card > .story-library-form button { width:100%; }
.st-card__body > .story-library-form { margin-top:8px; }
.story-library-empty, .story-library-error { padding:18px; line-height:1.5; color:#e4d7c5; }
.story-library-error { border:1px solid #dd816c; border-radius:14px; }