.live-intro{display:flex;justify-content:space-between;gap:16px;align-items:center;background:#e2eee7;padding:13px 18px;border:1px solid #c7ded0;border-radius:9px 9px 0 0;color:#285842;font-size:13px}.live-intro span{font-size:11px;max-width:360px}.live-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}.live-planner{border:1px solid #d1ddd5;background:white;border-radius:0 0 10px 10px;overflow:hidden}.live-planner iframe{width:100%;height:680px;border:0;display:block}.live-planner .screen-bar{padding:12px 15px;font-size:10px}.live-coach{margin-top:18px;padding:22px}.live-coach h2{font-size:23px}.live-coach p{font-size:14px}.live-coach .actions{display:flex;gap:8px;flex-wrap:wrap}.live-coach button{font-size:12px}.live-coach .build-small{font-size:11px;color:#63766c}.build-tools{display:flex;gap:16px;margin:16px 0}.live-coach #build-status{border-left:3px solid #569672;padding-left:10px;font-size:12px}.build-badge{display:block;font-size:9px;color:#bce7cf;white-space:nowrap}.live-coach #build-progress{font-size:11px;color:#60756a}body:has(#course-planner) #main{max-width:none;padding:24px}body:has(#course-planner) .lesson-head h1{font-size:29px}body:has(#course-planner) .lesson-head{margin-bottom:16px}@media(max-width:1150px){.live-layout{grid-template-columns:minmax(0,1fr)}.live-coach{grid-row:1;margin-top:0}.live-coach .hint,.live-coach .build-small{display:none}.live-planner iframe{height:620px}.live-intro{display:block}.live-intro span{display:block}}@media(min-width:1151px){body:has(#course-planner) #sidebar{width:240px}body:has(#course-planner)>.workspace{margin-left:240px}}
@media(min-width:851px){.live-layout{grid-template-columns:minmax(0,1fr) 250px}.live-coach{grid-row:auto;margin-top:0;padding:18px}.live-coach .hint,.live-coach .build-small{display:block}body:has(#course-planner) #sidebar{width:220px}body:has(#course-planner)>.workspace{margin-left:220px}body:has(#course-planner) #main{padding:18px}.live-coach h2{font-size:21px}}
#lessons .lesson-link>span:last-of-type{min-width:0}#lessons .lesson-link.active .build-badge{color:#2e6951}.live-coach #build-progress::after{content:' Saved separately for this browser.'}
.live-planner{position:relative}.planner-loading{position:absolute;inset:44px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:30px;background:#f4f8f5;color:#264939;text-align:center}.planner-loading[hidden]{display:none}.planner-loading strong{font-size:21px}.planner-loading p{font-size:14px;max-width:360px;margin:0}
/* Keep the working application readable on smaller desktop windows. */
@media(max-width:1199px){.live-layout{grid-template-columns:minmax(0,1fr)}.live-coach{grid-row:1;padding:18px;margin:0}.live-coach .hint,.live-coach .build-small{display:none}.live-coach h2{font-size:21px}.live-planner iframe{height:820px}}
@media(min-width:1200px){.live-layout{grid-template-columns:minmax(0,1fr) 260px}.live-planner iframe{height:820px}}