.dpi-page-width{max-width:1180px}.dpi-intro{padding-block:56px 32px}.dpi-intro h1{font-size:clamp(38px,4.4vw,68px)}.dpi-workbench{padding-bottom:8px}.bh-dpi-drop{border:2px dashed var(--bh-border-strong);background:var(--bh-surface);text-align:center;width:100%;min-height:300px;transition:border-color .18s ease,background-color .18s ease,transform .18s var(--bh-ease);border-radius:22px;place-items:center;padding:44px 24px;display:grid}.bh-dpi-drop--compact{min-height:168px;padding:28px 24px}.bh-dpi-drop--over{border-color:var(--bh-accent);background:var(--bh-soft)}.bh-dpi-drop:focus-visible{outline:3px solid var(--bh-accent);outline-offset:4px}.bh-dpi-drop:active{transform:scale(.995)}@media (hover:hover) and (pointer:fine){.bh-dpi-drop:hover{border-color:var(--bh-accent)}}.bh-dpi-drop-inner{flex-direction:column;align-items:center;gap:10px;display:flex}.bh-dpi-drop-icon{width:34px;height:34px;color:var(--bh-accent)}.bh-dpi-drop-title{letter-spacing:-.01em;font-size:22px;font-weight:600}.bh-dpi-drop-hint{color:var(--bh-ink-2);max-width:46ch;font-size:14px;line-height:1.5}.bh-dpi-drop-privacy{font-family:var(--font-jbmono),"JetBrains Mono",ui-monospace,monospace;letter-spacing:.04em;color:var(--bh-ink-2);margin-top:4px;font-size:11px}.bh-dpi-drop--compact .bh-dpi-drop-hint,.bh-dpi-drop--compact .bh-dpi-drop-icon{display:none}.bh-dpi-drop-status{min-height:1.3em;color:var(--bh-ink-2);text-align:center;margin-top:10px;font-size:13px}.bh-dpi-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-top:28px;display:flex}.bh-dpi-count{color:var(--bh-ink-2);font-size:14px}.bh-dpi-clear{border:1px solid var(--bh-border-strong);color:var(--bh-ink);border-radius:9999px;padding:8px 16px;font-size:13px;font-weight:600;transition:background-color .18s}.bh-dpi-clear:hover{background:var(--bh-soft)}.bh-dpi-clear:focus-visible{outline:2px solid var(--bh-accent);outline-offset:2px}.bh-dpi-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px;margin:16px 0 0;padding:0;list-style:none;display:grid}.bh-dpi-card{border:1px solid var(--bh-border);background:var(--bh-surface);border-radius:16px;grid-template-columns:92px minmax(0,1fr);gap:14px;padding:14px;display:grid;position:relative}.bh-dpi-card[data-state=error]{border-color:#9b222659}.bh-dpi-thumb{background:var(--bh-soft);border-radius:10px;place-items:center;width:92px;height:92px;display:grid;overflow:hidden}.bh-dpi-thumb img{object-fit:cover;width:100%;height:100%;display:block}.bh-dpi-thumb-placeholder{font-family:var(--font-jbmono),"JetBrains Mono",ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--bh-ink-2);font-size:11px;font-weight:600}.bh-dpi-body{min-width:0}.bh-dpi-cardhead{align-items:baseline;gap:8px;padding-right:26px;display:flex}.bh-dpi-name{min-width:0;color:var(--bh-ink);font-size:14px;font-weight:600;display:flex}.bh-dpi-name-head{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.bh-dpi-name-tail{white-space:nowrap;flex:none}.bh-dpi-badge{border:1px solid var(--bh-border-strong);font-family:var(--font-jbmono),"JetBrains Mono",ui-monospace,monospace;letter-spacing:.08em;color:var(--bh-ink-2);border-radius:6px;flex:none;padding:1px 6px;font-size:10px;font-weight:600}.bh-dpi-chip{border:1px solid #0000;border-radius:9999px;margin-top:9px;padding:4px 10px;font-size:12px;font-weight:600;line-height:1.3;display:inline-block}.bh-dpi-chip[data-tone=success]{color:#1a6b3c;background:#1a6b3c1a;border-color:#1a6b3c40}.bh-dpi-chip[data-tone=warning]{color:#8a5310;background:#bf78201f;border-color:#bf78204d}.bh-dpi-chip[data-tone=error]{color:#9b2226;background:#9b22261a;border-color:#9b222647}.bh-dpi-chip[data-tone=neutral]{color:var(--bh-ink-2);background:var(--bh-soft);border-color:var(--bh-border)}.dark .bh-dpi-chip[data-tone=success]{color:#86d7a8;background:#86d7a81f;border-color:#86d7a842}.dark .bh-dpi-chip[data-tone=warning]{color:#f0b871;background:#f0b8711f;border-color:#f0b87142}.dark .bh-dpi-chip[data-tone=error]{color:#f2938f;background:#f2938f1f;border-color:#f2938f42}.bh-dpi-rows{gap:3px;margin:11px 0 0;display:grid}.bh-dpi-row{justify-content:space-between;align-items:baseline;gap:10px;font-size:13px;display:flex}.bh-dpi-row dt{color:var(--bh-ink-2)}.bh-dpi-row dd{text-align:right;font-family:var(--font-jbmono),"JetBrains Mono",ui-monospace,monospace;font-variant-numeric:tabular-nums;color:var(--bh-ink);margin:0;font-size:12px}.bh-dpi-source{color:var(--bh-ink-2);margin-top:10px;font-size:12px;line-height:1.5}.bh-dpi-message{color:var(--bh-ink-2);margin-top:8px;font-size:13px;line-height:1.5}.bh-dpi-remove{width:26px;height:26px;color:var(--bh-ink-2);border-radius:8px;place-items:center;transition:background-color .16s,color .16s;display:grid;position:absolute;top:10px;right:10px}.bh-dpi-remove:hover{background:var(--bh-soft);color:var(--bh-ink)}.bh-dpi-remove:focus-visible{outline:2px solid var(--bh-accent);outline-offset:2px}.bh-dpi-remove-icon{width:15px;height:15px}.bh-dpi-footnote{max-width:74ch;color:var(--bh-ink-2);margin-top:24px;font-size:14px;line-height:1.65}.bh-dpi-footnote-link{color:var(--bh-ink);text-underline-offset:3px;text-decoration:underline}.dpi-bridge{padding-block:48px 8px}.dpi-bridge h2{letter-spacing:-.03em;font-size:clamp(26px,2.6vw,36px);font-weight:600}.bh-dpi-bridge-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:22px;display:grid}.bh-dpi-bridge-card{border:1px solid var(--bh-border);background:var(--bh-surface);border-radius:18px;padding:24px}.bh-dpi-bridge-card h3{font-size:17px;font-weight:600}.bh-dpi-bridge-card p{color:var(--bh-ink-2);margin-top:8px;font-size:14px;line-height:1.65}.bh-dpi-bridge-card a{color:var(--bh-ink);text-underline-offset:4px;margin-top:14px;font-size:14px;font-weight:600;text-decoration:underline;display:inline-block}.bh-dpi-bridge-card a:hover{color:var(--bh-accent)}.dpi-faq{padding-block:56px 8px}.dpi-faq [id=faq]{scroll-margin-top:90px}.dpi-faq h2{letter-spacing:-.03em;font-size:clamp(28px,3vw,42px);font-weight:600}.dpi-faq>div>p{max-width:60ch;color:var(--bh-ink-2);margin-top:12px}.bh-dpi-faq-list{gap:10px;max-width:62rem;margin-top:26px;display:grid}.bh-dpi-faq-item{border:1px solid var(--bh-border);background:var(--bh-surface);border-radius:14px;overflow:hidden}.bh-dpi-faq-item summary{color:var(--bh-ink);cursor:pointer;justify-content:space-between;align-items:baseline;gap:14px;padding:16px 18px;font-size:16px;font-weight:600;list-style:none;display:flex}.bh-dpi-faq-item summary::-webkit-details-marker{display:none}.bh-dpi-faq-item summary:after{content:"+";color:var(--bh-accent);flex:none;font-size:18px;line-height:1}.bh-dpi-faq-item[open] summary:after{content:"−"}.bh-dpi-faq-item summary:focus-visible{outline:2px solid var(--bh-accent);outline-offset:-2px}.bh-dpi-faq-item p{max-width:78ch;color:var(--bh-ink-2);margin:0;padding:0 18px 18px;font-size:15px;line-height:1.7}@media (max-width:640px){.dpi-intro{padding-block:32px 24px}.dpi-intro h1{font-size:40px}.bh-dpi-drop{border-radius:18px;min-height:240px;padding:32px 18px}.bh-dpi-drop-title{font-size:19px}.bh-dpi-grid{grid-template-columns:minmax(0,1fr)}.bh-dpi-card{grid-template-columns:72px minmax(0,1fr)}.bh-dpi-thumb{width:72px;height:72px}}@media (prefers-reduced-motion:reduce){.bh-dpi-drop,.bh-dpi-clear,.bh-dpi-remove{transition:none}.bh-dpi-drop:active{transform:none}}