html,body,#app{height:100%;min-height:0;overflow:hidden}
.th{height:100dvh;min-height:0;width:100%;max-width:none;display:flex;flex-direction:column;padding:18px 24px;gap:12px;overflow:hidden}
.top,.foot{flex:none}.layout{min-height:0;flex:1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(310px,.9fr);gap:24px}
.top{margin-bottom:0}.layout{align-items:stretch;grid-template-rows:minmax(0,1fr)}.layout>.stage-col,.layout>.work-col{height:100%;max-height:100%;position:relative;top:auto}.scene .room{transform:none;aspect-ratio:auto;max-height:none}
.work-col:has(.brew){overflow:hidden;padding-bottom:0}.work-col .brew{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;padding-bottom:12px}.brew-fields{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:5px}.brew .serve-row{position:static;margin:0;padding-top:8px;border-top:1px solid var(--zc-border);background:transparent}.brew .tea-slip-head{padding-bottom:10px}
@media(max-width:700px){.brew .tea-slip-head>div>span{display:none}.brew .tea-slip-head h2{font-size:17px;white-space:nowrap;max-width:none;margin:0 0 4px}.brew .tasting-cup{width:38px;height:32px}.brew .tea-slip-head{padding-bottom:8px}.work-col .brew{gap:7px}.brew .brew-step summary{font-size:17px;min-height:36px}}
.stage-col{min-height:0;display:flex;flex-direction:column}.scene{min-height:100px;flex:1;height:auto;max-height:none;aspect-ratio:auto;overflow:hidden}.scene svg{height:100%;width:100%}.guest{max-height:40%;overflow:auto;overscroll-behavior:contain;flex:none}.work-col{min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 5px 5px 0;scrollbar-width:thin}.work-col .panel{min-height:0}.serve-row{position:sticky;bottom:0;z-index:2;background:var(--zc-surface);padding-top:8px}.foot{margin:0;padding-top:5px}
@media(max-width:700px){.th{padding:10px 12px;gap:8px}.top{gap:6px}.top h1{font-size:26px}.controls button{min-height:36px;font-size:10px}.layout{grid-template-columns:1fr;grid-template-rows:minmax(160px,.8fr) minmax(0,1.2fr);gap:10px}.stage-col{gap:5px}.room-caption{font-size:6px}.scene{min-height:70px}.guest{max-height:48%;padding:10px 12px}.guest h2{font-size:18px}.guest .role{font-size:10px}.guest .need{font-size:11px;margin:5px 0}.arrival-note{font-size:10px}.foot{font-size:8px}.tea-slip-head{padding-bottom:10px}.tea-slip-head h2{font-size:23px}.brew-step summary{min-height:43px}}