/* Shared graphite workspace for scene widgets; OBS art keeps its own controls. */
.widget-platform-badge { display:inline-flex; align-items:center; gap:5px; padding:4px 8px; border:1px solid #42454d; border-radius:6px; background:#24262c; color:#bcb8cc; font:600 11px/1.2 Inter,system-ui,sans-serif; vertical-align:middle; white-space:nowrap; margin-left:10px; letter-spacing:0; }
.widget-platform-badge svg { width:13px; height:13px; flex:none; }
.widget-catalog-item strong { display:flex; align-items:center; flex-wrap:wrap; gap:6px; }
.widget-catalog-item .widget-platform-badge { margin-left:0; }
.widget-source-bar { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:22px 0; padding:18px 20px; border-block:1px solid #33363d; }
.widget-source-bar strong,.widget-source-bar small { display:block; }
.widget-source-bar small { color:#9fa5b1; margin-top:5px; font-size:13px; }
.widget-source-picker { display:flex; gap:4px; padding:4px; background:#181a1e; border:1px solid #353941; border-radius:10px; }
.widget-source-picker button { border:0; background:none; color:#aab0bb; padding:10px 18px; border-radius:7px; cursor:pointer; font:600 14px/1.2 Inter,system-ui,sans-serif; }
.widget-source-picker button.is-active { background:#363a43; color:#fff; box-shadow:0 1px 3px #0004; }
.widget-source-picker button:focus-visible { outline:2px solid #bec7dc; outline-offset:2px; }
.wg-a .cf-tile { background:#1c1e22; border-color:#35383f; box-shadow:none; }
.wg-a .cf-tile-ico { background:#272a30; border-color:#3e424b; color:#c5cad4; box-shadow:none; }
.wg-a .wx-rail-group,.wg-a .wx-block-title,.wg-a .field-label { color:#b9bfca; }
.wg-a .wx-chip.is-active,.wg-a .cf-chip.is-active { background:#353941; color:#f5f6f8; border-color:#646c7b; box-shadow:none; }
.wg-a .wx-stage { background-color:#15171a; background-image:linear-gradient(45deg,#202329 25%,transparent 25%),linear-gradient(-45deg,#202329 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#202329 75%),linear-gradient(-45deg,transparent 75%,#202329 75%); background-size:24px 24px; background-position:0 0,0 12px,12px -12px,-12px 0; }
.wg-a .wx-stage-hint { position:static; display:block; margin:18px 0 0; padding:0; color:#969eac; background:none; font-size:12px; text-align:center; }
[data-labels-root] .cf-grid { grid-template-columns:minmax(0,1fr) minmax(340px,.85fr); align-items:start; }
[data-labels-root] .cf-right { position:sticky; top:20px; }
[data-labels-root] .wg-rail { gap:8px; }
[data-labels-root] .wx-rail-item { background:#24272c; border:1px solid #373b43; border-radius:10px; box-shadow:none; }
[data-labels-root] .wx-rail-item.is-active { border-color:#858f9f; background:#30343c; box-shadow:inset 3px 0 #b8c1d1; }
[data-labels-root] .wx-rail-open { background:none; border:0; }
[data-labels-root] .wx-rail-ico { background:#292c32; border-color:#444952; color:#d0d5df; }
[data-labels-root] .lb-prev-shell { background:none; border:0; padding:10px; box-shadow:none; width:100%; min-width:0; }
[data-labels-root] .lb-prev-shell>span { display:none; }
[data-labels-root] .lb-prev { background:none; border:0; padding:0; box-shadow:none; }
[data-labels-root] .lb-prev-row.is-focus { outline:none; box-shadow:none; }
[data-labels-root] .lb-prev-row[data-skin="card"] { border-radius:14px; }
[data-labels-root] .lb-prev-row[data-skin="outline"] { border-radius:12px; }
[data-labels-root] .wg-stage { padding:28px 20px; min-height:220px; display:flex; flex-direction:column; justify-content:center; }
[data-labels-root] .cf-frame { overflow:hidden; }
[data-labels-root] .wx-inspector-head p { max-width:56ch; }
@media(max-width:1050px) { [data-labels-root] .cf-grid { grid-template-columns:1fr; } [data-labels-root] .cf-right { position:static; grid-row:1; } }
@media(max-width:650px) { .widget-source-bar { align-items:stretch; flex-direction:column; padding-inline:0; } .widget-source-picker button { flex:1; padding:10px; } .wg-a .cf-head h1 .widget-platform-badge { margin:8px 0; } }