.backtest-preview{display:grid;grid-column:span 3;overflow-wrap:anywhere;min-width:0;width:100%;gap:var(--space-3);margin:0;padding:var(--space-6);border:1px solid var(--color-line-strong);border-radius:var(--radius-surface);background:var(--color-surface);box-shadow:var(--shadow-card)}.product-preview.ui-panel{--ui-panel-border: var(--color-line-strong);--ui-panel-background: var(--color-surface);--ui-panel-shadow: var(--shadow-card);width:100%;min-width:0;border-radius:var(--radius-surface);overflow-wrap:anywhere}.product-preview__figure{display:grid;gap:var(--space-3);min-width:0;margin:0}.backtest-preview__heading,.product-preview__heading,.product-preview__status{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3)}.backtest-preview__heading,.product-preview__heading{justify-content:space-between}.backtest-preview__heading{gap:var(--space-3)}.backtest-preview__demo,.product-preview__demo{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.backtest-preview__demo small,.product-preview__demo small{color:var(--color-ink-muted);font-size:var(--type-size-caption)}.backtest-preview__badge,.product-preview__badge{padding:var(--space-1) var(--space-2);border-radius:var(--radius-input);background:var(--color-accent-soft);color:var(--color-accent-text);font-size:var(--type-size-caption)}.backtest-preview figcaption,.product-preview__status,.product-preview__broker-copy small,.product-preview figcaption{color:var(--color-ink-muted);font-size:var(--type-size-caption);line-height:1.5}.product-preview__status small{flex-basis:100%;font:inherit}.product-preview__state{color:var(--color-accent-text);font-weight:var(--font-weight-semibold);font-size:var(--type-size-caption)}.backtest-preview .metric-grid,.product-preview__metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}.product-preview__metrics--two{grid-template-columns:repeat(2,minmax(0,1fr))}.backtest-preview .metric-grid .ui-metric-card,.product-preview .ui-metric-card{grid-template-rows:1fr auto;min-width:0;padding:var(--space-2);gap:var(--space-1)}.backtest-preview .metric-grid .ui-metric-card__label,.product-preview .ui-metric-card__label{color:var(--color-ink-muted);font-size:var(--type-size-caption);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-label)}.backtest-preview .metric-grid,.product-preview{--metric-value-size: var(--font-size-base)}.product-preview .ui-metric-card__value{color:var(--color-accent-text)}.backtest-preview .timeline-chart-shell,.product-preview .timeline-chart-shell{min-width:0}.backtest-preview .timeline-chart,.product-preview .timeline-chart{min-height:0;height:160px}.product-preview__brokers,.product-preview__journal{display:grid;padding:0;margin:0;list-style:none}.product-preview__brokers{gap:var(--space-2)}.product-preview__broker.ui-panel{display:grid;grid-template-columns:var(--space-10) minmax(0,1fr) auto;align-items:center;gap:var(--space-2);padding:var(--space-3);box-shadow:none}.product-preview__broker-copy{display:grid;gap:var(--space-1);min-width:0}.product-preview__broker-mark{display:block;width:var(--space-10);height:var(--space-10);overflow:hidden}.product-preview__broker-mark--planned{color:var(--color-ink-faint);padding:var(--space-2);border:1px dashed var(--color-line-strong);border-radius:var(--radius-input)}.product-preview__planned{color:var(--color-ink-muted);font-size:var(--type-size-caption)}.product-preview__journal li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:baseline;gap:var(--space-1) var(--space-3);padding-block:var(--space-3);border-top:1px solid var(--color-line);font-size:var(--type-size-caption);font-variant-numeric:tabular-nums}.product-preview__journal time{color:var(--color-ink-faint)}.product-preview__event-status{color:var(--color-accent-text)}@media(max-width:520px){.backtest-preview{padding:var(--space-3)}.backtest-preview .metric-grid{--metric-value-size: var(--font-size-sm)}}@media(max-width:520px),(min-width:960px)and (max-width:1199px){.product-preview.ui-panel{padding:var(--space-3)}.backtest-preview .metric-grid,.product-preview__metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.product-preview__strategy{grid-column:1 / -1}.product-preview__broker.ui-panel,.product-preview__journal li{grid-template-columns:auto minmax(0,1fr)}.product-preview__broker>.product-preview__state,.product-preview__planned,.product-preview__event-status{grid-column:2}}