.dp{display:flex;flex-direction:column}.dp-panel{width:100%;max-width:560px;margin:0 auto 12px}.dp-board{width:100%;max-width:860px;margin:0 auto}.dp[data-portrait=true] .dp-board,.dp[data-portrait=true] .dp-panel{max-width:520px}.dp[data-portrait=false] .dp-board{max-width:min(860px,max(320px,calc((100dvh - 230px) * 806 / 600)))}.dp-bar{position:sticky;bottom:0;z-index:10;display:flex;align-items:center;gap:12px;margin:12px -16px 0;padding:8px 16px max(12px,env(safe-area-inset-bottom));background:var(--tv-bg);box-shadow:0 -14px 14px -2px var(--tv-bg)}.dp-status{flex:1 1 0;min-width:0;font-size:13px;line-height:1.3}.dp-submit{flex:1.25 1 0;min-width:0;max-width:58%}@media (min-width:640px){.dp-bar{position:static;flex-direction:column;align-items:stretch;gap:8px;width:100%;max-width:560px;margin:12px auto 0;padding:0;background:none;box-shadow:none}.dp-status{flex:0 0 auto;text-align:center;font-size:14px}.dp-submit{flex:0 0 auto;max-width:none}}@media (orientation:landscape) and (max-height:560px){.dp{display:grid;grid-template-columns:min(calc((100dvh - 24px) * 806 / 600),62%) minmax(0,1fr);grid-template-rows:auto 1fr;grid-template-areas:"board panel" "board bar";column-gap:16px;align-items:start}.dp[data-portrait] .dp-board{grid-area:board;max-width:none;margin:0}.dp[data-portrait] .dp-panel{grid-area:panel;max-width:none;margin:0}.dp-bar{grid-area:bar;position:static;flex-direction:column;align-items:stretch;gap:8px;align-self:end;width:auto;max-width:none;margin:12px 0 0;padding:0;background:none;box-shadow:none}.dp-status{flex:0 0 auto;text-align:left}.dp-submit{flex:0 0 auto;max-width:none}}