.concept-bar{z-index:60;padding:10px var(--gutter);color:#e7ece9;background:#101820;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;font-size:13.5px;line-height:1.4;display:flex;position:relative}.concept-bar a{color:#cdf27f;white-space:nowrap;padding-block:4px;font-weight:650;display:inline-block}.demo{--d-bg:#fff;--d-ink:#111;--d-muted:#555;--d-line:#0000001f;--d-accent:#111;--d-accent-ink:#fff;background:var(--d-bg);color:var(--d-ink)}.demo main{background:var(--d-bg)}.demo .d-wrap{max-width:1200px;padding-inline:var(--gutter);margin-inline:auto}.demo .d-btn{background:var(--d-accent);min-height:50px;color:var(--d-accent-ink);cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex}.demo .d-btn:hover{filter:brightness(1.08)}.demo .d-btn.ghost{color:inherit;background:0 0;border-color:currentColor}.demo img{object-fit:cover;width:100%;height:100%}.demo .d-field{gap:6px;display:grid}.demo .d-field label,.demo .d-field legend{font-size:15px;font-weight:650}.demo .d-input{border:1px solid var(--d-line);color:#111;background:#fff;border-radius:10px;width:100%;min-height:50px;padding:12px 14px;font-size:16px}.demo .d-input:focus{outline:2px solid var(--d-accent);outline-offset:1px}.demo .d-input[aria-invalid=true]{border-color:#b3261e}.demo .d-err{color:#b3261e;margin:0;font-size:14px;font-weight:600}.demo .d-grid2{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:600px){.demo .d-grid2{grid-template-columns:1fr}}.demo .d-done{border:1px solid var(--d-line);background:#0000000a;border-radius:14px;padding:28px}.demo .d-done h3{margin:0 0 8px;font-size:1.4rem}.demo .d-chips{border:0;flex-wrap:wrap;gap:8px;margin:0;padding:0;display:flex}.demo .d-chip{position:relative}.demo .d-chip input{opacity:0;cursor:pointer;position:absolute;inset:0}.demo .d-chip span{border:1px solid var(--d-line);color:#111;background:#fff;border-radius:999px;align-items:center;min-height:44px;padding:0 16px;font-size:15px;font-weight:600;display:inline-flex}.demo .d-chip input:checked+span{background:var(--d-accent);color:var(--d-accent-ink);border-color:var(--d-accent)}.demo .d-chip input:focus-visible+span{outline:2px solid var(--d-accent);outline-offset:2px}.demo .d-credit{font-size:13px}