.modal:has(.timing-workspace){width:min(1050px,100%)}
.timing-guidance{position:relative;overflow:hidden;margin:18px 0 6px;padding:20px 23px;border:1px solid #e9aa8d66;border-radius:12px;background:linear-gradient(115deg,#302522 0%,#211f29 58%,#181922 100%);box-shadow:0 14px 36px #0003}
.timing-guidance:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(#f6c4a4,#db846f)}
.timing-guidance-kicker{display:block;color:#f0aa8c;font-size:10px;font-weight:850;letter-spacing:2px}
.timing-guidance h3{margin:6px 0 10px;color:#fff;font-size:clamp(22px,3vw,32px);line-height:1.12;letter-spacing:-.035em}
.timing-guidance h3 span{color:#efa88a}
.timing-guidance p{margin:8px 0 0!important;color:#e6d9d8!important;font-size:13px!important;line-height:1.6!important}
.timing-guidance strong{color:#fff}
.timing-workspace>audio{width:100%;margin:13px 0 18px;accent-color:#e9aa8d}
.timing-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.timing-columns>div{min-width:0;border:1px solid #ffffff24;border-radius:9px;background:#181922;padding:15px}
.timing-columns strong{display:block;color:#f1c0a6;font-size:11px;letter-spacing:.5px;text-transform:uppercase;margin-bottom:10px}
.timing-columns pre{font:12px/1.65 ui-monospace,Consolas,monospace;color:#d9d3dc;white-space:pre-wrap;overflow:auto;max-height:340px;margin:0}
.timing-columns textarea{width:100%;min-height:340px;font:12px/1.6 ui-monospace,Consolas,monospace!important;resize:vertical}
.timing-columns .btn{margin-top:12px;width:100%}
.timing-warning{font-size:11px!important;color:#a9a1ae!important;line-height:1.5!important}
.timing-ready{color:#d8c7ba!important;font-size:12px!important}
.timing-error{color:#f3aaa4!important;font-size:12px!important;overflow-wrap:anywhere}
.timing-working{display:flex;align-items:center;gap:9px;color:#f0c0a5!important;font-size:12px!important}
.timing-working span{width:10px;height:10px;flex:none;border-radius:50%;background:#e9a584;box-shadow:0 0 12px #e9a584;animation:timingPulse 1s ease-in-out infinite alternate}
.timing-language{display:grid;gap:7px;color:#eee;font-size:12px;font-weight:800}
.timing-language select{width:100%;border:1px solid #ffffff25;background:#10111a;color:#eee;border-radius:6px;padding:10px}
@keyframes timingPulse{to{opacity:.3;transform:scale(.65)}}
@media(max-width:700px){.timing-columns{grid-template-columns:1fr}.timing-columns pre,.timing-columns textarea{max-height:220px;min-height:220px}}