.dpe-wrap{display:grid;gap:var(--dpe-gap);margin:16px 0}.dpe-layout-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.dpe-layout-stack{grid-template-columns:1fr}.dpe-box{display:flex;flex-direction:column;gap:6px;padding:16px;border:1px solid var(--dpe-border);background:var(--dpe-bg);border-radius:var(--dpe-radius);color:var(--dpe-text);text-decoration:none;transition:transform .2s,box-shadow .2s}a.dpe-box:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgb(0 0 0 / .08)}.dpe-icon{width:28px;height:28px;stroke:var(--dpe-accent);fill:none;stroke-width:1.8}.dpe-icon path,.dpe-icon circle{stroke:var(--dpe-accent);fill:var(--dpe-accent)}.dpe-box-title{font-weight:700;font-size:15px}.dpe-box-text{color:var(--dpe-muted);font-size:13px}.dpe-chips{display:flex;flex-wrap:wrap;gap:8px}.dpe-chip{border:1px solid var(--dpe-border);border-radius:999px;padding:6px 10px;font-size:12px;background:color-mix(in srgb,var(--dpe-bg) 92%,var(--dpe-accent) 8%)}.dpe-details-btn,.dpe-play-btn{border:0;border-radius:999px;padding:8px 14px;background:var(--dpe-accent);color:#fff;cursor:pointer;width:fit-content}.dpe-box-audio .dpe-play-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0}.dpe-box-audio.is-playing .dpe-play-icon{display:none}.dpe-box-audio:not(.is-playing) .dpe-pause-icon{display:none}.dpe-progress{height:4px;background:var(--dpe-border);border-radius:999px;overflow:hidden}.dpe-progress span{display:block;height:100%;width:0;background:var(--dpe-accent)}.dpe-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:16px}.dpe-modal[hidden]{display:none!important}.dpe-modal-overlay{position:absolute;inset:0;background:rgb(17 24 39 / .5);backdrop-filter:blur(2px)}.dpe-modal-card{position:relative;background:var(--dpe-bg);color:var(--dpe-text);border:1px solid var(--dpe-border);border-radius:16px;padding:20px;max-width:520px;width:min(520px,92vw);max-height:85vh;overflow:auto}.dpe-modal-close{position:absolute;inset-inline-end:10px;inset-block-start:10px;border:0;background:#fff0;font-size:24px;cursor:pointer}.dpe-specs-table{width:100%;border-collapse:collapse;margin-top:12px}.dpe-specs-table th,.dpe-specs-table td{border-bottom:1px solid var(--dpe-border);padding:10px 8px;text-align:start}@media (max-width:640px){.dpe-layout-grid{grid-template-columns:1fr}}@media (prefers-color-scheme:dark){.dpe-wrap{--dpe-bg:#111827;--dpe-border:#1f2937;--dpe-text:#f9fafb;--dpe-muted:#9ca3af}}@media (prefers-reduced-motion:reduce){.dpe-box{transition:none}}