.studio-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.studio-heading h2{margin:0}.studio-heading h2 small{font-weight:400;color:var(--muted);font-size:13px}.studio-actions{display:flex;gap:8px;flex-wrap:wrap}.studio-layout{display:grid;grid-template-columns:180px minmax(240px,1fr) minmax(280px,1fr);gap:24px;align-items:start}.studio-tree{max-height:80dvh;overflow:auto;position:sticky;top:20px}.studio-tree>button[data-select]{display:flex;flex-direction:column;text-align:left;width:100%;background:transparent;border:0;border-left:3px solid transparent;padding:12px;color:var(--text);cursor:pointer}.studio-tree>button[data-select] small{font-size:10px;color:var(--muted)}.studio-tree>button[data-select].active{background:#e9f0e4;border-left-color:#276b57;color:#253d36}.studio-field{display:flex;flex-direction:column;font-size:13px;gap:6px;margin:16px 0}.studio-field input,.studio-field textarea,.studio-field select{font:inherit;max-width:100%;width:100%;padding:10px;border:1px solid #cdd4c4;border-radius:5px;background:var(--card,#fff);color:var(--text)}.studio-field textarea{resize:vertical}.studio-preview{border-radius:10px;overflow:hidden;pointer-events:none}.studio-preview .learn-card{padding:24px;min-height:200px}.studio-preview .learn-scene,.studio-preview .learn-tracing{grid-template-columns:1fr}.studio-preview .learn-photo{max-height:250px;object-fit:contain}.studio-preview .learn-card h1{font-size:25px}.studio-preview .learn-word>.learn-language>.learn-chinese{font-size:40px}
@media(max-width:1100px){.studio-layout{grid-template-columns:150px 1fr}.studio-layout>aside{grid-column:2}.studio-heading{align-items:flex-start;flex-direction:column}}
@media(max-width:650px){.studio-layout{grid-template-columns:1fr}.studio-tree{position:static;max-height:180px}.studio-layout>aside{grid-column:1}}