.layout-playground{background:color-mix(in oklab, var(--gray-950) 8%, var(--surface-primary));min-height:100dvh;color:var(--text-primary);flex-direction:column;display:flex;position:relative}.layout-playground-top{border-bottom:1px solid var(--leap-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;padding:.75rem 1rem;display:flex}.layout-playground-top-start,.layout-playground-top-end{align-items:center;gap:.75rem;display:flex}.layout-playground-home{color:var(--text-primary);font-size:.875rem;font-weight:600}.layout-playground-divider{background:var(--leap-line);width:1px;height:1rem}.layout-playground-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--text-tertiary);font-size:.6875rem;font-weight:700}.layout-playground-platforms{flex-wrap:wrap;justify-content:center;gap:.35rem;display:flex}.layout-playground-platform{border:1px solid var(--leap-line);color:var(--text-secondary);border-radius:999px;padding:.35rem .75rem;font-size:.75rem;font-weight:600;transition:background .15s,color .15s,border-color .15s}.layout-playground-platform:hover{color:var(--text-primary);background:var(--overlay-hover)}.layout-playground-platform.is-active{border-color:color-mix(in oklab, var(--brand-500) 45%, var(--leap-line));background:color-mix(in oklab, var(--brand-500) 12%, var(--surface-primary));color:var(--text-primary)}.layout-playground-body{flex:1;min-height:0;display:flex}.layout-playground-sidebar{border-left:1px solid var(--leap-line);background:color-mix(in oklab, var(--gray-950) 3%, var(--surface-primary));flex-shrink:0;width:280px;padding:1rem;overflow-y:auto}.layout-playground-spacing-head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.35rem;display:flex}.layout-playground-spacing-title{letter-spacing:.12em;text-transform:uppercase;color:var(--text-tertiary);margin:0;font-size:.6875rem;font-weight:700}.layout-playground-spacing-hint{color:var(--text-tertiary);margin:.35rem 0 .85rem;font-size:.6875rem;line-height:1.4}.layout-playground-spacing-grid{flex-direction:column;gap:.65rem;display:flex}.layout-playground-spacing--readonly .layout-playground-spacing-grid{opacity:.55;pointer-events:none}.layout-playground-badge--draft{background:color-mix(in oklab, #f59e0b 16%, var(--surface-primary));color:#b45309}.layout-playground-save{background:color-mix(in oklab, var(--brand-500) 88%, black);color:#fff}.layout-playground-rail-item.is-tuned .layout-playground-rail-dot{background:var(--brand-500)}.layout-playground-stage{flex:1;justify-content:center;align-items:center;min-width:0;padding:1.5rem;display:flex;overflow:hidden}.layout-playground-progress{color:var(--text-tertiary);white-space:nowrap;font-size:.75rem}.layout-playground-empty{color:var(--text-tertiary);margin:0;font-size:.875rem}.layout-playground-canvas-shell{box-shadow:0 0 0 1px color-mix(in oklab, var(--gray-950) 10%, transparent), 0 24px 64px color-mix(in oklab, var(--gray-950) 18%, transparent);border-radius:12px;position:relative;overflow:hidden}.layout-playground-dock{border-top:1px solid var(--leap-line);background:color-mix(in oklab, var(--gray-950) 4%, var(--surface-primary));grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;padding:.85rem 1rem 1rem;display:grid}.layout-playground-dock-nav{align-items:center;gap:.5rem;display:flex}.layout-playground-index{text-align:center;min-width:3.5rem;color:var(--text-secondary);font-size:.75rem;font-weight:600}.layout-playground-dock-meta{min-width:0}.layout-playground-dock-title-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.layout-playground-title{letter-spacing:-.02em;margin:0;font-size:1rem;font-weight:700}.layout-playground-summary{color:var(--text-secondary);margin:.2rem 0 0;font-size:.8125rem}.layout-playground-tags,.layout-playground-size{color:var(--text-tertiary);margin:.15rem 0 0;font-size:.6875rem}.layout-playground-badge{letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:.15rem .5rem;font-size:.625rem;font-weight:700}.layout-playground-badge--recommended{background:color-mix(in oklab, var(--brand-500) 14%, var(--surface-primary));color:var(--brand-600,var(--brand-500))}.layout-playground-badge--approved{background:color-mix(in oklab, #22c55e 16%, var(--surface-primary));color:#15803d}.layout-playground-badge--rejected{background:color-mix(in oklab, #ef4444 14%, var(--surface-primary));color:#b91c1c}.layout-playground-badge--pending{background:color-mix(in oklab, var(--text-tertiary) 12%, var(--surface-primary));color:var(--text-secondary)}.layout-playground-dock-actions{justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.layout-playground-dock-status{letter-spacing:.06em;text-transform:uppercase;align-items:center;min-height:2rem;padding-inline:.75rem;font-size:.6875rem;font-weight:700;display:inline-flex}.layout-playground-edit{color:var(--text-secondary)}.layout-playground-approve{color:#fff;background:#00a749;background:lab(60.1319% -58.3071 40.1395)}.layout-playground-reject{color:#b91c1c}.layout-playground-rail{z-index:20;border:1px solid var(--leap-line);background:color-mix(in oklab, var(--surface-primary) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;flex-direction:column;gap:.35rem;padding:.5rem .35rem;display:flex;position:fixed;top:50%;right:.75rem;transform:translateY(-50%)}.layout-playground-rail-item{border-radius:999px;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;display:flex}.layout-playground-rail-item.is-active{background:color-mix(in oklab, var(--brand-500) 16%, var(--surface-primary))}.layout-playground-rail-dot{background:color-mix(in oklab, var(--text-tertiary) 70%, transparent);border-radius:999px;width:.45rem;height:.45rem}.layout-playground-rail-item.is-approved .layout-playground-rail-dot{background:#22c55e}.layout-playground-rail-item.is-rejected .layout-playground-rail-dot{background:#ef4444}.layout-playground-rail-item.is-active .layout-playground-rail-dot{transform:scale(1.25)}@media (max-width:900px){.layout-playground-body{flex-direction:column}.layout-playground-sidebar{border-left:none;border-top:1px solid var(--leap-line);width:100%}.layout-playground-dock{grid-template-columns:1fr}.layout-playground-dock-actions{justify-content:stretch}.layout-playground-dock-actions button{flex:1}.layout-playground-rail{flex-direction:row;max-width:calc(100vw - 1.5rem);top:auto;bottom:6.5rem;right:.75rem;overflow-x:auto;transform:none}}