/* Stable action area for continuous translation. */
html,body{height:100%;overflow:hidden;overscroll-behavior:none}
body .app,body:not(.immersive) .app{position:fixed;top:0;left:50%;transform:translateX(-50%);width:100%;height:var(--ml-frame-height,100svh);min-height:0;display:flex;flex-direction:column;padding-top:max(8px,env(safe-area-inset-top));padding-bottom:max(4px,env(safe-area-inset-bottom));overflow:hidden}
.app>header,.app>footer{flex-shrink:0}.app>header{margin-bottom:10px}.app>footer{height:36px;margin-top:4px}
.workspace{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.workspace>:not(.transcript-panel){flex-shrink:0}
.transcript-panel{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.conversation,body:not(.immersive) .conversation{flex:1;min-height:0;max-height:none;height:auto;overscroll-behavior:contain}.empty{min-height:0}
.workspace .status-row{height:42px;min-height:42px;padding:4px 14px;overflow:hidden}.workspace .status-row[hidden]{display:flex!important;visibility:hidden}.status-row #status{max-height:34px;line-height:17px;overflow:auto}
.workspace #error{position:absolute;z-index:4;left:6px;right:6px;bottom:166px;max-height:min(180px,35svh);overflow:auto;margin:0;box-shadow:0 4px 18px #0006}
.workspace .meter{display:block;height:2px;margin:2px 14px;flex-shrink:0}.workspace .controls{height:66px;min-height:66px;padding:8px 12px 6px;flex-wrap:nowrap}
.workspace .main-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:52px;gap:10px;width:100%;max-width:540px;flex-wrap:nowrap}.main-actions #start,.main-actions #pause{grid-column:1;grid-row:1}.main-actions #stop{grid-column:2;grid-row:1}
.main-actions:has(#stop[hidden]) #start{grid-column:1 / -1}
.main-actions #stop{background:var(--raised);border:1px solid var(--line);color:var(--text);font-weight:500}
.workspace .main-actions>button{width:100%;height:52px;min-height:52px;min-width:0;padding:0 8px;white-space:nowrap;overflow:hidden;font-size:15px;transform:none!important}.workspace .mini-tools{display:flex!important;align-items:center;justify-content:center;gap:16px;height:36px;min-height:36px;padding:0 12px}.mini-tools>button{min-height:32px;height:32px}
body.immersive .app{left:0;transform:none;width:100%;height:var(--ml-frame-height,100svh)}
@media(orientation:landscape) and (max-height:550px){body:not(.immersive) .app>footer{position:static;height:28px}.workspace .status-row{height:28px;min-height:28px}.status-row #status{max-height:22px;line-height:22px}.workspace .controls{height:54px;min-height:54px;padding:4px 12px}.workspace .main-actions{grid-template-rows:46px}.workspace .main-actions>button{height:46px;min-height:46px}.workspace .mini-tools{height:30px;min-height:30px}.workspace #error{bottom:128px}}