:root{color:#f4f0e6;background:#1c1915;font-family:Iowan Old Style,Palatino,Palatino Linotype,Georgia,serif;font-size:18px;line-height:1.45}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{min-height:48px;border:0;border-radius:12px;padding:10px 12px;background:#3f4f46;color:#f4f0e6}button:disabled{opacity:.45}input,textarea,select{width:100%;border:1px solid #5c5348;border-radius:12px;padding:10px 12px;background:#2a251f;color:inherit}.app{display:flex;flex-direction:column;min-height:100dvh}.scroll{flex:1;overflow:auto;padding:16px 16px 8px}header,.banner,.card,form,.dock{margin-bottom:12px}.banner,.card,form,.dock,header{background:#2a251f;border-radius:16px;padding:12px}.banner{background:#5c3b2e}details summary{cursor:pointer}.error{background:#6e2e2e}.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.transcript{min-height:8rem}.line{margin:0 0 8px}.dock{display:grid;grid-template-columns:1fr 1fr;gap:8px;position:sticky;bottom:0;margin:0;border-radius:0}.preview{width:min(100%,280px);max-height:180px;background:#111;border-radius:12px}@media(min-width:800px){.scroll{max-width:880px;margin:0 auto;width:100%}.dock{max-width:880px;margin:0 auto;width:100%;border-radius:16px 16px 0 0}}