.draft-page { --dp-blue:#477fa9; --dp-green:#4b8d76; --dp-gold:#b78935; --dp-red:#c16a58; --dp-ai:#285d86; --dp-sandbox:#784b91; --dp-creator:#286951; }
@media (prefers-color-scheme:dark) { .draft-page { --dp-blue:#78b5df; --dp-green:#80bca5; --dp-gold:#e6bf6e; --dp-red:#e89b89; --dp-ai:#78b5df; --dp-sandbox:#c0a2dd; --dp-creator:#80bca5; } }
.dp-heading { display:flex; align-items:baseline; justify-content:space-between; gap:16px; margin-bottom:20px; }
.dp-heading h1 { font-size:28px; letter-spacing:-.025em; }
.dp-heading p { margin:5px 0 0; color:var(--muted); font-size:14px; }
.dp-meta { text-align:right; white-space:nowrap; color:var(--muted); font-size:12px; line-height:1.7; }
.dp-overview { display:grid; grid-template-columns:335px minmax(0,1fr); gap:22px; align-items:start; }
.dp-board, .dp-chart-card { background:var(--panel-strong); border:1px solid var(--line); border-radius:12px; min-width:0; }
.dp-board { padding:16px 0 10px; }
.dp-board h2 { font-size:16px; margin:0 16px 6px; }
.dp-source-legend { display:flex; gap:14px; margin:0 16px 9px; font-size:11px; }
.dp-source-legend span::before { content:' '; display:inline-block; width:6px; height:6px; border-radius:50%; background:currentColor; margin-right:5px; vertical-align:1px; }
.dp-source-ai { color:var(--dp-ai); }
.dp-source-creator { color:var(--dp-creator); }
.dp-board table { width:100%; border-collapse:collapse; table-layout:fixed; font-variant-numeric:tabular-nums; }
.dp-board th { padding:7px 8px; color:var(--muted); text-align:right; font-size:11px; border-bottom:1px solid var(--line); font-weight:600; letter-spacing:0; text-transform:none; white-space:nowrap; }
.dp-board th:first-child { width:57%; text-align:left; padding-left:16px; }
.dp-board td { padding:8px 12px; border-bottom:1px solid color-mix(in srgb,var(--line) 60%,transparent); font-size:13px; text-align:right; }
.dp-board td:first-child { padding-left:16px; text-align:left; }
.dp-board tr:last-child td { border:0; }
.dp-board tr.dp-selected { background:color-mix(in srgb,var(--accent) 9%,var(--panel-strong)); }
.dp-source { display:block; border:0; border-radius:0; background:none; padding:0; text-align:left; width:100%; font-size:12px; font-weight:500; }
.dp-source:hover { text-decoration:underline; }
.dp-source[aria-pressed=true] { font-weight:700; }
.dp-chart-card { padding:16px 18px 10px; }
.dp-chart-header { display:flex; align-items:start; justify-content:space-between; gap:10px; }
.dp-chart-header h2 { font-size:17px; margin:0 0 3px; }
.dp-chart-header p { margin:0; font-size:12px; color:var(--muted); }
.dp-plot { width:100%; margin-top:9px; position:relative; }
.dp-plot svg { display:block; overflow:visible; width:100%; height:360px; }
.dp-grid { stroke:var(--line); stroke-width:.65; opacity:.65; }
.dp-reference { stroke:var(--muted); stroke-width:1; stroke-dasharray:4 4; }
.dp-tick { font:11px system-ui; fill:var(--muted); }
.dp-axis { font:12px system-ui; fill:var(--text); }
.dp-point { opacity:.76; cursor:pointer; stroke:var(--panel-strong); stroke-width:.7; }
.dp-point:hover, .dp-point:focus { opacity:1; stroke:var(--text); stroke-width:1.8; outline:none; }
.dp-legend { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin:3px 0 0 58px; font-size:11px; color:var(--muted); }
.dp-dot { display:inline-block; height:7px; width:7px; border-radius:50%; margin-right:5px; }
.dp-tooltip { position:fixed; z-index:50; pointer-events:none; width:260px; padding:12px 14px; border:1px solid var(--line); border-radius:9px; background:var(--panel-strong); color:var(--text); box-shadow:0 8px 24px #0002; font-size:12px; line-height:1.5; }
.dp-tooltip b { display:block; font-size:13px; margin-bottom:4px; }
.dp-tooltip .dp-tooltip-rates { display:grid; grid-template-columns:1fr auto; gap:2px 10px; margin:8px 0; font-variant-numeric:tabular-nums; }
.dp-tooltip .dp-tooltip-rates span:nth-child(2n) { font-weight:600; }
.dp-tooltip .dp-muted { color:var(--muted); font-size:11px; }
.dp-extensions { margin-top:22px; display:grid; gap:9px; }
.dp-expand { border:1px solid var(--line); border-radius:10px; background:var(--panel); }
.dp-expand>summary { cursor:pointer; padding:14px 17px; font-size:14px; font-weight:500; }
.dp-expand>summary::marker { color:var(--muted); font-size:11px; }
.dp-expand>summary span { color:var(--muted); font-weight:400; font-size:12px; margin-left:8px; }
.dp-expand-body { padding:0 18px 18px; font-size:13px; line-height:1.6; }
.dp-expand-body h3 { font-size:14px; margin:20px 0 8px; }
.dp-expand-body p { margin:7px 0 12px; max-width:95ch; }
.dp-expand-body a { color:var(--accent); }
.dp-inner { margin:10px 0; }
.dp-prompt { white-space:pre-wrap; overflow-wrap:anywhere; font:inherit; line-height:1.65; margin:12px 0 0; }
.dp-creator-group { display:grid; gap:10px; }
.dp-model-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:20px; }
.dp-scroll { overflow:auto; }
.dp-data-table { border-collapse:collapse; width:100%; font-size:12px; font-variant-numeric:tabular-nums; }
.dp-data-table td, .dp-data-table th { text-align:left; padding:9px 10px; border-bottom:1px solid var(--line); vertical-align:top; }
.dp-data-table th { background:var(--panel-strong); color:var(--muted); font-weight:500; }
.dp-numeric { text-align:right!important; }
.dp-equation { font-family:ui-monospace,monospace; background:var(--panel-strong); border-radius:6px; padding:12px; overflow:auto; }
.dp-caution { color:var(--warn); }
.dp-table-controls { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:12px; }
.dp-search { padding:9px 12px; border:1px solid var(--line); border-radius:7px; color:var(--text); background:var(--panel-strong); font:inherit; width:min(300px,100%); }
.dp-full-table { max-height:590px; overflow:auto; border:1px solid var(--line); border-radius:7px; }
.dp-full-table table { min-width:1600px; }
.dp-full-table th { position:sticky; top:0; z-index:2; }
.dp-full-table td:first-child, .dp-full-table th:first-child { position:sticky; left:0; background:var(--panel-strong); min-width:220px; z-index:1; box-shadow:2px 0 0 var(--line); }
.dp-full-table th:first-child { z-index:3; }
.dp-card-button, .dp-sort { border:0; border-radius:0; padding:0; background:none; color:inherit; font:inherit; text-align:left; }
.dp-card-button { font-weight:500; color:var(--text); }
.dp-card-meta { display:block; color:var(--muted); font-size:10px; margin-top:2px; }
.dp-cell-grade { display:block; color:var(--muted); font-size:10px; max-width:155px; white-space:normal; }
.dp-dialog { box-sizing:border-box; color:var(--text); background:var(--panel-strong); border:1px solid var(--line); border-radius:14px; padding:24px; width:min(760px,calc(100vw - 28px)); max-height:85vh; overflow:auto; }
.dp-dialog::backdrop { background:#0005; }
.dp-dialog-heading { display:flex; align-items:start; justify-content:space-between; gap:12px; margin-bottom:18px; }
.dp-dialog h2 { font-size:22px; margin:0; }
.dp-dialog-heading button { flex-shrink:0; }
.dp-dialog p { font-size:13px; line-height:1.6; }
.dp-card-detail-layout { display:grid; grid-template-columns:minmax(220px,310px) minmax(0,1fr); gap:24px; align-items:start; }
.dp-card-images { margin:0; text-align:center; }
.dp-card-image { width:100%; height:auto; border-radius:12px; display:block; }
.dp-card-image[hidden] { display:none; }
.dp-card-images figcaption { margin-top:9px; font-size:11px; }
.dp-dialog .dp-modal-source { font-size:14px; font-weight:600; margin:0 0 16px; }
.dp-dialog .dp-detail-rates { display:grid; grid-template-columns:1fr 1fr; gap:22px 16px; margin:0 0 20px; }
.dp-dialog .dp-detail-rates small { display:block; font-size:11px; color:var(--muted); margin-bottom:3px; }
.dp-dialog .dp-detail-rates strong { font-size:21px; font-weight:500; font-variant-numeric:tabular-nums; }
.dp-dialog a { color:var(--accent); }
@media(max-width:650px) { .dp-card-detail-layout { grid-template-columns:1fr; }.dp-card-images { width:min(300px,100%); margin:0 auto; }.dp-dialog { padding:20px; } }
@media(max-width:1000px) { .dp-overview { grid-template-columns:285px minmax(0,1fr); gap:14px; }.dp-chart-header { flex-wrap:wrap; }.dp-heading h1 { font-size:25px; } }
@media(max-width:760px) { .dp-overview, .dp-model-grid { grid-template-columns:1fr; }.dp-heading { align-items:start; flex-direction:column; gap:8px; }.dp-meta { text-align:left; }.dp-board th:first-child { width:65%; }.dp-board td { padding-block:7px; }.dp-source { font-size:13px; }.dp-chart-card { padding:16px 10px 10px; }.dp-expand>summary span { display:block; margin:5px 0 0 14px; }.dp-table-controls { align-items:start; flex-direction:column; }.dp-dialog .dp-detail-rates { gap:16px; } }

.dp-comparison-pool { margin:0 16px 10px; font-size:11px; color:var(--muted); }
.dp-protocol-notes { padding:9px 16px 0; font-size:11px; line-height:1.5; color:var(--muted); }
.dp-protocol-notes p { margin:5px 0; }
.dp-protocol-notes strong { color:var(--text); white-space:nowrap; }
.dp-expand-body .dp-protocol-notes { padding:0; font-size:13px; }

.draft-page > .dp-protocol-notes { padding:0; margin:-8px 0 20px; font-size:12px; display:flex; flex-wrap:wrap; gap:4px 24px; }

.dp-source-sandbox, .dp-source.dp-source-sandbox, .dp-sort.dp-source-sandbox { color:var(--dp-sandbox); }
.dp-protocol-notes [data-prediction-group="internet"] strong { color:var(--dp-ai); }
.dp-protocol-notes [data-prediction-group="sandbox"] strong { color:var(--dp-sandbox); }
.dp-source-legend { flex-wrap:wrap; }
.dp-method-section { margin-top:24px; }
.dp-method-section + .dp-method-section { border-top:1px solid var(--line); padding-top:24px; }
.dp-expand-body h3.dp-method-heading { font-size:20px; line-height:1.3; font-weight:650; margin:0 0 12px; }