.db3-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin:16px 0}.db3-card{border:1px solid #ffc06a40;border-radius:6px;background:var(--surface);overflow:hidden}.db3-card>a{display:block;background:#e9e4dc}.db3-card img{display:block;width:100%;height:145px;object-fit:contain}.db3-card>div{padding:12px}.db3-card h2{font-size:17px;line-height:1.2;margin:6px 0}.db3-card p{font-size:13px;line-height:1.45;margin:0}.db3-card small{color:var(--accent);font-size:10px}.db3-card[hidden]{display:none}.db3-controls{display:flex;gap:12px;align-items:end;flex-wrap:wrap;padding:12px;background:var(--surface);border-radius:6px}.db3-controls label{display:grid;gap:5px;font-size:12px;flex:1 1 180px}.db3-controls input,.db3-controls select{width:100%;min-width:0;padding:10px;border:1px solid #ffc06a60;border-radius:4px;background:var(--bg);color:var(--text,#fff);font:inherit;font-size:14px}.db3-controls p{font-size:12px;margin:10px 0}.db3-basics{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.db3-basics section{padding:16px;background:var(--surface);border:1px solid #ffc06a40;border-radius:6px}.db3-basics h2{font-size:19px;margin:0 0 8px}.db3-basics p{font-size:14px;line-height:1.55;margin:0}.db3-home .mp4-topic{border-color:#ffc06a40}.db3-home .mp4-topic>img{object-fit:contain}.db3-directory input:focus-visible,.db3-directory select:focus-visible,.db3-card>a:focus-visible{outline:3px solid var(--accent);outline-offset:2px}@media(max-width:600px){.db3-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.db3-card img{height:120px}.db3-card>div{padding:10px}.db3-card h2{font-size:16px}.db3-card p{font-size:12px}.db3-controls label{flex-basis:100%}}