.article-page .lifecycle-control-row{display:flex;flex-wrap:wrap;gap:var(--cf-space-150)}.article-page .lifecycle-frame-lab iframe,.article-page .lifecycle-resource iframe,.article-page .lifecycle-visibility iframe{width:100%;min-height:calc(var(--cf-space-900)*2);border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-200);background:var(--cf-color-surface)}.article-page .lifecycle-log{display:grid;grid-gap:var(--cf-space-100);gap:var(--cf-space-100);max-height:calc(var(--cf-space-900)*3);overflow:auto;padding-left:var(--cf-space-450)}.article-page .lifecycle-log li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:var(--cf-space-150);gap:var(--cf-space-150);border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-200);padding:var(--cf-space-100) var(--cf-space-150);background:var(--cf-color-surface-raised)}.article-page .lifecycle-log strong,.article-page .visibility-meter strong{color:var(--cf-color-text)}.article-page .lifecycle-log span,.article-page .resource-status,.article-page .visibility-meter span{color:var(--cf-color-text-secondary)}.article-page .visibility-meter{display:flex;align-items:center;justify-content:space-between;gap:var(--cf-space-200);border:1px solid var(--cf-color-border-control);border-radius:var(--cf-radius-200);padding:var(--cf-space-150) var(--cf-space-200);background:var(--cf-color-surface)}.article-page .resource-status{border-left:var(--cf-space-050) solid var(--cf-color-border-control);padding-left:var(--cf-space-250)}