:root{--ink:#243347;--muted:#637083;--line:#e0e6ed;--blue:#315c8b;--soft:#f5f7fa}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}.page-header,main,footer{width:min(1320px,calc(100% - 48px));margin:auto}.page-header{padding:28px 0 22px}.back{font-size:.88rem}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px}.heading p{color:var(--muted);margin:0}.eyebrow{font-size:.72rem;letter-spacing:.14em}h1{font:500 2.35rem/1.2 Georgia,serif;margin:8px 0 0}h2{font-size:1.1rem;margin:0 0 15px}h3{font-size:.94rem;margin:26px 0 12px}.selection{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap;background:var(--soft);padding:20px;border:1px solid var(--line);border-radius:8px;margin-bottom:22px}label{display:block;font-size:.83rem;font-weight:500}input[type=search],select{display:block;width:100%;font:inherit;color:var(--ink);background:#fff;border:1px solid #cbd4df;border-radius:5px;padding:9px 10px;margin-top:7px;min-height:40px}.selection>label:first-child{flex:1;min-width:220px}.entry-field{flex:1.6;min-width:260px}button{cursor:pointer;font:inherit;color:var(--ink);background:#fff;border:1px solid #cbd4df;border-radius:5px;padding:8px 13px;min-height:40px}button:hover{background:#edf2f7}button:disabled,select:disabled{opacity:.55;cursor:wait}.navigation{display:flex;gap:6px}.examples{flex-basis:100%;display:flex;gap:8px;align-items:center;font-size:.82rem;color:var(--muted)}.examples button{font-size:.78rem;padding:4px 9px;min-height:29px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 275px;border:1px solid var(--line);border-radius:8px;overflow:hidden}.viewer-column{min-width:0}.target-bar{display:flex;gap:14px;align-items:baseline;flex-wrap:wrap;padding:17px 20px;border-bottom:1px solid var(--line)}.target-bar h2{margin:0;font-size:1.08rem}.target-bar span{font-size:.85rem;color:var(--muted)}#viewer{position:relative;height:620px;background:#fff}#viewer-placeholder{padding:100px 20px;text-align:center;color:var(--muted)}.viewer-footer{padding:12px 18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:.77rem;color:var(--muted)}#status.error{color:#a13232}.gesture{color:#788495}aside{padding:22px 20px;background:var(--soft);border-left:1px solid var(--line)}.legend{display:flex;flex-wrap:wrap;gap:8px 14px;margin:15px 0;font-size:.78rem}.legend span{display:inline-flex;align-items:center;gap:6px}.legend i{width:10px;height:10px;border-radius:50%;background:#daa620}.legend .gt-color{background:#8a95a5}.checkbox{display:flex;align-items:center;gap:8px;margin:13px 0;font-weight:400}.checkbox input{accent-color:var(--blue);width:15px;height:15px}.density-controls{margin-top:20px}.density-controls label{display:flex;justify-content:space-between;font-size:.79rem}.density-controls output{font-weight:400;color:var(--muted)}input[type=range]{width:100%;margin:8px 0 18px;accent-color:var(--blue)}.reset{width:100%;font-size:.83rem}dl{margin:0}dl div{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--line);font-size:.82rem}dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums}.score-note{font-size:.74rem;color:var(--muted);line-height:1.5;margin-top:12px}.archive-link{font-size:.78rem}.about{max-width:980px;padding:30px 0;margin:auto}.about h2{font-family:Georgia,serif;font-weight:500;font-size:1.5rem}.about p{font-size:.9rem;color:var(--muted)}.map-detail{font-size:.8rem!important}footer{border-top:1px solid var(--line);padding:22px 0 32px;color:var(--muted);text-align:center;font-size:.8rem}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #6796c7;outline-offset:3px}#viewer .msp-plugin{font-family:Arial,sans-serif}@media(max-width:900px){.workspace{grid-template-columns:1fr}aside{border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:0 24px}aside h2,aside h3,#scores,.score-note,.archive-link{grid-column:1/-1}.heading>p{display:none}#viewer{height:520px}.gesture{display:none}}@media(max-width:540px){.page-header,main,footer{width:calc(100% - 24px)}h1{font-size:1.9rem}.selection{padding:15px;gap:12px}.entry-field{min-width:100%}.examples{flex-wrap:wrap}#viewer{height:420px}aside{display:block}.target-bar{padding:14px}.viewer-footer{font-size:.75rem}}
.original-button{margin-top:12px;color:var(--blue);border-color:#a9bfd5}
[hidden]{display:none!important}.gallery-intro{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:10px 0 20px}.gallery-intro h2{font:500 1.6rem/1.25 Georgia,serif;margin:0 0 8px}.gallery-intro p{margin:0;color:var(--muted);font-size:.86rem}.motion-toggle{font-size:.8rem;white-space:nowrap}.gallery-action{text-align:center;padding:10px 0 22px}.enter-explorer{background:#315c8b;border:0;color:white;font-size:1rem;font-weight:600;padding:14px 28px;border-radius:7px;box-shadow:0 5px 16px #315c8b25}.enter-explorer:hover{background:#244a76}.enter-explorer span{padding-left:12px}.gallery-action p{font-size:.82rem;color:var(--muted);margin:10px 0 0}.gallery-legend{display:flex;align-items:center;gap:7px;font-size:.77rem;color:var(--muted);margin:0 0 15px;flex-wrap:wrap}.legend-dot{width:9px;height:9px;border-radius:50%;display:inline-block}.protein-dot{background:#357fa2}.density-dot{background:#adb9c5;margin-left:12px}.gallery-static-note{margin-left:auto}.gallery-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.gallery-card{padding:0;border:1px solid #e2e8ef;border-radius:7px;overflow:hidden;background:#f7fafc;min-width:0;transition:box-shadow .15s,border-color .15s}.gallery-card:hover{background:#f7fafc;border-color:#89a9c9;box-shadow:0 3px 14px #24334718}.gallery-card img{width:100%;height:auto;display:block;aspect-ratio:256/180}.gallery-card-label{display:flex;justify-content:space-between;gap:6px;padding:7px 10px;background:#fff;font-size:.72rem;color:var(--muted)}.gallery-card-label strong{font-weight:500;color:var(--ink)}.bottom-action{padding:28px 0}.back-gallery{margin:0 0 18px;font-size:.83rem}@media(max-width:900px){.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gallery-static-note{margin-left:0;flex-basis:100%}}@media(max-width:540px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.gallery-intro{align-items:flex-start}.gallery-intro h2{font-size:1.35rem}.gallery-card-label{padding:6px;font-size:.65rem}.motion-toggle{font-size:.7rem;padding:6px}.enter-explorer{font-size:.9rem}}@media(prefers-reduced-motion:reduce){.gallery-card{transition:none}}
.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:8px 0 20px}.gallery-toolbar .gallery-legend{margin:0}.gallery-toolbar>div{display:flex;gap:10px;align-items:center}.gallery-toolbar .enter-explorer{padding:10px 18px;font-size:.87rem;box-shadow:none}.gallery-card img{aspect-ratio:1/1}.gallery-grid{gap:12px;margin-bottom:30px}.page-header .heading{margin-top:18px}@media(max-width:540px){.gallery-toolbar{gap:8px}.gallery-toolbar>div{gap:6px}.gallery-toolbar .enter-explorer{padding:8px 10px;font-size:.77rem}.gallery-toolbar .gallery-legend{font-size:.7rem}}
.gallery-card video{width:100%;height:auto;display:block;aspect-ratio:1/1;pointer-events:none}
.gt-palette{display:inline-flex;gap:2px}.gt-palette i{height:7px;width:7px;border-radius:50%;background:#7d9184}.gt-palette i:nth-child(2){background:#a98280}.gt-palette i:nth-child(3){background:#738c9a}.gt-palette i:nth-child(4){background:#a7957d}.gt-palette i:nth-child(5){background:#8b8098}.density-dot{background:#c8c4bf}

.page-header .heading{justify-content:center;text-align:center}.back,.back-gallery{font-size:1.05rem}footer{border-top:0}

footer{font-size:.9rem;padding-top:12px}.gallery-grid{margin-bottom:20px}

.benchmark-strip{align-items:center;gap:16px;padding:16px 18px}.benchmark-strip h3{margin:0;font-size:.82rem;white-space:nowrap}.benchmark-strip #scores{flex:1;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.benchmark-strip #scores div{display:flex;flex-direction:column;align-items:center;gap:5px;padding:0;border:0;font-size:.75rem}.benchmark-strip #scores dt{white-space:nowrap;color:var(--muted)}.benchmark-strip #scores dd{font-size:.9rem}.viewer-status{margin:0;padding:10px 18px;color:#a13232;font-size:.8rem}.about{padding:24px 0}.about p{margin:8px 0}@media(max-width:1100px){.benchmark-strip h3{width:100%}.benchmark-strip #scores{flex-basis:100%}}@media(max-width:540px){.benchmark-strip #scores{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:14px}}

.second-method{margin-top:16px}#score-method{display:block;margin-top:4px}#second-score-method{white-space:normal;min-width:110px}.benchmark-strip #scores-second{flex:1;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.benchmark-strip #scores-second div{display:flex;flex-direction:column;align-items:center;gap:5px;padding:0;border:0;font-size:.75rem}.benchmark-strip #scores-second dt{white-space:nowrap;color:var(--muted)}.benchmark-strip #scores-second dd{font-size:.9rem}@media(max-width:1100px){.benchmark-strip #scores-second{flex-basis:100%}}@media(max-width:540px){.benchmark-strip #scores-second{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:14px}}

.benchmark-strip h3{flex:0 0 142px}@media(max-width:1100px){.benchmark-strip h3{flex-basis:100%}}

.benchmark-heading{border-top:1px solid var(--line);padding:16px 18px 4px;text-align:center}.benchmark-heading h3{margin:0;font-size:.95rem}.benchmark-heading+.benchmark-strip{border-top:0}.benchmark-strip h3{text-align:center}#score-method{margin-top:0}.selection>label,aside>h2,aside>label:not(.checkbox){text-align:center}.selection input{text-align:left}.selection select,aside>label select{text-align:center}#emdb-link{display:block;text-align:center;margin-top:10px}.legend{justify-content:center}.about h2{text-align:center}


.selection select,aside select{appearance:none;padding-left:28px;padding-right:28px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5 6 7.5 9 4.5' fill='none' stroke='%23243347' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}
