.home-drop{width:100%;max-width:780px;margin:0 auto;text-align:left}.hd-zone{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px 16px;padding:16px 18px;border:2px dashed color-mix(in srgb,var(--brand) 40%,var(--border));border-radius:18px;background:var(--surface);transition:border-color .15s,box-shadow .15s}.hd-zone.over{border-style:solid;border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 20%,transparent)}.hd-ico{width:40px;height:40px;padding:8px;border-radius:12px;background:color-mix(in srgb,var(--brand) 12%,transparent);stroke:var(--brand);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.hd-words{min-width:0}.hd-title{font-size:var(--fs-16,16px);line-height:22px;font-weight:700;margin:0;color:var(--text)}.hd-sub,.hd-types{margin:2px 0 0;font-size:var(--fs-13,13px);line-height:18px;color:var(--text-2)}.hd-types{color:var(--text-3)}.hd-acts{display:grid;justify-items:center;gap:4px}.hd-pick{position:relative;min-height:44px;white-space:nowrap;cursor:pointer}.hd-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:0}.hd-pick:focus-within{outline:3px solid var(--brand);outline-offset:2px}.hd-or{font-size:12px;color:var(--text-3)}.hd-result{margin-top:12px;padding:14px 16px;border:1px solid var(--border);border-radius:14px;background:var(--surface);display:grid;gap:8px}.hd-head{margin:0;font-size:var(--fs-16,16px);line-height:22px;font-weight:700;color:var(--text)}.hd-head:focus{outline:none}.hd-head:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.hd-file{color:var(--text-2);overflow-wrap:anywhere}.hd-file,.hd-note{margin:0;font-size:var(--fs-13,13px)}.hd-note{line-height:18px;color:var(--text);padding:8px 10px;border-radius:10px;background:var(--warning-soft,color-mix(in srgb,var(--brand) 8%,transparent))}.hd-status{margin:0;font-size:var(--fs-13,13px);color:var(--text-2)}.hd-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.hd-tool{width:100%;min-height:44px;padding:8px 12px;text-align:left;font:inherit;font-size:var(--fs-14,14px);font-weight:600;color:var(--text);background:var(--surface-2,var(--surface));border:1px solid var(--border);border-radius:12px;cursor:pointer}.hd-tool:hover{border-color:var(--brand)}.hd-tool:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.hd-foot{display:flex;gap:8px;flex-wrap:wrap;align-items:center}@media (max-width:640px){.hd-zone{grid-template-columns:auto 1fr;padding:14px}.hd-acts{grid-column:1/-1;justify-items:stretch}.hd-pick{width:100%;justify-content:center}.hd-or{text-align:center}.hd-list{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.hd-zone{transition:none}}