.c2c-app-preview{box-sizing:border-box;background:var(--c2c-color-background);min-width:0;height:100%;min-height:100%;color:var(--c2c-color-foreground);font-family:var(--c2c-font-sans);font-size:var(--c2c-font-size-sm);line-height:var(--c2c-line-height-normal);flex-direction:column;display:flex}.c2c-app-preview *,.c2c-app-preview :before,.c2c-app-preview :after{box-sizing:border-box}.c2c-app-preview-header{justify-content:space-between;align-items:center;gap:var(--c2c-space-3);min-height:48px;padding:0 var(--c2c-space-4);border-bottom:var(--c2c-border-width) solid var(--c2c-color-border);background:var(--c2c-color-surface);display:flex}.c2c-app-preview-title{font-size:var(--c2c-font-size-sm);font-weight:var(--c2c-font-weight-semibold);margin:0}.c2c-app-preview-title span{font-size:var(--c2c-font-size-xs);font-weight:var(--c2c-font-weight-medium);color:var(--c2c-color-muted-foreground);display:block}.c2c-app-preview-regions{gap:var(--c2c-space-1);padding:var(--c2c-space-2) var(--c2c-space-4);border-bottom:var(--c2c-border-width) solid var(--c2c-color-border);background:var(--c2c-color-muted);flex-wrap:wrap;display:flex}.c2c-app-preview-regions button{border:var(--c2c-border-width) solid var(--c2c-color-border);background:var(--c2c-color-surface);color:var(--c2c-color-foreground);font:inherit;font-size:var(--c2c-font-size-xs);cursor:pointer;padding:2px 8px}.c2c-app-preview-regions button[data-selected=true]{outline:2px solid var(--c2c-color-focus-ring);outline-offset:1px}.c2c-app-preview-body{flex:1;min-height:0;display:flex}.c2c-app-preview-body[data-nav=top]{flex-direction:column}.c2c-app-preview-nav{gap:var(--c2c-space-1);width:196px;padding:var(--c2c-space-3);border-right:var(--c2c-border-width) solid var(--c2c-color-border);background:var(--c2c-color-surface);flex-direction:column;flex:none;display:flex}.c2c-app-preview-nav[data-placement=top]{border-right:0;border-bottom:var(--c2c-border-width) solid var(--c2c-color-border);flex-flow:wrap;width:auto}.c2c-app-preview-nav button{width:100%;padding:var(--c2c-space-2) var(--c2c-space-3);border-radius:var(--c2c-radius-sm);color:var(--c2c-color-foreground);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;margin:0;display:block}.c2c-app-preview-nav[data-placement=top] button{width:auto}.c2c-app-preview-nav button[aria-current=page]{background:var(--c2c-color-muted);font-weight:var(--c2c-font-weight-semibold)}.c2c-app-preview-nav button[data-utility=true]{color:var(--c2c-color-muted-foreground);margin-top:auto}.c2c-app-preview-nav[data-placement=top] button[data-utility=true]{margin-top:0;margin-left:auto}.c2c-app-preview-nav button:focus-visible,.c2c-app-preview-header button:focus-visible,.c2c-app-preview-toolbar button:focus-visible{outline:var(--c2c-focus-ring-width) solid var(--c2c-color-focus-ring);outline-offset:var(--c2c-focus-ring-offset)}.c2c-app-preview-main{flex:1;min-width:0;display:flex}.c2c-app-preview-column{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.c2c-app-preview-toolbar{gap:var(--c2c-space-2);padding:var(--c2c-space-2) var(--c2c-space-4);border-bottom:var(--c2c-border-width) solid var(--c2c-color-border);flex-wrap:wrap;display:flex}.c2c-app-preview-work{flex:1;grid-template-columns:minmax(0,1fr);min-height:0;display:grid}.c2c-app-preview-work[data-split=activity]{grid-template-columns:minmax(0,1fr) 220px}.c2c-app-preview-work[data-split=filters]{grid-template-columns:168px minmax(0,1fr)}.c2c-app-preview-work[data-split=canvas]{grid-template-columns:minmax(0,1fr) 240px}.c2c-app-preview-pane{min-width:0;padding:var(--c2c-space-4);overflow:auto}.c2c-app-preview-pane[data-role=inspector],.c2c-app-preview-pane[data-role=sidebar],.c2c-app-preview-pane[data-role=activity]{border-left:var(--c2c-border-width) solid var(--c2c-color-border);background:var(--c2c-color-surface)}.c2c-app-preview-pane[data-role=sidebar]{border-left:0;border-right:var(--c2c-border-width) solid var(--c2c-color-border)}.c2c-app-preview-kicker{margin:0 0 var(--c2c-space-2);font-size:11px;font-weight:var(--c2c-font-weight-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--c2c-color-muted-foreground)}.c2c-app-preview-metrics{gap:var(--c2c-space-6);margin:0 0 var(--c2c-space-4);padding:0;list-style:none;display:flex}.c2c-app-preview-metrics strong{font-size:var(--c2c-font-size-lg);display:block}.c2c-app-preview-metrics span{color:var(--c2c-color-muted-foreground)}.c2c-app-preview-table{border-collapse:collapse;width:100%}.c2c-app-preview-table th,.c2c-app-preview-table td{padding:var(--c2c-space-2) var(--c2c-space-2) var(--c2c-space-2) 0;border-bottom:var(--c2c-border-width) solid var(--c2c-color-border);text-align:left;font-weight:var(--c2c-font-weight-medium)}.c2c-app-preview-table th{color:var(--c2c-color-muted-foreground);font-size:var(--c2c-font-size-xs);font-weight:var(--c2c-font-weight-semibold)}.c2c-app-preview-table tr[data-selected=true] td{background:var(--c2c-color-muted)}.c2c-app-preview-fields{gap:var(--c2c-space-3);display:grid}.c2c-app-preview-fields label{color:var(--c2c-color-muted-foreground);font-size:var(--c2c-font-size-xs);gap:4px;display:grid}.c2c-app-preview-fields input,.c2c-app-preview-fields textarea{width:100%;padding:var(--c2c-space-2);border:var(--c2c-border-width) solid var(--c2c-color-border);border-radius:var(--c2c-radius-sm);background:var(--c2c-color-background);color:var(--c2c-color-foreground);font:inherit}.c2c-app-preview-canvas{background:linear-gradient(var(--c2c-color-border) 1px, transparent 1px), linear-gradient(90deg, var(--c2c-color-border) 1px, transparent 1px);background-size:24px 24px;background-color:var(--c2c-color-muted);place-items:center;min-height:100%;display:grid}.c2c-app-preview-artifact{width:min(72%,420px);min-height:280px;padding:var(--c2c-space-5);background:var(--c2c-color-surface);border:var(--c2c-border-width) solid var(--c2c-color-border-strong);box-shadow:var(--c2c-elevation-sm)}.c2c-app-preview-artifact h3{margin:0 0 var(--c2c-space-3);font-size:var(--c2c-font-size-md)}.c2c-app-preview-artifact p{margin:0 0 var(--c2c-space-2);color:var(--c2c-color-muted-foreground)}.c2c-app-preview-overlay{background:color-mix(in srgb, var(--c2c-color-foreground) 28%, transparent);justify-content:flex-end;display:flex;position:absolute;inset:0}.c2c-app-preview-drawer{background:var(--c2c-color-surface);border-left:var(--c2c-border-width) solid var(--c2c-color-border);width:min(280px,92%);height:100%;overflow:auto}.c2c-app-preview[data-band=narrow] .c2c-app-preview-body{flex-direction:column}.c2c-app-preview[data-band=narrow] .c2c-app-preview-nav{border-right:0;border-bottom:var(--c2c-border-width) solid var(--c2c-color-border);flex-flow:row;width:auto;overflow:auto}.c2c-app-preview[data-band=narrow] .c2c-app-preview-nav button{white-space:nowrap;width:auto}.c2c-app-preview[data-band=narrow] .c2c-app-preview-work,.c2c-app-preview[data-band=medium] .c2c-app-preview-work[data-split=filters],.c2c-app-preview[data-band=narrow] .c2c-app-preview-work[data-split=activity],.c2c-app-preview[data-band=medium] .c2c-app-preview-work[data-split=activity]{grid-template-columns:minmax(0,1fr)}.c2c-app-preview[data-band=narrow] .c2c-app-preview-metrics{gap:var(--c2c-space-3);flex-direction:column}.c2c-app-preview[data-band=narrow] .c2c-app-preview-pane[data-role=sidebar]{display:none}.c2c-app-preview-search{margin-bottom:var(--c2c-space-3);gap:4px;display:grid}.c2c-app-preview-search input{width:100%;padding:var(--c2c-space-2);border:var(--c2c-border-width) solid var(--c2c-color-border);border-radius:var(--c2c-radius-sm);background:var(--c2c-color-background);color:var(--c2c-color-foreground);font:inherit}.c2c-app-preview-chip{border:var(--c2c-border-width) solid var(--c2c-color-border);border-radius:var(--c2c-radius-sm);font-size:var(--c2c-font-size-xs);padding:0 6px;display:inline-block}.c2c-app-preview-record-title{margin:0 0 var(--c2c-space-3);font-size:var(--c2c-font-size-md);font-weight:var(--c2c-font-weight-semibold)}.c2c-app-preview-queue{gap:var(--c2c-space-3);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.c2c-app-preview-queue-col{min-width:0;padding:var(--c2c-space-3);border:var(--c2c-border-width) solid var(--c2c-color-border);background:var(--c2c-color-surface)}.c2c-app-preview-queue-col ul{margin:0;padding:0;list-style:none}.c2c-app-preview-queue-col li{padding:var(--c2c-space-2) 0;border-bottom:var(--c2c-border-width) solid var(--c2c-color-border);font-size:var(--c2c-font-size-sm)}.c2c-app-preview-library{margin:0;padding:0;list-style:none}.c2c-app-preview-library li{padding:var(--c2c-space-3) 0;border-bottom:var(--c2c-border-width) solid var(--c2c-color-border)}.c2c-app-preview-library li[data-selected=true]{font-weight:var(--c2c-font-weight-semibold)}.c2c-app-preview[data-band=narrow] .c2c-app-preview-queue{grid-template-columns:minmax(0,1fr)}