.creative-tree{min-width:0}.tree-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.tree-viewport{overflow:auto;max-height:620px;min-height:260px;border:1px solid var(--line);border-radius:18px;background:var(--surface-2);cursor:grab;margin:18px 0;overscroll-behavior:contain}.tree-viewport:active{cursor:grabbing}.tree-canvas{width:max-content;min-width:100%;padding:32px;box-sizing:border-box;direction:ltr}.tree-canvas ul{list-style:none;display:flex;justify-content:center;gap:24px;padding:28px 0 0;margin:0}.tree-canvas>ul{padding-top:0}.tree-canvas li{display:flex;align-items:center;flex-direction:column;position:relative}.tree-canvas li:before{content:'';height:28px;width:1px;background:var(--accent-line);position:absolute;top:-28px}.tree-canvas>ul>li:before{display:none}.tree-canvas li>ul{position:relative}.tree-canvas li>ul:before{content:'';position:absolute;top:0;inset-inline:12%;height:1px;background:var(--accent-line)}.tree-node{width:226px;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--ink);padding:10px;direction:rtl}.tree-node.on-path{border-color:var(--violet)}.tree-node.selected{outline:2px solid var(--violet);outline-offset:3px}.tree-node-select{display:flex;gap:10px;width:100%;text-align:start;color:inherit;background:none;padding:4px}.tree-node-select .avatar{flex:0 0 38px;width:38px;height:38px;min-width:38px}.tree-node-select span:last-child{min-width:0}.tree-node b{font-size:14px;display:block;overflow-wrap:anywhere}.tree-node small{display:block;font-size:12px;color:var(--muted);margin-top:6px}.tree-node .text-btn{font-size:12px;min-height:40px}.tree-detail{padding:22px;border:1px solid var(--accent-line);border-radius:18px;background:var(--accent-soft)}.tree-detail h3{margin:8px 0}.tree-detail p{line-height:1.8;margin:10px 0;white-space:pre-wrap}.tree-detail .inline-actions{flex-wrap:wrap}.tree-list{display:grid;gap:8px;margin-block:16px}.tree-list button{display:flex;flex-direction:column;gap:8px;text-align:start;padding:16px;border:1px solid var(--line);border-radius:14px;color:var(--ink);background:var(--surface)}.tree-list button[aria-pressed=true]{border-color:var(--violet);background:var(--accent-soft)}.tree-list span{color:var(--muted);font-size:13px}.creative-tree button:focus-visible,.tree-viewport:focus-visible,.cover-presets button:focus-visible{outline:3px solid var(--violet);outline-offset:3px}
.cover-editor{border:0;min-width:0;padding:0}.cover-editor legend{font-weight:600;margin-bottom:12px}.cover-preview{height:180px;border-radius:16px;overflow:hidden;background:var(--surface-2);margin-bottom:16px}.cover-preview img{width:100%;height:100%;object-fit:cover}.cover-editor input[type=range]{padding:0;min-height:32px;accent-color:var(--violet)}.cover-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:16px 0}.cover-presets button{padding:3px;border:2px solid transparent;background:var(--surface-2);border-radius:12px;overflow:hidden}.cover-presets button[aria-pressed=true]{border-color:var(--violet)}.cover-presets img{width:100%;aspect-ratio:2;object-fit:cover;border-radius:7px}.creative-agent-card{display:flex;gap:22px;align-items:center;margin:36px 0;padding:28px;border:1px solid var(--accent-line);border-radius:22px;background:var(--surface);color:var(--ink)}.creative-agent-card h2{font-size:clamp(22px,3vw,34px);margin-block:12px}.creative-agent-card p{font-size:16px;color:var(--muted);line-height:1.9}.creative-agent-card .btn{flex-shrink:0}.agent-info p,.agent-info li{font-size:16px;line-height:1.9;margin-block:16px}.agent-info ul{padding-inline-start:24px}.agent-info .btn:disabled{opacity:.5;cursor:not-allowed}.lyrics{white-space:pre-wrap;line-height:2.2}
html[dir=ltr] .tree-node{direction:ltr}@media(max-width:650px){.creative-agent-card{flex-direction:column;align-items:flex-start;padding:22px}.cover-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.tree-detail{padding:16px}.tree-viewport{max-height:480px}.tree-toolbar .btn{min-height:44px}}
.work-credits{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.work-credit-list{display:flex;flex-wrap:wrap;gap:10px;margin-block:12px}
.work-credit-list>button{display:flex;align-items:center;gap:8px;min-height:48px;padding:6px 10px;background:var(--surface,var(--bg));color:var(--ink);border:1px solid var(--line);border-radius:14px;text-align:start}
.work-credit-list .avatar{width:32px;height:32px;min-width:32px;max-width:32px;flex:0 0 32px}
.work-credit-list small,.work-credit-list bdi{display:block}.work-credit-list small{font-size:12px;color:var(--muted)}.work-credit-list bdi{font-size:14px}
.work-credit-list>button:focus-visible{outline:2px solid var(--violet);outline-offset:2px}
.tree-sheet-body .lyrics{white-space:pre-line;font-size:14px;line-height:1.9;margin-block:14px}