.layout-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:28px}
.layout-controls p{margin:0;color:#88738e;font-size:10px;line-height:1.8}
.layout-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
#reset-panel-sizes,#lock-panel-sizes{font-size:10px;background:#eee4f7}
#lock-panel-sizes[aria-pressed="true"]{background:#d7eabd;box-shadow:inset 2px 2px 0 #b3c89a}
.layout-controls+.converter{margin-top:calc(14px + var(--panel-offset-y,0px))}
.grid{display:flex;flex-direction:column;align-items:stretch;gap:25px}
#track-section,#tab-section{width:100%;flex:0 0 auto;min-width:0}
.track-columns{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
.track-source,.track-options{min-width:0}
.track-options .settings{margin-top:0}
@container(min-width:780px){.track-columns{grid-template-columns:minmax(260px,.85fr) minmax(0,1.6fr)}.track-options .settings{grid-template-columns:repeat(3,minmax(0,1fr))}}
[data-resizable]{margin-left:var(--panel-offset-x,0px);margin-top:var(--panel-offset-y,0px);position:relative;display:flex;flex-direction:column;min-width:0;max-width:100%;min-height:220px;container-type:inline-size}
[data-resizable][data-sized-width]{flex:0 0 auto}
[data-resizable]>.bar{flex:0 0 auto;min-height:45px}
[data-resizable]>.pad{min-width:0;min-height:0;overflow:auto;flex:1 1 auto;scrollbar-width:thin}
#tab-section[data-sized-height]>.pad{display:flex;flex-direction:column}
#tab-section[data-sized-height] .tab{flex:1 1 auto;min-height:120px;max-height:none}
#tab-section[data-sized-height] .statusrow,#tab-section[data-sized-height] .tools,#tab-section[data-sized-height] .tab-playback,#tab-section[data-sized-height] .play-hint,#tab-section[data-sized-height] .meta{flex-shrink:0}
.panel-resize-handle{position:absolute;z-index:5;appearance:none;padding:0;margin:0;border:0;border-radius:0;box-shadow:none;background:transparent;touch-action:none;user-select:none}
.panel-resize-handle:hover:enabled{background:transparent;box-shadow:none}
.panel-resize-handle:focus-visible{outline:2px dotted #775177;outline-offset:-4px;background:transparent}
.panel-resize-handle[data-edge="left"],.panel-resize-handle[data-edge="right"]{top:7px;bottom:7px;width:10px;cursor:ew-resize}
.panel-resize-handle[data-edge="left"]{left:-5px}
.panel-resize-handle[data-edge="right"]{right:-5px}
.panel-resize-handle[data-edge="top"],.panel-resize-handle[data-edge="bottom"]{left:7px;right:7px;height:10px;cursor:ns-resize}
.panel-resize-handle[data-edge="top"]{top:-5px}
.panel-resize-handle[data-edge="bottom"]{bottom:-5px}
.panel-resize-handle[data-edge*="-"]{width:12px;height:12px}
.panel-resize-handle[data-edge="top-left"]{top:-5px;left:-5px;cursor:nwse-resize}
.panel-resize-handle[data-edge="top-right"]{top:-5px;right:-5px;cursor:nesw-resize}
.panel-resize-handle[data-edge="bottom-left"]{bottom:-5px;left:-5px;cursor:nesw-resize}
.panel-resize-handle[data-edge="bottom-right"]{bottom:-5px;right:-5px;cursor:nwse-resize}
.panel-resizing,.panel-resizing *{user-select:none!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@container(max-width:650px){.converter-grid{grid-template-columns:1fr;gap:22px}.converter-intro{position:relative;padding-right:125px;min-height:85px}.converter-intro h2{font-size:15px;margin:10px 0}.converter-intro h2 br{display:none}.converter-intro .notice{max-width:none}.pixel-tape{position:absolute;right:0;top:10px}.converter-fields{grid-template-columns:1fr}.converter-actions{gap:10px}.converter-actions button,.download-button{flex:1 1 auto;text-align:center}}
@container(max-width:380px){.converter-intro{padding-right:0}.pixel-tape{display:none}[data-resizable]>.pad{padding:18px}.bar{gap:8px;font-size:10px}.settings{gap:12px}.statusrow{flex-wrap:wrap}}
@media(max-width:780px){#track-section,#tab-section{width:100%;flex:0 0 auto}.grid{gap:25px}.layout-controls{align-items:flex-start}}
@media print{.layout-controls,.panel-resize-handle{display:none!important}.grid{display:block}#track-section,#mp3-section{display:none!important}#tab-section{display:block!important;margin:0!important;width:auto!important;height:auto!important;min-height:0;container-type:normal}#tab-section>.pad{display:block!important;overflow:visible}#tab-section .tab{max-height:none;overflow:visible}}
