.dbs-module{--accent:var(--blue)}.dbs-page{width:min(100% - 80px,1280px)}.dbs-intro{padding:34px 0 30px}.dbs-intro h1{font-size:clamp(30px,4vw,42px)}.dbs-intro p{font-size:15px;margin-top:12px}.dbs-intro .eyebrow{margin-bottom:12px}.dbs-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:22px;align-items:start}.dbs-controls,.dbs-notes{border:1px solid var(--line);border-radius:16px;padding:26px;background:var(--surface);min-width:0}.dbs-controls{grid-column:1;grid-row:1}.controls-title{font-size:18px;margin:0 0 28px;letter-spacing:-.02em}.control-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.control-heading .section-kicker{margin:0;font-size:10px}.control-count{font-size:10px;color:var(--muted);white-space:nowrap}.target-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.option-btn{display:flex;align-items:center;justify-content:center;min-height:44px;min-width:0;background:var(--background);border:1px solid var(--line);border-radius:8px;color:var(--muted);font-size:13px;font-weight:500;text-decoration:none;padding:8px 10px;line-height:1.3}.option-btn:hover{color:var(--text);border-color:var(--blue)}.option-btn.selected{background:#203047;color:#c9dcff;border-color:#678cc5}.images-section{margin-top:27px;padding-top:25px;border-top:1px solid var(--line)}.sequence-buttons{display:flex;gap:8px;flex-wrap:wrap}.sequence-buttons .option-btn{flex:1;font-size:12px}.tracts-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12px;color:#c2cbd5;min-height:48px;margin-top:18px;cursor:pointer}.tracts-toggle input{width:20px;height:20px;margin:0;accent-color:var(--blue);cursor:pointer;flex-shrink:0}.dbs-viewer{grid-column:2;grid-row:1 / span 2;position:sticky;top:98px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#080c10;min-width:0;display:flex;flex-direction:column;height:calc(100svh - 140px);min-height:540px;max-height:920px}.viewer-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid var(--line);background:var(--surface)}.viewer-heading h2{font-size:13px;letter-spacing:0;margin:0;font-weight:500}.viewer-heading>span{font-size:11px;color:var(--blue)}.viewer-stage{position:relative;flex:1;min-height:0;background:#000}.viewer-stage iframe{width:100%;height:100%;border:0}.viewer-hint{color:var(--muted);font-size:11px;line-height:1.6;margin:0;padding:12px 20px;border-top:1px solid var(--line);background:var(--surface)}.viewer-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px}.viewer-empty h3{font-size:28px;margin:0 0 15px}.viewer-empty p{max-width:36ch;font-size:14px;color:var(--muted)}.selection-hint{font-size:13px;color:var(--muted);margin:25px 0 0}.dbs-notes{grid-column:1;grid-row:2;color:#bbc5d0;font-size:13px;line-height:1.85;overflow-wrap:anywhere}.dbs-notes .section-title{text-align:left!important;font-size:13px;color:var(--text);font-weight:550;line-height:1.5;margin:24px 0 12px;letter-spacing:-.01em}.dbs-notes .content>.section-title{font-size:20px;line-height:1.3;margin:0 0 25px}.dbs-notes ul,.dbs-notes ol{padding-left:18px;margin:0}.dbs-notes li{padding-left:2px;margin-bottom:13px}.dbs-notes .section:last-child{font-size:11px;color:var(--muted)}#legend{position:absolute;bottom:12px;left:12px;max-width:calc(100% - 24px);max-height:40%;overflow:auto;background:rgba(18,25,32,.94);border:1px solid var(--line);padding:11px 14px;border-radius:10px;font-size:11px;line-height:1.8;z-index:10}.color-swatch{display:inline-block;width:11px;height:11px;border:1px solid #ffffff50;border-radius:3px;flex-shrink:0}
@media(min-width:1500px){.dbs-viewer{min-height:660px}}
@media(max-width:1050px){.dbs-layout{grid-template-columns:290px minmax(0,1fr);gap:18px}.dbs-controls,.dbs-notes{padding:22px}.dbs-page{width:calc(100% - 48px)}.option-btn{padding-inline:6px}.viewer-heading{flex-wrap:wrap;gap:4px 12px}}
@media(max-width:800px){.dbs-page{width:calc(100% - 40px)}.dbs-intro{padding:30px 0 24px}.dbs-layout{grid-template-columns:minmax(0,1fr);gap:20px}.dbs-controls{grid-column:1;grid-row:1}.dbs-viewer{grid-column:1;grid-row:2;position:relative;top:auto;height:72svh;min-height:480px;max-height:760px}.dbs-notes{grid-column:1;grid-row:3;font-size:14px;line-height:1.8}.controls-title{margin-bottom:22px}.target-buttons{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.images-section{margin-top:22px;padding-top:20px}.tracts-toggle{margin-top:12px}.dbs-notes .section-title{font-size:15px}.dbs-notes .content>.section-title{font-size:24px}.viewer-hint{padding:12px 16px}.viewer-heading{padding:15px 16px}#legend{font-size:10px;max-height:36%;padding:8px 10px}}