.play-root{background:#fff;flex-direction:column;height:100vh;display:flex}.play-bar{border-bottom:1px solid #e5e7eb;flex-shrink:0;align-items:center;gap:16px;padding:12px 20px;display:flex}.play-back-link{color:#6b7280;font-size:13px;font-weight:600;text-decoration:none}.play-back-link:hover{color:#4f46e5}.play-title{color:#0f0f0f;flex:1;font-size:14px;font-weight:700}.play-share-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:7px 16px;font-size:13px;font-weight:600}.play-share-btn:hover{background:#f9fafb}.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{resize:none;color:#e2e8f0;tab-size:2;background:#0f1117;border:none;border-right:1px solid #e5e7eb;outline:none;width:100%;height:100%;margin:0;padding:20px;font-family:ui-monospace,Cascadia Code,Fira Code,monospace;font-size:13px;line-height:1.7}.play-preview{padding:24px;overflow-y:auto}