.demo-dash{margin-bottom:calc(var(--base)*2)}.demo-dash__head{justify-content:space-between;align-items:flex-start;gap:var(--base);margin-bottom:var(--base);display:flex}.demo-dash__head h1{margin:0 0 4px}.demo-dash__head p{max-width:720px;color:var(--theme-elevation-600);margin:0}.demo-dash__head .btn{white-space:nowrap;margin:0}.demo-dash__grid{gap:var(--base);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.demo-card{border:1px solid var(--theme-elevation-150);border-top:4px solid var(--brand);border-radius:var(--style-radius-m);background:var(--theme-elevation-0);flex-direction:column;gap:12px;padding:18px;display:flex}.demo-card__top{align-items:center;gap:12px;display:flex}.demo-card__top h2{margin:0;font-size:18px}.demo-card__top p{color:var(--theme-elevation-500);margin:0;font-size:12px}.demo-card__logo{background:var(--theme-elevation-50);border-radius:10px;flex:none;place-items:center;width:52px;height:52px;display:grid;overflow:hidden}.demo-card__logo img{object-fit:contain;max-width:44px;max-height:44px}.demo-card__logo span{color:var(--brand);font-size:22px;font-weight:700}.demo-card__score{background:var(--theme-elevation-100);border-radius:999px;margin-left:auto;padding:2px 10px;font-size:12px;font-weight:600}.demo-card__steps{gap:4px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.demo-card__steps li{grid-template-columns:18px 100px 1fr;align-items:baseline;gap:6px;display:grid}.demo-card__steps em{color:var(--theme-elevation-500);text-overflow:ellipsis;white-space:nowrap;font-style:normal;overflow:hidden}.demo-card__steps .is-ok span{color:var(--theme-success-500);font-weight:700}.demo-card__steps .is-todo{color:var(--theme-elevation-600)}.demo-card__notes{background:var(--theme-elevation-50);white-space:pre-line;border-radius:6px;margin:0;padding:8px 10px;font-size:12px}.demo-card__actions{border-top:1px solid var(--theme-elevation-100);flex-wrap:wrap;gap:6px 14px;margin-top:auto;padding-top:10px;font-size:13px;display:flex}.demo-card__actions a{color:var(--theme-text);text-underline-offset:3px;text-decoration:underline}.demo-card__actions a:first-child{font-weight:600}.demo-check{margin-bottom:var(--base);border:1px solid var(--theme-elevation-150);border-radius:var(--style-radius-m);background:var(--theme-elevation-50);padding:14px 16px}.demo-check__head{justify-content:space-between;align-items:center;gap:12px;display:flex}.demo-check__hint,.demo-check__meta{color:var(--theme-elevation-600);margin:8px 0 0;font-size:12px}.demo-check__list{gap:4px;margin:10px 0 0;padding:0;font-size:13px;list-style:none;display:grid}.demo-check__list .is-ok span{color:var(--theme-success-500);font-weight:700}.demo-check__list .is-bad{color:var(--theme-error-500)}.demo-check__code{background:var(--theme-elevation-900);color:var(--theme-elevation-50);border-radius:6px;margin:10px 0 0;padding:10px 12px;font-size:12px;overflow-x:auto}.demo-secret__row{gap:8px;display:flex}.demo-secret__row input{height:var(--field-height,40px);border:1px solid var(--theme-elevation-150);border-radius:var(--style-radius-s);background:var(--theme-input-bg);color:var(--theme-text);font-family:var(--font-mono,monospace);flex:1;padding:0 12px}.demo-secret__toggle{border:1px solid var(--theme-elevation-150);border-radius:var(--style-radius-s);background:var(--theme-elevation-0);color:var(--theme-text);cursor:pointer;padding:0 14px}