:root{color-scheme:dark;font-family:system-ui,sans-serif;color:#eef5f0;background:#101b17}*{box-sizing:border-box}body{margin:0}main{max-width:900px;margin:auto;padding:24px 18px 80px}header{display:flex;justify-content:space-between;gap:14px;align-items:center}a{color:#b5e2bc}h1{font-size:clamp(30px,5vw,48px);line-height:1.4;letter-spacing:-1px}h2{font-size:22px}.hero{padding:40px 4px 16px}.tag{color:#d8bc7a;letter-spacing:3px;font-size:12px}p,small{color:#b4c7bd;line-height:1.8}small{display:block;margin-top:12px}.card{background:#192820;border:1px solid #31473b;border-radius:22px;padding:24px;margin:20px 0;box-shadow:0 12px 35px #0002}label{display:block;font-weight:600;margin:14px 0}select,input[type=file],textarea{display:block;width:100%;padding:12px;margin-top:8px;border:1px solid #45604f;border-radius:10px;background:#101d17;color:inherit;font:inherit}button,.button{display:inline-block;min-height:46px;border:0;border-radius:10px;padding:12px 20px;background:#a4d6af;color:#102018;font:inherit;font-weight:700;text-decoration:none;cursor:pointer;margin:8px 8px 0 0}button:disabled{opacity:.45;cursor:not-allowed}.voice-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.auto-speakers{margin:14px 0;padding:12px;border:1px solid #45604f;border-radius:10px;background:#112119}.auto-speakers p{margin:6px 0 0}.segment{border-top:1px solid #344b3d;padding:18px 0}.segment p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0}.segment select{display:inline-block;width:min(220px,100%);margin-right:8px}.segment textarea{min-height:90px}.segment-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.segment-controls label{font-size:13px;margin:8px 0}.segment-controls input{display:block;width:100%;padding:12px;margin-top:5px;border:1px solid #45604f;border-radius:10px;background:#101d17;color:inherit;font:inherit}.segment-controls select{width:100%;margin:5px 0 0}.time{color:#dfbd77;font-size:14px}.speaker-warning{display:block;color:#f2c879;font-size:13px;margin:4px 0}.consent,.confirm{font-weight:400;line-height:1.8}.confirm{padding:12px;border:1px solid #45604f;border-radius:10px;background:#112119}.confirm input{margin-right:8px}#message{padding:12px 16px;border:1px solid #45604f;border-radius:10px}#price{color:#e2c889;padding:12px 0;white-space:pre-line}.history-row{display:flex;justify-content:space-between;align-items:center;gap:14px;border-top:1px solid #344b3d;padding:14px 0}.history-row span{overflow-wrap:anywhere}[hidden]{display:none!important}@media(max-width:700px){.segment-controls{grid-template-columns:1fr 1fr}}@media(max-width:550px){.voice-grid{grid-template-columns:1fr;gap:0}.card{padding:18px}header{font-size:13px}}

body,button,input,textarea,select{font-family:"Feature Thai","Noto Sans Thai",Tahoma,Arial,sans-serif}
.mode-note{padding:12px 14px;border:1px solid #45604f;border-radius:12px;background:#112119;color:#c6d9ce;line-height:1.7}.narration-source{max-height:220px;overflow:auto;padding:14px;border:1px solid #344b3d;border-radius:12px;background:#101d17;white-space:pre-wrap}.narration-editor textarea{min-height:180px}.narration-meta{display:flex;gap:14px;flex-wrap:wrap;color:#dfbd77;font-size:14px;margin:10px 0}.narration-editor label{margin-top:12px}