.oci-demo{display:flex;flex-direction:column;gap:var(--space-5);margin-block:var(--space-5)}.oci-demo__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:var(--space-5)}@media(max-width:900px){.oci-demo__grid{grid-template-columns:1fr}}.oci-demo__panel{border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-4);background:var(--surface-elevated)}.oci-demo__panel-title{font-family:var(--font-body);font-weight:var(--weight-semibold);font-size:var(--size-step-1);margin:0 0 var(--space-3);color:var(--text-strong)}.oci-demo__items{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;list-style:none}.oci-demo__item{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:.6rem .75rem;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--surface-body)}.oci-demo__item-body{flex:1;min-width:0}.oci-demo__item-desc{margin:0 0 .25rem;font-size:var(--size-step--1);font-weight:var(--weight-medium);color:var(--text-strong)}.oci-demo__item-meta{margin:0;font-size:var(--size-step--2);color:var(--text-muted);display:flex;flex-wrap:wrap;gap:.5rem 1rem}.oci-demo__item-meta code{font-family:var(--font-mono);font-size:var(--size-step--2)}.oci-demo__item-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.4rem}.oci-demo__item-price{font-family:var(--font-mono);font-size:var(--size-step--1);color:var(--text-strong)}.oci-demo__add{padding:.35rem .75rem;border:1px solid var(--color-ink);background:var(--color-ink);color:var(--text-on-inverted);border-radius:var(--radius-sm);font-size:var(--size-step--2);font-weight:var(--weight-medium);cursor:pointer;transition:opacity var(--duration-fast) var(--ease-out)}.oci-demo__add:hover{opacity:.85}.oci-demo__cart-head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.oci-demo__version{display:flex;align-items:center;gap:.5rem;font-size:var(--size-step--1);color:var(--text-muted)}.oci-demo__version select{font:inherit;padding:.25rem .5rem;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--surface-body);color:var(--text-strong)}.oci-demo__empty{color:var(--text-muted);font-style:italic;padding:var(--space-4) var(--space-3);text-align:center;border:1px dashed var(--border-subtle);border-radius:var(--radius-sm)}.oci-demo__cart-table{width:100%;border-collapse:collapse;font-size:var(--size-step--1)}.oci-demo__cart-table th,.oci-demo__cart-table td{padding:.5rem .4rem;text-align:left;border-bottom:1px solid var(--border-subtle);vertical-align:top}.oci-demo__cart-table th{font-size:var(--size-step--2);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-muted);font-weight:var(--weight-semibold)}.oci-demo__cart-desc{display:block;font-weight:var(--weight-medium);color:var(--text-strong);margin-bottom:.15rem}.oci-demo__cart-vendor{font-family:var(--font-mono);font-size:var(--size-step--2);color:var(--text-muted)}.oci-demo__qty{width:4rem;padding:.25rem .4rem;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-body);color:var(--text-strong);font-family:var(--font-mono);font-size:var(--size-step--1);text-align:right}.oci-demo__price{font-family:var(--font-mono);text-align:right;white-space:nowrap}.oci-demo__remove{width:1.75rem;height:1.75rem;border:1px solid var(--border-subtle);background:var(--surface-body);color:var(--text-muted);border-radius:var(--radius-sm);font-size:1rem;line-height:1;cursor:pointer}.oci-demo__remove:hover{color:var(--color-danger);border-color:var(--color-danger)}.oci-demo__total-label{text-align:right;font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);font-size:var(--size-step--2)}.oci-demo__total-value{text-align:right;font-family:var(--font-mono);font-size:var(--size-step-1)}.oci-demo__outputs{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-4)}@media(min-width:1200px){.oci-demo__outputs{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.oci-demo__output{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-elevated);overflow:hidden}.oci-demo__output-head{display:flex;justify-content:space-between;align-items:center;padding:.6rem .85rem;background:var(--surface-muted);border-bottom:1px solid var(--border-subtle)}.oci-demo__output-head .oci-demo__panel-title{margin:0;font-size:var(--size-step--1)}.oci-demo__copy{padding:.3rem .7rem;border:1px solid var(--border-subtle);background:var(--surface-body);color:var(--text-strong);border-radius:var(--radius-sm);font-size:var(--size-step--2);cursor:pointer}.oci-demo__copy:disabled{opacity:.45;cursor:not-allowed}.oci-demo__copy:hover:not(:disabled){background:var(--color-ink);color:var(--text-on-inverted);border-color:var(--color-ink)}.oci-demo__pre{margin:0;padding:.85rem 1rem;font-family:var(--font-mono);font-size:var(--size-step--2);line-height:var(--leading-snug);overflow-x:auto;max-height:24rem;background:var(--surface-elevated);color:var(--text-body)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}