#camera-preview,#scan-preview{display:block;max-width:100%;max-height:420px;margin:1rem auto;background:#fff;border:1px solid #eac5cc;border-radius:8px}#camera-preview[hidden],#editor[hidden],audio[hidden]{display:none}.media-row{padding:1rem;margin:1rem 0;border:1px solid #eac5cc;border-radius:10px;background:#fff8f9}.media-row button{margin:.3rem}.media-row input{max-width:180px}.media-row audio,audio#output-preview{width:100%;margin:1rem 0}button:disabled{opacity:.5}#progress{width:100%}
.media-row{overflow-wrap:anywhere}#status{margin:1rem 0;font-weight:600}.tool-icon{font-size:2.5rem}
.audio-clip-title{font-size:1.15rem;overflow-wrap:anywhere;margin:0 0 .25rem}.trim-layout{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:1.4rem;align-items:center}.trim-visual{min-width:0}.wave-padding{padding:14px 18px 0}.wave-track{position:relative;height:176px;background:#fff0f3;border-radius:10px;box-shadow:inset 0 0 0 1px #efd3d8}.wave-canvas{width:100%;height:176px;display:block;border-radius:10px}.wave-selection{position:absolute;top:0;bottom:0;border:2px solid #b83245;background:rgba(184,50,69,.06);pointer-events:none}.wave-selection.is-delete{background:repeating-linear-gradient(135deg,transparent,transparent 6px,rgba(184,50,69,.12) 6px,rgba(184,50,69,.12) 9px);border-style:dashed}.suite-panel .wave-handle{position:absolute;top:-5px;height:186px;width:28px;padding:0;margin:0;transform:translateX(-50%);border:2px solid #fffafa;background:#b83245;color:white;border-radius:7px;cursor:ew-resize;touch-action:none;z-index:2;font-size:16px;user-select:none}.wave-handle:focus-visible{outline:3px solid #702335;outline-offset:3px}.wave-cursor{position:absolute;top:0;bottom:0;width:2px;background:#54202b;pointer-events:none;z-index:1}.wave-ruler{display:flex;justify-content:space-between;font-size:.7rem;color:#725d63;font-variant-numeric:tabular-nums;padding-top:10px;gap:4px}.trim-controls{display:flex;flex-direction:column;gap:.7rem;padding:1rem;background:#ffe7eb;border-radius:12px}.trim-controls input[type=text],.trim-controls select{width:100%;font-variant-numeric:tabular-nums}.trim-controls .trim-check{display:flex;flex-direction:row;align-items:center;gap:.5rem}.trim-check input[type=checkbox]{width:auto}.trim-summary{font-weight:650;color:#702335;font-size:.9rem}.trim-transport{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin:.9rem 0 0}.trim-clock{font-size:.85rem;font-variant-numeric:tabular-nums;color:#725d63}.audio-trimmer>.suite-help{font-size:.8rem} @media(max-width:720px){.trim-layout{grid-template-columns:1fr;gap:.7rem}.trim-controls{display:grid;grid-template-columns:1fr 1fr}.trim-controls>label:first-child,.trim-summary{grid-column:1/-1}.wave-padding{padding-left:15px;padding-right:15px}.trim-controls label{min-width:0}}
