/* One canvas scale for every studio, classroom and account view. */
:root{--workspace-width:1440px;--workspace-topbar:83px;--workspace-page-x:40px;--workspace-page-y:40px}
.app-shell main,.shell .content{min-width:0}.topbar{height:var(--workspace-topbar);min-height:var(--workspace-topbar);padding-left:var(--workspace-page-x);padding-right:var(--workspace-page-x)}.page{width:100%;max-width:var(--workspace-width);min-height:calc(100vh - var(--workspace-topbar));margin:0 auto;padding:var(--workspace-page-y) var(--workspace-page-x) 72px}.welcome,.heading,.hero{min-height:108px;margin-bottom:28px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.welcome h1,.heading h1,.hero h2{margin:0 0 8px;font:clamp(36px,3.2vw,48px)/1.1 Georgia,"Songti SC",serif;letter-spacing:-.025em}.welcome p:not(.eyebrow),.heading p:not(.eyebrow),.hero p{margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.65}.eyebrow{margin:0 0 9px;font-size:10px;line-height:1.4;letter-spacing:.18em}.panel,.metric,.card{border-radius:18px}.panel{padding:24px}.panel-pad,.form-panel,.preview,.settings-panel{padding:24px}.panel-title,.panel-head{min-height:44px;margin-bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:14px}.panel-title h2,.panel-head h3{margin:0;font:20px/1.3 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-weight:750}.panel-title button,.panel-head button,.ghost,.text-button{font-size:12px}.panel-head p,.help,.hint{font-size:12px;line-height:1.65}.primary,.secondary,.ghost,.danger,.danger-button{min-height:42px;border-radius:11px;padding:0 16px;font-size:13px;font-weight:750}.field{gap:7px}.field label{font-size:12px;font-weight:750}.field input,.field select,.field textarea{min-height:44px;border-radius:10px;padding:11px 12px;font-size:13px}.field textarea{min-height:96px}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.metric{min-height:122px;padding:20px;display:flex;align-items:flex-end}.metric strong{font-size:32px;line-height:1.1}.metric p,.metric span{font-size:13px}.empty p{font-size:12px;line-height:1.65}.topbar .search input{font-size:13px}.topbar .service-chip,.topbar .account-chip{font-size:11px}.local-banner strong{font-size:13px}.local-banner p{font-size:12px;line-height:1.55}.action-card small,.action-card b{font-size:12px;line-height:1.5}.resource-row strong{font-size:13px}.resource-row p{font-size:11px;line-height:1.5}.tags span{font-size:10px}.status{font-size:11px}.quick-stat span{font-size:11px}.path-card p{font-size:11px}.path-card code{font-size:10px}.toolbar{min-height:58px}.toolbar input,.toolbar select,.toolbar small{font-size:12px}.card-kicker,.card-actions button{font-size:11px}.card-summary{height:42px;font-size:12px;line-height:1.6}.step p,.form-note{font-size:11px}.package .lead,.package-section p,.package-section li{font-size:13px}.pipeline-item strong{font-size:13px}.pipeline-item small{font-size:11px}.modal .summary{font-size:13px}.detail-grid ul{font-size:12px}.item p,.item small,.course-card p{font-size:13px}
@media(max-width:1100px){:root{--workspace-page-x:28px;--workspace-page-y:34px}.welcome,.heading,.hero{min-height:100px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){:root{--workspace-topbar:68px;--workspace-page-x:18px;--workspace-page-y:26px}.page{padding-bottom:82px}.welcome,.heading,.hero{min-height:auto;align-items:flex-start;flex-direction:column}.welcome h1,.heading h1,.hero h2{font-size:34px}.panel,.panel-pad,.form-panel,.preview,.settings-panel{padding:18px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric{min-height:104px;padding:16px}.metric strong{font-size:27px}}