.AppHeader{border-bottom:1px solid var(--header-bg-solid);color:var(--header-fg);align-items:center;gap:1rem;padding:.5rem 1rem;display:flex}.AppHeader__Title{margin:0;font-size:2rem;font-weight:600}.AppHeader__Logo{width:auto;height:3rem;display:inline-block}.AppHeader__Logo img{object-fit:contain;width:auto;height:100%}.MenuSidebar{box-sizing:border-box;border-right:1px solid var(--header-bg-solid);flex-direction:column;gap:1rem;padding:1.5rem 2rem;display:flex}.MenuSidebar__MenuLink{color:var(--header-fg);font-size:1.5rem;font-weight:500;text-decoration:none;position:relative}.MenuSidebar__MenuLink:before{content:"";border-top:2px solid var(--header-fg);transform-origin:100%;width:100%;height:0;transition:transform .3s ease-in-out;position:absolute;top:calc(100% + 1px);left:0;transform:scaleX(0)}.MenuSidebar__MenuLink:hover:before{transform-origin:0;transition:transform .3s ease-in-out;transform:scaleX(1)}.MenuSidebar__Separator{border:none;border-top:1px solid var(--text-secondary);width:calc(100% + 2rem);margin:0 -1rem}.MenuSidebar__Logo{flex:1;justify-content:center;align-items:center;display:flex}.MenuSidebar__Logo img{object-fit:contain;width:200px;height:auto}.App{grid-template-rows:auto 1fr;grid-template-columns:max-content 1fr;height:100%;display:grid}.App__Header{grid-area:1/1/auto/span 2}.App__Content{display:grid}.App__Content:not(:has(.ShadowView)){background-color:var(--clr-page-background)}:root{--bg:#f3f4f6;--header-bg:#0f172ab8;--header-bg-solid:#0f172ae6;--header-fg:#f8fafc;--text-main:#f8fafc;--text-secondary:#e2e8f0;--accent-green:#10b981;--dark:#0f172a;--font-family:Helvetica, sans-serif;--clr-page-background:var(--bg);--clr-accent:var(--accent-green)}html,body,#root{height:100%;font-family:var(--font-family);background:radial-gradient(circle at 85% 15%,#0f172a61,#0000 34%),linear-gradient(135deg,#475569 0%,#334155 100%);margin:0;padding:0}html:after,body:after,#root:after{content:"";pointer-events:none;opacity:.03;background-image:radial-gradient(circle,#fffc 1px,#0000 1px);background-size:4px 4px;position:absolute;inset:0}.EButton--Primary{font-family:var(--font-family);color:var(--text-main);background-color:var(--clr-accent);font-weight:600}.EButton--Primary:hover{filter:brightness(1.1);background-color:var(--clr-accent)!important}.MiscConfigView{grid-template-rows:100%;grid-template-columns:2fr 1fr;gap:2rem;padding:2rem;display:grid}.MiscConfigView__Fieldset{border:1px solid #666;border-radius:5px;padding:1rem}.MiscConfigView__Fieldset legend{font-weight:700}.BreakpointsView{flex-direction:column;align-items:stretch;gap:12px;display:flex}.ShadowSidebar{color:var(--header-fg);flex-direction:column;align-items:center;gap:1.5rem;padding:1.5rem;display:flex}.ShadowView{grid-template-rows:100%;grid-template-columns:1fr 350px;display:grid}.ShadowView__Content{z-index:1;background-color:var(--clr-page-background);position:relative}.ShadowPreview{grid-template-columns:repeat(4,1fr);gap:1.5rem;padding:1.5rem;display:grid}.ShadowPreview__Button{color:#fff;border:1px solid var(--clr-border);background-color:#4682b4;border-radius:.5rem;padding:.5rem 1.5rem;font-size:1.25rem;line-height:1.5}