:root{--ink:#1c302d;--paper:#f7f2e8;--gold:#bd8a36;--sage:#dce6d9;--line:#d4cab7}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px system-ui,sans-serif}main{max-width:1400px;margin:auto;padding:44px 16px}header{max-width:680px}.eyebrow{font-size:.72rem;letter-spacing:.14em;color:#7d6943;font-weight:700}h1{font:clamp(2.3rem,6vw,4.5rem) Georgia,serif;margin:.15em 0}h2{font:1.6rem Georgia,serif;margin:.1em 0}.upload-card,.shan,.panel{background:#fff;border:1px solid var(--line);border-radius:16px}.upload-card{margin:42px 0 26px;padding:24px}form{display:flex;gap:16px;align-items:end;flex-wrap:wrap}label{display:grid;gap:8px;font-weight:650;flex:1;min-width:220px}input,select,button{font:inherit}input,select{padding:11px;border:1px solid var(--line);border-radius:8px;background:#fff}button{border:0;border-radius:8px;background:var(--ink);color:#fff;padding:12px 18px;font-weight:700;cursor:pointer}.shan{display:flex;justify-content:space-between;align-items:center;padding:22px;margin-bottom:24px;gap:20px}.shan audio{width:min(480px,100%)}.columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.panel{overflow:visible}.panel-head{width:100%;border-radius:16px 16px 0 0;background:var(--sage);color:var(--ink);display:flex;justify-content:space-between;text-align:left}.clips{padding:14px;display:grid;gap:12px;min-height:80px}.clips.closed{display:none}.clip{min-width:0;border-bottom:1px solid var(--line);padding-bottom:12px;cursor:grab}.clip.dragging{opacity:.35}.clips.drag-over,.clip.drag-over{border-top:3px solid var(--gold)}.clip:last-child{border-bottom:0}.clip small{display:block;color:#6e716c;margin-bottom:8px}.clip audio{display:block;width:100%;max-width:100%;min-width:0;height:34px}.clip-title{display:flex;align-items:flex-start;gap:7px;min-width:0}.clip-title small{flex:1;min-width:0;overflow-wrap:anywhere}.clip-actions{position:relative;flex:none}.clip-menu-button{padding:2px 7px;background:var(--ink);color:#fff;font-size:.8rem;line-height:1.2}.clip-menu{display:none;position:absolute;right:0;top:30px;z-index:5;width:132px;padding:5px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 5px 16px #0002}.menu-open .clip-menu{display:grid;gap:3px}.clip-menu button{padding:8px;background:#fff;color:var(--ink);text-align:left;font-size:.84rem}.clip-menu .delete-action{color:#9a2e25}.empty{color:#7a7e75;font-size:.9rem}#status{min-height:1.5em;color:#796133;font-weight:650}dialog{border:1px solid var(--line);border-radius:16px;max-width:460px;color:var(--ink);padding:26px;box-shadow:0 10px 50px #0005}dialog::backdrop{background:#1c302d77}dialog form{display:block}dialog p{line-height:1.45}.split-time{display:flex;gap:12px}.split-time label{min-width:0}.split-time input{width:100%}#split-error,#merge-error{min-height:1.4em;color:#9a2e25}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.secondary{background:#e9e4d9;color:var(--ink)}@media(max-width:780px){main{padding:32px 16px}.columns{grid-template-columns:1fr}.shan{align-items:flex-start;flex-direction:column}}