.story-card{margin-top:24px}.story-card audio,#recording-preview{width:100%;margin:18px 0}.story-card h2,#stories-name{overflow-wrap:anywhere}.story-card form button{margin-top:16px}.transcript-text{white-space:pre-wrap;overflow-wrap:anywhere}.record-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}#recording-state{font-size:15px;color:#80582a}#recording-context{max-width:650px}#story-prompt,#recording-mode{width:100%;padding:12px;border:1px solid var(--line);border-radius:4px;font:inherit;background:white;color:var(--ink)}

.story-card video,.collection-card video,#camera-preview,#recording-preview{width:100%;max-height:480px;border-radius:6px;margin:16px 0;background:#14233b}#camera-preview{transform:scaleX(-1)}

.recording-language-panel{margin:16px 0;border:1px solid var(--line);border-radius:8px;max-width:650px}.recording-language-panel summary{cursor:pointer;padding:12px 16px;color:var(--ink);font-size:14px;min-height:44px;box-sizing:border-box}.recording-language-panel summary:focus-visible{outline:2px solid #a46c29;outline-offset:3px}.language-icon{margin-right:8px}.language-options{padding:4px 16px 16px}.language-options>label:first-child{display:block;margin:8px 0}.language-options input[type=search],.language-options select{display:block;width:100%;box-sizing:border-box;padding:10px;border:1px solid var(--line);border-radius:4px;background:white;color:var(--ink);font:inherit;margin-bottom:12px}.language-options select{padding:4px}.language-options option{padding:8px 10px}.language-options .check[hidden]{display:none}
