.portal-workspace{grid-template-columns:minmax(260px,340px) minmax(0,1fr);align-items:start}.editor .section{margin-top:28px;padding-top:24px}.color-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.color-grid label{font-size:12px}.color-grid input{width:100%;height:44px;padding:3px;background:var(--paper);border:1px solid var(--rule);border-radius:8px}.label-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.label-grid input{min-width:0}.stage{position:sticky;top:108px;overflow:hidden}.stage-bar{background:var(--panel)}#portal-preview{display:block;width:100%;height:clamp(350px,58vh,620px);border:0;background:var(--paper)}.transport{padding:20px 24px;border-top:1px solid var(--rule)}.transport .actions{margin-top:12px}.transport .hint{margin:12px 0 0}#distance-value{float:right;font-variant-numeric:tabular-nums}.motion-option{display:flex;gap:12px;align-items:center;min-height:44px}.motion-option input{width:20px!important;flex:0 0 20px}.take-home{display:grid;grid-template-columns:1fr 1fr;gap:40px}.take-home p{max-width:65ch}#status{min-height:24px}@media(max-width:850px){.portal-workspace{grid-template-columns:1fr}.stage{position:static;grid-row:1}.editor{grid-row:2}.take-home{grid-template-columns:1fr;gap:16px}#portal-preview{height:420px}}@media(max-width:450px){.color-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.color-grid label{min-height:32px}#portal-preview{height:360px}.transport{padding:16px}.transport button{font-size:14px}}