:root{--bg:#06182b;--panel:#0a2540;--panel-raised:#103357;--line:#1d4570;--text:#e8eef5;--text-muted:#93a9c2;--accent:#2e7dd1;--accent-light:#5b9be0;--image:#000;--warning:#f2b544;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--corner-font-size:12px;--radius:6px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:14px}.app{grid-template:"top top"84px"side stage"1fr"bottom bottom"28px/264px 1fr;height:100vh;display:grid}.top{background:var(--panel);border-bottom:1px solid var(--line);grid-area:top;align-items:center;gap:20px;min-width:0;padding:0 16px;display:flex}.brand{white-space:nowrap;align-items:baseline;gap:8px;display:flex}.brand-name{letter-spacing:-.01em;font-size:16px;font-weight:700}.brand-sub{color:var(--text-muted);font-size:14px}.toolbar{flex:1;gap:6px;min-width:0;display:grid}.toolbar-row{align-items:center;gap:16px;min-width:0;padding-bottom:1px;display:flex;overflow-x:auto}.toolbar-row::-webkit-scrollbar{height:4px}.toolbar-row::-webkit-scrollbar-thumb{background:var(--line);border-radius:2px}.button-group{gap:4px;display:flex}.button{font:inherit;color:var(--text);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;white-space:nowrap;background:0 0;padding:6px 10px;font-size:13px}.button:hover{background:var(--panel-raised)}.button:disabled{opacity:.4;cursor:default;background:0 0}.button[aria-pressed=true]{background:var(--panel-raised);border-color:var(--accent)}.button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.button.primary:hover{background:var(--accent-light);border-color:var(--accent-light)}.button.large{padding:10px 20px;font-size:15px}.button:focus-visible,.series:focus-visible{outline:2px solid var(--accent-light);outline-offset:2px}.button kbd{color:var(--text-muted);font:inherit;margin-left:4px;font-size:11px}.side{background:var(--panel);border-right:1px solid var(--line);grid-area:side;padding:12px 10px;overflow-y:auto}.side-empty{color:var(--text-muted);margin:4px 6px;font-size:13px;line-height:1.5}.study+.study{border-top:1px solid var(--line);margin-top:16px;padding-top:12px}.study-header{padding:0 6px 8px}.study-patient{font-size:14px;font-weight:600}.study-meta{color:var(--text-muted);margin-top:2px;font-size:12px;line-height:1.4}.series-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.series{text-align:left;width:100%;font:inherit;color:var(--text);border-radius:var(--radius);cursor:pointer;background:0 0;border:1px solid #0000;gap:2px;padding:8px 10px;display:grid}.series:hover{background:var(--panel-raised)}.series[aria-current=true]{background:var(--panel-raised);border-color:var(--accent)}.series.with-thumbnail{grid-template-columns:52px 1fr;align-items:center;column-gap:10px}.series-text{gap:2px;min-width:0;display:grid}.thumbnail{background:var(--image);object-fit:contain;border-radius:4px;width:52px;height:52px;display:block}.series-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.series-meta{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:12px}.measurements{border-top:1px solid var(--line);margin-top:16px;padding-top:12px}.measurements h2{color:var(--text-muted);margin:0 6px 8px;font-size:13px;font-weight:600}.measurement-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.measurement{border-radius:var(--radius);align-items:center;gap:4px;display:flex}.measurement:hover{background:var(--panel-raised)}.measurement-go{text-align:left;min-width:0;font:inherit;color:var(--text);cursor:pointer;background:0 0;border:0;flex:1;gap:1px;padding:7px 8px;display:grid}.measurement-value{font-variant-numeric:tabular-nums;font-size:13px}.measurement-place{color:var(--text-muted);font-size:12px}.measurement-delete{font:inherit;color:var(--text-muted);cursor:pointer;border-radius:var(--radius);background:0 0;border:0;padding:6px 8px;font-size:12px}.measurement-delete:hover{color:var(--text);background:var(--line)}.measurement-go:focus-visible,.measurement-delete:focus-visible{outline:2px solid var(--accent-light);outline-offset:1px}.tags{border-top:1px solid var(--line);margin-top:16px;padding-top:12px}.tags h2{color:var(--text-muted);margin:0 6px 8px;font-size:13px;font-weight:600}.tag-table{border-collapse:collapse;width:100%;font-size:12px}.tag-table th{text-align:left;color:var(--text-muted);vertical-align:top;width:45%;padding:3px 6px;font-weight:500}.tag-table td{font-variant-numeric:tabular-nums;word-break:break-word;padding:3px 6px}.stage{background:var(--image);grid-area:stage;position:relative;overflow:hidden}.viewport{position:absolute;inset:0}.viewport canvas{outline:none}.corner{pointer-events:none;font-size:var(--corner-font-size);color:#d9e4f0;text-shadow:0 0 2px #000,0 0 2px #000;font-variant-numeric:tabular-nums;white-space:pre-line;max-width:45%;line-height:1.45;position:absolute}.corner-top-left{top:12px;left:16px}.corner-top-right{text-align:right;top:12px;right:16px}.corner-bottom-left{bottom:12px;left:16px}.corner-bottom-right{text-align:right;bottom:12px;right:16px}.orientation{pointer-events:none;color:#d9e4f0;letter-spacing:.02em;text-shadow:0 0 2px #000,0 0 2px #000;font-size:13px;font-weight:600;position:absolute}.orientation-top{top:8px;left:50%;transform:translate(-50%)}.orientation-bottom{bottom:8px;left:50%;transform:translate(-50%)}.orientation-left{top:50%;left:10px;transform:translateY(-50%)}.orientation-right{top:50%;right:10px;transform:translateY(-50%)}.scale-bar{pointer-events:none;color:#d9e4f0;font-variant-numeric:tabular-nums;text-shadow:0 0 2px #000,0 0 2px #000;justify-items:center;gap:3px;font-size:11px;display:grid;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}.scale-bar-line{border:1px solid #d9e4f0;border-top:0;height:6px;display:block;box-shadow:0 0 2px #000}.empty-state{background:var(--bg);place-items:center;padding:24px;display:grid;position:absolute;inset:0}.drop-area{border:1.5px dashed var(--line);text-align:center;border-radius:14px;width:min(560px,100%);padding:48px 40px}.drop-area h1{letter-spacing:-.01em;margin:0 0 10px;font-size:22px;font-weight:650}.drop-area p{color:var(--text-muted);margin:0;line-height:1.55}.drop-buttons{flex-wrap:wrap;justify-content:center;gap:10px;margin:28px 0 22px;display:flex}.privacy-note{font-size:12px}.drop-overlay{border:2px solid var(--accent);pointer-events:none;background:#0a2540d1;border-radius:14px;place-items:center;display:none;position:absolute;inset:12px}.drop-overlay p{margin:0;font-size:20px;font-weight:600}.app.dragging .drop-overlay{display:grid}.bottom{background:var(--panel);border-top:1px solid var(--line);color:var(--text-muted);grid-area:bottom;justify-content:space-between;align-items:center;gap:16px;padding:0 16px;font-size:12px;display:flex}.bottom .disclaimer{color:var(--warning)}@media (max-width:760px){.app{grid-template:"top"84px"side"150px"stage"1fr"bottom"28px/1fr}.brand-sub{display:none}.side{border-right:0;border-bottom:1px solid var(--line)}}