.live-page{width:100%;min-height:calc(100vh - 92px);padding:64px clamp(24px,5vw,88px)}
.live-shell{min-height:calc(100vh - 190px);border:1px solid var(--line);background:rgba(4,12,6,.72);padding:30px}
.live-head{display:flex;align-items:end;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line);padding-bottom:25px}
.live-head h1{margin:0;color:#e6f8e9;font:500 clamp(28px,4.3vw,54px) 'DM Mono';letter-spacing:-.07em}
.live-intro{max-width:620px;margin:16px 0 0;color:var(--muted);font:12px 'DM Mono';line-height:1.65}
.live-state{display:flex;align-items:center;gap:8px;flex:none;color:var(--green);font:10px 'DM Mono';letter-spacing:.1em;white-space:nowrap}
.live-state .status-dot{margin:0;background:var(--green);box-shadow:0 0 10px var(--green)}
.live-state[data-state=connecting] .status-dot{background:#ffd34f;box-shadow:0 0 10px #ffd34f}
.live-state[data-state=error]{color:#ff8473}
.live-state[data-state=error] .status-dot{background:#ff725d;box-shadow:0 0 10px #ff725d}
.live-toolbar{display:flex;justify-content:space-between;gap:20px;padding:16px 0 12px;color:var(--muted);font:10px 'DM Mono';letter-spacing:.04em}
.live-toolbar span:last-child{color:#6f9074}
#liveNote{display:block;width:100%;min-height:calc(100vh - 355px);resize:vertical;padding:25px;border:1px solid #315e38;background:rgba(7,16,9,.82);color:#e6f8e9;caret-color:var(--green);font:15px/1.8 'DM Mono';outline:0;tab-size:2}
#liveNote::placeholder{color:#4e7355}
#liveNote:focus{border-color:var(--green);box-shadow:0 0 24px #b7ff541b}
.live-foot{display:flex;justify-content:space-between;gap:20px;padding-top:13px;color:#55745b;font:9px 'DM Mono';letter-spacing:.08em}
.live-foot span:first-child{color:var(--green)}
@media(max-width:700px){.live-page{padding:34px 14px 22px}.live-shell{padding:20px 16px}.live-head{align-items:flex-start;flex-direction:column;gap:20px}.live-head h1{font-size:30px}.live-toolbar,.live-foot{align-items:flex-start;flex-direction:column;gap:8px}#liveNote{min-height:calc(100vh - 350px);padding:18px;font-size:13px}}