@import"/assets/ui/index.css";.app-header{height:56px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:0 20px;padding-top:env(safe-area-inset-top)}.app-header .workspace-nav{justify-self:center}.header-tools{justify-self:end}.effects-page{max-width:1240px;margin:auto;padding:36px 20px 72px;display:flex;flex-direction:column;gap:28px;min-width:0;padding-bottom:max(72px,env(safe-area-inset-bottom))}.atlas-hero{max-width:820px}.atlas-nav{position:sticky;top:0;z-index:5;margin:0 -20px;padding-left:20px;padding-right:20px}.effects-grid{display:flex;flex-direction:column;gap:28px}.lab-card{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);scroll-margin-top:72px}.lab-card:not(:has(.lab-figure)){grid-template-columns:minmax(0,1fr)}.lab-figure{display:flex;flex-direction:column;min-width:0}.lab-canvas{flex:1;min-height:280px}.lab-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px 20px;padding:16px 18px 18px}.lab-controls .segments{grid-column:1/-1;flex-wrap:wrap}.lab-text{display:flex;flex-direction:column;gap:14px;padding:26px 26px 24px;min-width:0}.lab-text .effect-chart{height:150px;width:100%}.effect-figures{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.effect-figures img{width:100%;display:block}.effect-figures figure,.effect-figures{min-width:0}.bench-table{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}.bench-actions{display:flex;align-items:center;gap:12px;margin:0}.effects-basis{overflow-x:auto}@media(max-width:999px){.app-header{display:flex;flex-wrap:wrap;height:auto;gap:10px;padding:12px}.app-header .workspace-nav{order:3;flex:1 1 100%;justify-content:center}.header-tools{margin-left:auto}.effects-page{padding-left:12px;padding-right:12px;gap:22px}.atlas-nav{margin:0 -12px;padding-left:12px;padding-right:12px}.lab-card{grid-template-columns:minmax(0,1fr)}.lab-text{padding:20px 18px}}@media(max-width:640px){.effect-figures{grid-template-columns:1fr}.lab-canvas{min-height:240px}}