#sm-app{margin:0 auto 24px}
#sm-app [hidden]{display:none!important}
#sm-app button,#sm-app input,#sm-app select,#sm-app textarea{max-width:100%}
#sm-app .tool-select{appearance:none;min-height:46px;height:auto;padding-inline-end:32px}
#sm-app button{min-height:46px;overflow-wrap:anywhere;white-space:normal}
#sm-app button:disabled{opacity:.5;cursor:default}
#sm-app button:focus-visible,#sm-app summary:focus-visible{outline:2px solid var(--site-accent);outline-offset:3px}
.sm-settings{margin:12px 0 18px;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.sm-drop{margin-top:18px;min-height:120px}
#sm-list{max-height:520px;overflow:auto;overscroll-behavior:contain;padding:4px 0;margin:12px 0}
.sm-file{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:10px;align-items:center;margin:8px 0;padding:12px;border:1px solid var(--site-border);border-radius:8px;background:var(--site-surface)}
.sm-name{font-weight:600;overflow-wrap:anywhere;min-width:0;text-align:start}
.sm-meta{margin-top:4px!important;overflow-wrap:anywhere}
.sm-row-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.sm-row-actions button,.sm-drag{padding:6px 10px;min-width:46px;border:1px solid var(--site-border);background:var(--site-surface);color:var(--site-text);border-radius:6px}
.sm-drag{width:46px;touch-action:none;cursor:grab;font-size:24px}
.sm-file.is-reorder-source{opacity:.45}.sm-file.is-reorder-before::before,.sm-file.is-reorder-after::after{content:"";position:absolute;inset-inline:0;height:3px;background:var(--site-accent);pointer-events:none}
.sm-file.is-reorder-before::before{top:-5px}.sm-file.is-reorder-after::after{bottom:-5px}
.sm-drag-preview{position:fixed;z-index:9999;padding:12px;max-width:280px;overflow-wrap:anywhere;background:var(--site-surface);border:1px solid var(--site-accent);border-radius:8px;box-shadow:0 8px 24px #0003;pointer-events:none;color:var(--site-text)}
.sm-advanced{margin:20px 0;padding-block:14px;border-block:1px solid var(--site-border)}
.sm-advanced summary{cursor:pointer;font-weight:600;min-height:46px;display:flex;align-items:center;gap:8px}
.sm-advanced summary::before{content:"+"}.sm-advanced[open] summary::before{content:"−"}
#sm-duration-list{max-height:520px;overflow:auto;padding:0 4px 4px;overscroll-behavior:contain}
#sm-duration-list .tool-form-field{margin-top:16px;max-width:100%;display:block}
#sm-duration-list label{display:block;overflow-wrap:anywhere;margin-bottom:8px}
#sm-duration-list input{max-width:320px;min-height:46px}
#sm-split-settings{margin-top:20px}#sm-cuts{width:100%;min-height:100px;margin-top:8px}
#sm-progress{width:100%;margin-top:16px;accent-color:var(--site-accent)}
#sm-result{border-top:1px solid var(--site-border);margin-top:20px;padding-top:18px}
.sm-output{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid var(--site-border)}
.sm-output>div{min-width:0}.sm-output button{flex-shrink:0}
.sm-local{margin-top:20px!important}
@media(max-width:640px){.sm-file{grid-template-columns:46px minmax(0,1fr);align-items:start}.sm-row-actions{grid-column:2}.sm-output{align-items:start;flex-direction:column}.sm-output button{align-self:stretch}.sm-settings{grid-template-columns:minmax(0,1fr)}}