.layout{display:flex;flex:1;min-height:0;overflow:hidden;background:var(--penna-c-bg)}.sidebar{width:240px;flex-shrink:0;background:var(--penna-c-bg-elevated);border-right:1px solid color-mix(in srgb,var(--penna-c-text-3) 22%,transparent);overflow-y:auto}.menu-item{padding:12px 16px;cursor:pointer;color:var(--penna-c-text-2);font-size:14px;border-bottom:1px solid color-mix(in srgb,var(--penna-c-text-3) 12%,transparent);transition:background .2s}.menu-item:hover{background:color-mix(in srgb,var(--penna-c-brand-soft) 45%,var(--penna-c-bg-elevated))}.menu-item.active{background:color-mix(in srgb,var(--penna-c-brand-soft) 70%,var(--penna-c-bg-elevated));color:var(--penna-c-brand-1);font-weight:600;border-right:3px solid var(--penna-c-brand-1)}.content{flex:1;min-width:0;display:flex;flex-direction:row;overflow:hidden}.panel{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden;border-right:1px solid color-mix(in srgb,var(--penna-c-text-3) 22%,transparent)}.panel:last-child{border-right:none}.panel-title{padding:8px 16px;background:var(--penna-c-bg-elevated);font-size:13px;font-weight:600;color:var(--penna-c-text-2);flex-shrink:0;border-bottom:1px solid color-mix(in srgb,var(--penna-c-text-3) 22%,transparent)}.panel-body{flex:1;min-height:0;padding:20px;overflow:auto;margin:0}pre#source-preview{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px;line-height:1.5;color:var(--penna-c-text-1);white-space:pre-wrap;background:var(--penna-c-bg)}