.materials-hub{height:100%;min-height:0;display:flex;flex-direction:column;color:var(--text)}
.materials-header{padding:20px 30px 14px;border-bottom:1px solid var(--border)}
.materials-header h1{margin:4px 0;font-size:21px;font-weight:600}
.materials-header p{margin:0;color:var(--text-secondary);font-size:12px;line-height:1.5}
.materials-tabs{display:flex;gap:4px;padding:8px 24px;border-bottom:1px solid var(--border);overflow-x:auto;flex:none}
.materials-tabs button{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:0 11px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--text-secondary);font:500 11px var(--font-sans);white-space:nowrap;cursor:pointer}
.materials-tabs button:hover{background:var(--bg-elevated);color:var(--text)}
.materials-tabs button.is-active{border-color:var(--border);background:var(--bg-elevated);color:var(--accent)}
.materials-content{flex:1;min-height:0;overflow:auto}
.materials-content>.studio-feature{min-height:100%;padding:18px 28px 30px}
.materials-content>.xp{padding:18px 28px 30px}
@media(max-width:760px){.materials-header{padding:16px 18px 12px}.materials-tabs{padding:7px 12px}.materials-content>.studio-feature,.materials-content>.xp{padding:14px 14px 22px}}