/* Header home picker, readable inspector and stage help. */
.header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:24px;padding:0 28px}
.header .brand{white-space:nowrap}.brand-mark{width:48px;height:48px;border-radius:12px;background:transparent;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.brand-mark img{width:82px;height:82px;max-width:none;flex-shrink:0;object-fit:contain}
.header .project{display:flex;align-items:center;justify-content:center;gap:10px;min-width:0}.project #save-status{white-space:nowrap;flex-shrink:0}.project .status-dot{flex-shrink:0}.header .home-picker{display:flex;flex:0 1 470px;min-width:0;gap:8px;margin:0;flex-wrap:nowrap}.header .home-picker select{width:100%;max-width:330px;min-width:100px;font-size:13px}.header .home-picker button{font-size:13px;white-space:nowrap}.header-actions{flex-shrink:0}.header-actions .btn{white-space:nowrap}
main{grid-template-columns:292px minmax(300px,1fr) 300px}.inspector{padding-left:24px;padding-right:24px}.inspector .field{margin-bottom:18px}.inspector .surface-settings{gap:12px}.workspace-heading{align-items:center}.workspace-heading h2{margin-top:8px}.home-heading{min-width:0}.home-heading h2{min-width:0}
.view-controls{align-items:center;z-index:10}.view-controls #stage-tips-toggle{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;padding:0;margin-right:2px;color:#708071}.view-controls #stage-tips-toggle span{width:19px;height:19px;display:grid;place-items:center;border:1.5px solid currentColor;border-radius:50%;font-size:13px;font-weight:700;line-height:1}.view-controls #stage-tips-toggle:hover{background:#e7eee6}
.stage-tips{position:fixed;inset:auto;margin:0;padding:19px 21px;border:1px solid #d9dfd4;border-radius:12px;background:#fffefa;color:var(--ink);box-shadow:0 10px 35px #2633472b;overflow:auto;box-sizing:border-box}.stage-tips:not(:popover-open){display:none}.stage-tips:popover-open{display:block}.stage-tips>span{display:block;font-size:16px;font-weight:650;color:#45644f}.stage-tips p{font-size:13px;line-height:1.6;margin:10px 0 16px;color:#737b73}.stage-tips .tips-shortcuts{font-size:12px;line-height:1.7;gap:10px;color:#66715f}.stage-tips .tip-shortcut-row{min-height:25px}.stage-tips::backdrop{background:transparent}
@media(min-width:1500px){main{grid-template-columns:322px minmax(400px,1fr) 320px}.inspector{padding-left:26px;padding-right:26px}}
@media(min-width:1900px){main{grid-template-columns:430px minmax(400px,1fr) 340px}}
@media(max-width:1180px){.header{gap:16px;padding:0 20px}.header .brand{font-size:21px}.header .project{flex-wrap:wrap;justify-content:flex-start;gap:5px 8px}.header .home-picker{flex-basis:100%;gap:6px}.header .home-picker button{padding:6px 8px}.header .home-picker select{padding:5px 7px}.header .project .status-dot,.header .project #save-status{display:block}.header-actions .btn{padding:9px 11px}main{grid-template-columns:235px minmax(300px,1fr) 280px}.inspector{padding-left:20px;padding-right:20px}}
@media(max-width:1000px) and (min-width:851px){main{grid-template-columns:210px minmax(280px,1fr) 270px}.workspace{padding-left:14px;padding-right:14px}.library{padding-left:14px;padding-right:14px}.header{gap:12px}.header .brand{font-size:19px}.header .home-picker button{font-size:12px}.header-actions .btn{padding:9px;font-size:12px}}
@media(max-width:850px){.header{height:auto;min-height:110px;padding:15px 20px;grid-template-columns:1fr auto;gap:12px}.header .project{display:flex;grid-row:2;grid-column:1/-1;flex-wrap:nowrap}.header .home-picker{flex-basis:auto;flex:1}.header-actions{grid-column:2;grid-row:1}.header .home-picker select{max-width:none}main{height:auto;grid-template-columns:200px minmax(0,1fr)}.inspector{grid-column:1/-1;padding:23px;grid-template-columns:repeat(4,minmax(0,1fr))}.stage-tips>span{display:block}}
@media(max-width:600px){.header{padding:12px 14px;gap:10px}.header .brand{font-size:18px}.brand-mark{width:42px;height:42px}.brand-mark img{width:72px;height:72px}.header .project{flex-wrap:wrap}.header .home-picker{flex-basis:100%}.header-actions .btn{font-size:11px;padding:8px}.header .home-picker button{font-size:13px}.inspector{grid-template-columns:1fr 1fr}main{display:flex}.home-heading{flex-basis:auto}.workspace-heading{flex-wrap:nowrap}.stage-tips{padding:16px}}
@container(max-width:660px){.view-controls{left:auto;right:10px;width:max-content;max-width:calc(100% - 20px)}.scene-tag{top:19px}}