.zd{--zd-ink:var(--color-ink);--zd-soft:var(--color-soft);--zd-line:var(--color-line);--zd-bg:var(--color-bg);--zd-bg-2:var(--color-mist);--zd-accent:var(--color-brand);--zd-focus-ring:color-mix(in oklab, var(--color-brand) 15%, transparent);--zd-alert:var(--color-alert);--zd-r:.75rem;--zd-label:600 .875rem/1.3 inherit;--zd-input-size:1rem;--zd-hint-size:.8125rem;--zd-thumb:5.25rem;color:var(--zd-ink);gap:1rem;display:grid}.zd[data-variant=tool]{--zd-ink:var(--dde-ink);--zd-soft:var(--dde-soft);--zd-line:var(--dde-line);--zd-bg:var(--dde-bg);--zd-bg-2:var(--dde-bg-2);--zd-accent:var(--dde-ink);--zd-focus-ring:color-mix(in oklab, var(--dde-ink) 12%, transparent);--zd-alert:var(--dde-danger);--zd-r:10px;--zd-input-size:14px;--zd-hint-size:12.5px;--zd-thumb:4.5rem;gap:14px;padding-block:14px}@media (pointer:coarse){.zd[data-variant=tool]{--zd-input-size:16px}}.zd-lead{margin:0}.zd-field{gap:.375rem;min-width:0;display:grid}.zd-label{align-items:baseline;gap:.5rem;font-size:.875rem;font-weight:600;line-height:1.3;display:flex}.zd[data-variant=tool] .zd-label{font-size:13px;font-weight:700}.zd-count{color:var(--zd-soft);margin-left:auto;font-weight:500}.zd-input{border:1px solid var(--zd-line);border-radius:var(--zd-r);background:var(--zd-bg);width:100%;min-height:2.75rem;color:var(--zd-ink);font:inherit;font-size:var(--zd-input-size);padding:.6875rem .875rem;transition:border-color .18s ease-out,box-shadow .18s ease-out}.zd-input::placeholder{color:color-mix(in oklab, var(--zd-soft) 88%, transparent)}.zd-input:focus{border-color:var(--zd-accent);box-shadow:0 0 0 4px var(--zd-focus-ring);outline:none}.zd-hint{font-size:var(--zd-hint-size);color:var(--zd-soft);margin:0;line-height:1.45}.zd-warn{color:var(--zd-alert)}.zd-photos{border:0;margin:0;padding:0}.zd-photos>legend{width:100%;margin-bottom:.375rem;padding:0}.zd-grid{grid-template-columns:repeat(auto-fill, minmax(var(--zd-thumb), 1fr));gap:.5rem;margin:0 0 .375rem;padding:0;list-style:none;display:grid}.zd-thumb{aspect-ratio:1;border-radius:var(--zd-r);background:var(--zd-bg-2);box-shadow:inset 0 0 0 1px var(--zd-line);position:relative;overflow:hidden}.zd-thumb img{object-fit:cover;width:100%;height:100%;display:block}.zd-thumb-wait .shimmer{position:absolute;inset:0}.zd-cover{inset-inline:.3125rem;text-align:center;color:#fff;background:#0f0d16b8;border-radius:999px;justify-content:center;align-items:center;gap:.25rem;min-height:1.5rem;padding:.125rem .375rem;font-size:.6875rem;font-weight:700;line-height:1.15;display:flex;position:absolute;bottom:.3125rem}.zd-make-cover{color:#fff;cursor:pointer;background:#0f0d1680;border:0;border-radius:999px;place-items:center;width:1.625rem;height:1.625rem;transition:background-color .16s ease-out;display:grid;position:absolute;bottom:.3125rem;left:.3125rem}.zd-make-cover:before{content:"";position:absolute;inset:-.5rem}.zd-make-cover:hover,.zd-make-cover:focus-visible{background:#0f0d16d1}.zd-remove{color:#fff;cursor:pointer;background:#0f0d169e;border:0;border-radius:999px;place-items:center;width:1.625rem;height:1.625rem;display:grid;position:absolute;top:.3125rem;right:.3125rem}.zd-remove:before{content:"";position:absolute;inset:-.5rem}.zd-remove:hover,.zd-remove:focus-visible{background:#0f0d16db}.zd-add{aspect-ratio:1;border:1.5px dashed var(--zd-line);border-radius:var(--zd-r);width:100%;color:var(--zd-accent);text-align:center;overflow-wrap:break-word;cursor:pointer;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;padding:.375rem;font-size:.75rem;font-weight:700;line-height:1.2;transition:border-color .18s ease-out,background-color .18s ease-out;display:flex}.zd-add span{max-width:100%}.zd-add:hover{border-color:var(--zd-accent);background:var(--zd-bg-2)}.zd-add:focus-visible,.zd-make-cover:focus-visible,.zd-remove:focus-visible{outline:2px solid var(--zd-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.zd-input,.zd-add,.zd-make-cover{transition:none}}