.demo-ribbon{position:relative;z-index:4;padding:7px 16px;border-bottom:1px solid var(--brand-line);background:var(--brand-green-wash);color:var(--brand-ink);font:700 10px/1.2 var(--font-mono,monospace);letter-spacing:.08em;text-align:center;text-transform:uppercase}.demo-action-note{margin:10px 0 0;color:var(--brand-muted);font-size:12px}.demo-success{padding:12px 14px;border:1px solid var(--brand-line);border-radius:var(--brand-r-control);background:var(--brand-green-wash);color:inherit;font-size:13px}.demo-trade-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.demo-trade-summary{display:grid;gap:8px;margin:14px 0}.demo-trade-summary>div{display:flex;justify-content:space-between;gap:16px}.demo-wizard-shell{display:grid;gap:18px}.demo-stage-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}.demo-stage-list button{width:100%;min-height:64px;padding:10px;border:1px solid var(--line);background:transparent;color:inherit;cursor:pointer;text-align:left}.demo-stage-list button.is-active{border-color:var(--signal);box-shadow:inset 3px 0 0 var(--signal)}.demo-stage-list small,.demo-stage-list strong{display:block}.demo-art-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.demo-art-card{overflow:hidden;border:1px solid var(--line)}.demo-art-card>div{aspect-ratio:1}.demo-art-card span{display:block;padding:10px;font-size:12px}@media (max-width:720px){.demo-art-grid,.demo-stage-list{grid-template-columns:repeat(2,minmax(0,1fr))}}