:root{color:#12233f;background:#f3f7fc;font-family:Arial,sans-serif}
body{max-width:74rem;margin:2rem auto;padding:0 1rem}
header,main,form{margin-bottom:1rem}
nav,.actions{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0}
fieldset{border:1px solid #a9bdd5;border-radius:.5rem;margin:1rem 0;padding:1rem}
label{display:inline-flex;gap:.4rem;align-items:center;flex-wrap:wrap;margin:.4rem}
input,select,textarea,button{font:inherit;padding:.5rem;border:1px solid #9aacc4;border-radius:.3rem}
textarea{width:min(36rem,80vw)}
button,.drive-button{background:#005bbb;color:white;cursor:pointer;border:0;padding:.55rem .9rem;border-radius:.3rem}
.drive-button{display:inline-block;text-decoration:none}
button:disabled{opacity:.55;cursor:default}
#notice{min-height:1.4em}
.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.7rem}
.media-card{background:white;border:1px solid #bed0e5;border-radius:.4rem;padding:.7rem;overflow-wrap:anywhere}
.media-card img{width:100%;height:125px;object-fit:contain;background:#eef3fa}
.media-card label{display:flex}
.match{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin:.5rem 0}
.match img{width:110px;height:75px;object-fit:contain}
#workspace nav button[aria-pressed="true"]{background:#12233f}
#story-stops{padding-inline-start:1.5rem}
.draft-stop{margin-block:1rem;padding:1rem;background:#fff;border:1px solid #bed0e5;border-radius:.5rem}
.draft-stop h3{margin-block:.3rem}.draft-stop textarea{display:block;min-height:4.5rem}
#draft-preview{width:min(44rem,calc(100% - 2rem));max-height:85vh;overflow:auto;border:1px solid #bed0e5;border-radius:.5rem}
#draft-preview::backdrop{background:#12233f99}
#preview-content img{display:block;max-width:100%;max-height:45vh;object-fit:contain}
#preview-content p{white-space:pre-wrap}