html,body,#root{height:100%;margin:0}body{background:var(--sapBackgroundColor,#f5f6f7);font-family:var(--sapFontFamily,"72", "72full", Arial, Helvetica, sans-serif);color:var(--sapTextColor,#1d2d3e)}.app-content{box-sizing:border-box;flex:1;min-width:0;padding:1.5rem;overflow:auto}ui5-card{box-sizing:border-box}pre.artifact-preview{background:var(--sapTile_Background,#fff);border:1px solid var(--sapList_BorderColor,#d9d9d9);white-space:pre-wrap;word-break:break-word;border-radius:.5rem;max-height:60vh;padding:1rem;font-size:.8rem;line-height:1.5;overflow:auto}.artifacts-layout{grid-template-columns:minmax(18rem,1fr) 2fr;gap:1rem;display:grid}.code-editor{box-sizing:border-box;width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.mobile-nav-overlay{background:var(--sapGroup_ContentBackground,#fff);border-right:1px solid var(--sapList_BorderColor,#d9d9d9);z-index:20;width:min(80vw,18rem);position:absolute;top:0;bottom:0;left:0;overflow-y:auto}.mobile-nav-backdrop{background:var(--sapBlockLayer_Background,#000);opacity:.4;z-index:19;position:absolute;inset:0}@media (width<=1023px){.app-content{padding:1rem}}@media (width<=767px){.app-content{padding:.75rem}.artifacts-layout{grid-template-columns:1fr}ui5-bar::part(content){flex-wrap:wrap}}