.cover.cover-image{aspect-ratio:auto;padding:0;overflow:visible}
.cover.cover-image img{display:block;width:100%;height:auto;object-fit:contain;background:#e9e6de}
.work-dialog-head .dialog-cover .cover.cover-image{aspect-ratio:auto;transform:none;padding:0}
.work-dialog-head .dialog-cover .cover-image img{height:auto}
.work-created{display:block;color:#837b6e;font-size:11px;line-height:1.8;margin:6px 0 0}
.work-title{word-break:keep-all;overflow-wrap:break-word}
.dialog-created{display:block;font-size:11px;line-height:1.8;color:#82796b;margin:-5px 0 15px}
.design-pending{grid-column:1/-1;color:#8d8373;font-size:12px;line-height:1.9;margin:0}
.character-portrait{object-position:center 30%}
.character-bio>p:not(.eyebrow){white-space:pre-line}
.audio-player{display:flex;align-items:center;gap:15px;background:#f3f0e8;border:1px solid var(--line);padding:17px 18px;border-radius:0;min-width:0}
.audio-player>audio[hidden]{display:none}
.audio-toggle,.audio-stop,.pending-play{display:grid;place-items:center;flex-shrink:0;cursor:pointer;border:1px solid var(--ink);background:var(--ink);color:var(--paper);width:45px;height:45px;padding:0}
.audio-toggle svg,.audio-stop svg,.pending-play svg{width:20px;height:20px;fill:currentColor}
.audio-toggle:disabled{opacity:.6}
.audio-stop{background:transparent;border-color:#b9b09f;color:#6c6252;width:36px;height:36px}
.audio-stop svg{width:15px;height:15px}
.audio-stop:disabled,.pending-play:disabled{opacity:.35;cursor:default}
.audio-track{min-width:0;flex:1}
.audio-track>strong{display:block;font-size:13px;font-weight:500;line-height:1.8;word-break:keep-all;overflow-wrap:anywhere}
.audio-timeline{display:flex;align-items:center;gap:10px;margin-top:9px;min-width:0}
.audio-timeline>span{font-size:10px;line-height:1.5;color:#8a806f;font-variant-numeric:tabular-nums;white-space:nowrap}
.audio-seek{appearance:none;-webkit-appearance:none;width:100%;min-width:28px;flex:1;height:24px;cursor:pointer;margin:0;background:transparent;accent-color:#484136}
.audio-seek::-webkit-slider-runnable-track{height:2px;background:#c7beae}
.audio-seek::-moz-range-track{height:2px;background:#c7beae}
.audio-seek::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:#484136;margin-top:-4px}
.audio-seek::-moz-range-thumb{width:10px;height:10px;border:0;border-radius:50%;background:#484136}
.audio-seek:disabled{cursor:default;opacity:.5}
.audio-error{font-size:11px;line-height:1.8;color:#9c4538;margin:9px 0 0}
.work-theme .media-person,.work-bgm .media-person{margin-bottom:17px}
.pending-play{width:38px;height:38px;cursor:default}
.media-track+.media-track{margin-top:15px}
.character-panel-note{font-size:12px;line-height:1.9;color:var(--muted);margin:0 0 20px;word-break:keep-all}
.character-audio{display:grid;gap:24px;margin-top:27px;padding-top:24px;border-top:1px solid var(--line)}
.character-audio:empty{display:none}
.character-audio-section{min-width:0}
.character-audio-section>h4,.character-images>h4{font-size:14px;font-weight:500;line-height:1.8;margin:0 0 12px}
.character-audio-section>.media-track:first-of-type{border-top:0;padding-top:0;margin-top:0}
.character-audio-pending{font-size:12px;color:#8d8373;line-height:1.9;margin:0;padding:13px 0;border-bottom:1px solid var(--line)}
.character-images{margin-top:28px}
.character-images .design-gallery{margin-top:12px}
.work-music-pending{font-size:13px;line-height:1.9;color:var(--muted);padding:20px 0;border-top:1px solid var(--line);margin:0}
@media(max-width:700px){.work-created{font-size:10px;margin-top:5px}.dialog-created{font-size:10px;margin:0 0 12px}.audio-player{padding:16px 13px;gap:12px}.audio-toggle{width:42px;height:42px}.audio-track>strong{font-size:13px}.audio-stop{width:30px;height:34px}.audio-timeline{gap:7px}.audio-timeline>span{font-size:9px}.audio-error{font-size:11px}.media-unavailable{align-items:center}.character-picker{gap:7px}.character-picker button{font-size:11px;line-height:1.8;min-height:38px;padding:8px 11px}.character-media{padding:19px 15px}.media-person h4{font-size:14px}}

@media(max-width:700px){.work-title{font-size:13px;line-height:1.75}.work-genre{font-size:9px;line-height:1.8}.work-description{font-size:12px;line-height:1.85;word-break:keep-all;overflow-wrap:break-word}.work-media-tags{font-size:9px;line-height:1.8}}

.work-meta{display:flex;flex-direction:column;align-items:flex-start;gap:7px;margin-top:14px;font-size:10px;line-height:1.7;color:#746d61;letter-spacing:0}
.work-cast-format{display:inline-block;border:1px solid #d7d0c3;border-radius:2px;padding:1px 6px;color:#625b50;white-space:nowrap}
.work-edition-tags{display:flex;flex-wrap:wrap;gap:2px 4px;font-size:10px}
.work-edition-tags>span{white-space:nowrap}
.dialog-play-links{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px;margin-top:24px;padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.edition-links-label{font-size:11px;color:#81786a;white-space:nowrap}
.edition-links{display:flex;flex-wrap:wrap;gap:8px}
.edition-link{display:inline-flex;align-items:center;justify-content:space-between;gap:15px;min-height:44px;padding:10px 14px;border:1px solid #cfc6b6;border-radius:3px;background:#faf8f2;color:#413b31;font-size:12px;line-height:1.5;text-decoration:none}
.edition-link:hover{background:#eee9dd;border-color:#817663}
.edition-link:focus-visible{outline:2px solid #514735;outline-offset:3px}
.edition-link>span{color:#8b7f6a}
@media(max-width:700px){.work-meta{gap:6px;margin-top:12px}.work-cast-format{font-size:10px}.work-edition-tags{font-size:9px;gap:2px 3px}.dialog-play-links{display:block;margin-top:20px;padding:14px 0}.edition-links-label{display:block;margin-bottom:9px;font-size:11px}.edition-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.edition-link{padding:9px 8px;gap:4px;font-size:11px}}