.play-root{background:var(--color-card);flex-direction:column;height:100vh;display:flex}.play-bar{border-bottom:1px solid var(--doc-line);flex-shrink:0;align-items:center;gap:16px;padding:12px 20px;display:flex}.play-back-link{color:var(--doc-muted);font-size:13px;font-weight:600;text-decoration:none}.play-back-link:hover{color:var(--doc-indigo)}.play-title{color:var(--doc-ink);flex:1;font-size:14px;font-weight:700}.play-share-btn{border:1px solid var(--doc-line);background:var(--color-card);color:var(--doc-body);cursor:pointer;border-radius:8px;padding:7px 16px;font-size:13px;font-weight:600}.play-share-btn:hover{background:var(--doc-wash)}.play-body{flex:1;grid-template-columns:1fr 1fr;min-height:0;display:grid}@media (max-width:800px){.play-body{grid-template-rows:1fr 1fr;grid-template-columns:1fr}}.play-editor{border:none;border-right:1px solid var(--doc-line);resize:none;color:#e2e8f0;width:100%;height:100%;font-family:var(--font-mono);tab-size:2;background:#0f1117;outline:none;margin:0;padding:20px;font-size:13px;line-height:1.7}.play-preview{padding:24px;overflow-y:auto}