*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--ink-900: #0a0c10;--ink-850: #0d1015;--ink-800: #111419;--ink-780: #14181e;--ink-760: #171c23;--ink-720: #1c222b;--seam: rgba(255, 255, 255, .07);--seam-2: rgba(255, 255, 255, .11);--seam-inset: rgba(0, 0, 0, .55);--lift: rgba(255, 255, 255, .03);--fg: #eef1f6;--fg-2: #99a4b4;--fg-3: #5f6b7c;--fg-4: #3f4855;--signal: #2ec5d6;--signal-bright: #55d6e4;--signal-deep: #1fb6c9;--signal-ink: #04191c;--signal-wash: rgba(46, 197, 214, .13);--signal-line: rgba(46, 197, 214, .34);--signal-glow: rgba(46, 197, 214, .45);--guide-cool: rgba(122, 176, 208, .42);--guide-warm: rgba(255, 122, 107, .6);--danger: #ff6f61;--danger-wash: rgba(255, 111, 97, .1);--danger-line: rgba(255, 111, 97, .32);--ok: #57d08a;--sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, "SF Mono", "JetBrains Mono", "Menlo", "Cascadia Mono", monospace;--r-sm: 6px;--r-md: 9px;--r-lg: 13px;--col: 660px;color-scheme:dark}html,body,#root{height:100%}body{font-family:var(--sans);font-size:13px;line-height:1.45;background:radial-gradient(120% 80% at 100% 0%,#0d1118 0%,var(--ink-900) 55%) fixed;color:var(--fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"cv09","ss01"}::selection{background:var(--signal-wash);color:var(--signal-bright)}:root{accent-color:var(--signal);caret-color:var(--signal);scrollbar-color:rgba(255,255,255,.16) transparent;scrollbar-width:thin}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.13);border-radius:999px;border:3px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.24);background-clip:padding-box}::-webkit-scrollbar-corner{background:transparent}:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ink-900),0 0 0 4px var(--signal-line);border-radius:var(--r-sm)}.icon{display:block;flex:none}.app{height:100%;min-height:100vh;display:flex;flex-direction:column;overflow:hidden}.titlebar{flex:none;display:flex;align-items:center;gap:14px;height:52px;padding:0 16px;border-bottom:1px solid var(--seam);background:linear-gradient(var(--ink-800),var(--ink-800)) padding-box;box-shadow:inset 0 1px 0 var(--lift)}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand-mark{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;color:var(--signal);background:radial-gradient(120% 120% at 30% 20%,#1b2027,var(--ink-850));border:1px solid var(--seam-2);box-shadow:inset 0 1px 0 var(--lift)}.brand-text{display:flex;flex-direction:column;line-height:1.15;min-width:0}.brand-name{font-size:13px;font-weight:600;letter-spacing:-.006em}.brand-name b{font-weight:600}.brand-sub{font-family:var(--mono);font-size:10.5px;letter-spacing:.02em;color:var(--fg-3)}.titlebar-spacer{flex:1}.status{display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 11px 0 9px;border-radius:999px;border:1px solid var(--seam);background:var(--ink-850);font-family:var(--mono);font-size:11px;letter-spacing:.01em;color:var(--fg-2);cursor:pointer;transition:border-color .15s,color .15s,background .15s}.status:hover{border-color:var(--seam-2);color:var(--fg)}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--fg-4);box-shadow:0 0 0 0 transparent}.status.on .status-dot{background:var(--ok);box-shadow:0 0 8px #57d08a99}.status.off .status-dot{background:var(--danger);box-shadow:0 0 8px #ff6f6180}.iconbtn{width:32px;height:32px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--fg-2);display:grid;place-items:center;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.iconbtn:hover{background:var(--ink-760);color:var(--fg);border-color:var(--seam)}.workspace{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}.pane{min-height:0;min-width:0;display:flex;flex-direction:column;overflow:hidden}.pane.intake{border-right:1px solid var(--seam)}.pane.intake .pane-body{display:flex;flex-direction:column}.pane-head{flex:none;display:flex;align-items:center;gap:10px;height:40px;padding:0 16px;border-bottom:1px solid var(--seam);background:var(--ink-850)}.pane-index{font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.06em;color:var(--signal);opacity:.85}.pane-title{font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-2)}.pane-head-meta{margin-left:auto;display:flex;align-items:center;gap:8px}.pane-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:16px}.pane-foot{flex:none;border-top:1px solid var(--seam);background:var(--ink-850);padding:12px 16px}.btn{font-family:var(--sans);font-size:12.5px;font-weight:500;letter-spacing:-.002em;height:32px;padding:0 13px;border-radius:var(--r-sm);border:1px solid var(--seam-2);background:var(--ink-780);color:var(--fg);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;transition:background .14s,border-color .14s,color .14s,transform .06s;box-shadow:inset 0 1px 0 var(--lift)}.btn:hover:not(:disabled){background:var(--ink-760);border-color:#ffffff2e}.btn:active:not(:disabled){transform:translateY(.5px);background:var(--ink-720)}.btn:disabled{opacity:.42;cursor:not-allowed}.btn .icon{color:var(--fg-2)}.btn-sm{height:27px;padding:0 10px;font-size:11.5px;gap:5px}.btn-primary{background:linear-gradient(var(--signal),var(--signal-deep));border-color:transparent;color:var(--signal-ink);font-weight:600;box-shadow:0 1px #ffffff38 inset,0 6px 18px -8px var(--signal-glow)}.btn-primary:hover:not(:disabled){background:linear-gradient(var(--signal-bright),var(--signal));border-color:transparent}.btn-primary .icon{color:var(--signal-ink)}.btn-ghost{background:transparent;border-color:transparent;box-shadow:none;color:var(--fg-2)}.btn-ghost:hover:not(:disabled){background:var(--ink-760);color:var(--fg);border-color:var(--seam)}.btn-danger{color:var(--danger);border-color:transparent;background:transparent;box-shadow:none}.btn-danger:hover:not(:disabled){background:var(--danger-wash);border-color:var(--danger-line)}.btn-ok{color:var(--ok)!important;border-color:#57d08a4d!important;background:rgba(87,208,138,.1)!important}.btn-ok .icon{color:var(--ok)}.btn-block{width:100%}.segmented{display:inline-flex;padding:2px;gap:2px;border-radius:var(--r-sm);border:1px solid var(--seam);background:var(--ink-850)}.segmented button{font-family:var(--sans);font-size:11.5px;font-weight:500;height:24px;padding:0 10px;border:none;border-radius:4px;background:transparent;color:var(--fg-2);cursor:pointer;transition:background .13s,color .13s}.segmented button:hover{color:var(--fg)}.segmented button[aria-pressed=true]{background:var(--ink-720);color:var(--fg);box-shadow:inset 0 1px 0 var(--lift)}.spinner{width:13px;height:13px;border:1.75px solid rgba(255,255,255,.28);border-top-color:currentColor;border-radius:50%;animation:spin .62s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.banner{display:flex;align-items:center;gap:10px;margin:12px 16px 0;padding:9px 12px;border-radius:var(--r-md);font-size:12.5px;border:1px solid var(--danger-line);background:var(--danger-wash);color:var(--fg)}.banner .icon{color:var(--danger)}.banner-text{flex:1;min-width:0;word-break:break-word}.banner-close{flex:none;width:24px;height:24px;border-radius:5px;border:none;background:transparent;color:var(--fg-2);cursor:pointer;display:grid;place-items:center}.banner-close:hover{background:rgba(255,255,255,.06);color:var(--fg)}.dropwell{flex:1;min-height:260px;border-radius:var(--r-lg);border:1px solid var(--seam);background:var(--ink-850);box-shadow:inset 0 1px 0 var(--lift),inset 0 0 0 1px var(--seam-inset);display:flex;flex-direction:column;transition:border-color .18s,background .18s;position:relative;overflow:hidden}.dropwell.empty{border-style:dashed;border-color:var(--seam-2)}.dropwell.dragging{border-style:dashed;border-color:var(--signal-line);background:var(--signal-wash)}.intake-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:40px 28px;text-align:center}.intake-target{width:92px;height:92px;position:relative;display:grid;place-items:center;color:var(--signal)}.intake-target:before,.intake-target:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:18px}.intake-target:before{background:linear-gradient(var(--seam-2),var(--seam-2)) left 0 top 0 / 16px 1.5px no-repeat,linear-gradient(var(--seam-2),var(--seam-2)) left 0 top 0 / 1.5px 16px no-repeat,linear-gradient(var(--seam-2),var(--seam-2)) right 0 top 0 / 16px 1.5px no-repeat,linear-gradient(var(--seam-2),var(--seam-2)) right 0 top 0 / 1.5px 16px no-repeat,linear-gradient(var(--seam-2),var(--seam-2)) left 0 bottom 0 / 16px 1.5px no-repeat,linear-gradient(var(--seam-2),var(--seam-2)) left 0 bottom 0 / 1.5px 16px no-repeat,linear-gradient(var(--seam-2),var(--seam-2)) right 0 bottom 0 / 16px 1.5px no-repeat,linear-gradient(var(--seam-2),var(--seam-2)) right 0 bottom 0 / 1.5px 16px no-repeat}.intake-target .icon{filter:drop-shadow(0 0 11px var(--signal-glow))}.dropwell.dragging .intake-target .icon{animation:pulse 1s ease-in-out infinite}@keyframes pulse{50%{transform:scale(1.08)}}.intake-empty h2{font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--fg)}.intake-empty .lede{font-size:12.5px;color:var(--fg-2);max-width:34ch;line-height:1.5}.intake-empty .hint{font-family:var(--mono);font-size:10.5px;letter-spacing:.04em;color:var(--fg-3);margin-top:2px}.intake-filled{flex:1;min-height:0;display:flex;flex-direction:column}.intake-bar{flex:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1px solid var(--seam)}.intake-count{font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:var(--fg-2)}.intake-count b{color:var(--fg);font-weight:600}.intake-bar-actions{display:flex;gap:6px}.contact-grid{flex:1;min-height:0;overflow-y:auto;padding:12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:9px;align-content:start}.thumb{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;border:1px solid var(--seam-2);background:var(--ink-900);box-shadow:inset 0 0 0 1px var(--seam-inset)}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb-remove{position:absolute;top:5px;right:5px;width:22px;height:22px;border-radius:6px;border:none;background:rgba(6,8,12,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;cursor:pointer;display:grid;place-items:center;opacity:0;transform:scale(.9);transition:opacity .14s,transform .14s,background .14s}.thumb:hover .thumb-remove,.thumb-remove:focus-visible{opacity:1;transform:scale(1)}.thumb-remove:hover{background:var(--danger)}.thumb-index{position:absolute;left:5px;bottom:4px;font-family:var(--mono);font-size:9.5px;color:#ffffffd1;text-shadow:0 1px 3px rgba(0,0,0,.8);letter-spacing:.02em}.intake-run{flex:none;margin-top:14px}.btn-run{height:44px;font-size:13.5px;gap:9px}.btn-run.scanning{position:relative;overflow:hidden}.btn-run.scanning:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.28) 50%,transparent 70%);transform:translate(-100%);animation:sweep 1.15s ease-in-out infinite}@keyframes sweep{to{transform:translate(100%)}}.run-note{margin-top:9px;font-family:var(--mono);font-size:10.5px;letter-spacing:.02em;color:var(--fg-3);text-align:center}.inspector-count{font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:var(--fg-2);font-variant-numeric:tabular-nums}.inspector-count b{color:var(--fg);font-weight:600}.pane.inspector .pane-body{padding:0}.specimens{display:flex;flex-direction:column}.specimen{display:flex;align-items:center;gap:13px;min-width:0;padding:13px 16px;border-bottom:1px solid var(--seam);position:relative;transition:background .12s}.specimen:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--signal);transform:scaleY(0);transition:transform .15s ease}.specimen.on:before{transform:scaleY(1)}.specimen:hover{background:var(--ink-780)}.specimen.off{opacity:.44}.tick{flex:none;width:19px;height:19px;border-radius:5px;border:1px solid var(--seam-2);background:var(--ink-850);display:grid;place-items:center;cursor:pointer;color:transparent;transition:background .13s,border-color .13s,color .13s}.tick .icon{color:inherit}.specimen.on .tick{background:var(--signal);border-color:var(--signal);color:var(--signal-ink)}.tick input{position:absolute;opacity:0;width:0;height:0}.glyph-slot{flex:none;width:46px;height:46px;border-radius:8px;background:var(--ink-900);border:1px solid var(--seam);position:relative;display:grid;place-items:center;overflow:hidden;box-shadow:inset 0 0 0 1px var(--seam-inset)}.glyph-slot:before{content:"";position:absolute;left:0;right:0;top:30%;border-top:1px dashed var(--guide-warm)}.glyph-slot:after{content:"";position:absolute;left:0;right:0;bottom:26%;border-top:1px dashed var(--guide-cool)}.glyph-mono{font-family:var(--mono);font-size:17px;font-weight:600;color:var(--fg-2);position:relative;z-index:1;line-height:1}.specimen.on .glyph-mono{color:var(--signal-bright)}.specimen-info{flex:1;min-width:0}.specimen-name{display:block;font-family:var(--mono);font-size:13.5px;font-weight:500;color:var(--fg);letter-spacing:-.01em;overflow-wrap:anywhere;word-break:break-word;line-height:1.35}.specimen-name .dot{color:var(--signal);opacity:.85;padding:0 .5px}.specimen-desc{display:block;font-size:11.5px;color:var(--fg-2);margin-top:3px;line-height:1.45}.specimen-copy{flex:none;width:30px;height:30px;border-radius:6px;border:1px solid transparent;background:transparent;color:var(--fg-3);cursor:pointer;display:grid;place-items:center;opacity:0;transition:opacity .13s,color .13s,background .13s,border-color .13s}.specimen:hover .specimen-copy,.specimen-copy:focus-visible{opacity:1}.specimen-copy:hover{background:var(--ink-760);color:var(--fg);border-color:var(--seam)}.specimen-copy.done{opacity:1;color:var(--ok)}.inspector-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 32px;text-align:center;min-height:100%}.inspector-empty .glyph-slot{width:64px;height:64px}.inspector-empty .glyph-mono{font-size:22px;color:var(--fg-3)}.inspector-empty h2{font-size:14px;font-weight:600;color:var(--fg);margin-top:2px}.inspector-empty p{font-size:12px;color:var(--fg-2);max-width:32ch;line-height:1.5}.inspector-empty .steps{display:flex;align-items:center;gap:8px;margin-top:6px;font-family:var(--mono);font-size:10.5px;letter-spacing:.03em;color:var(--fg-3)}.inspector-empty .steps .icon{color:var(--fg-4)}.needs-key{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;padding:48px 32px;text-align:center;min-height:100%}.needs-key .keymark{width:52px;height:52px;border-radius:12px;display:grid;place-items:center;color:var(--signal);background:var(--signal-wash);border:1px solid var(--signal-line)}.needs-key h2{font-size:14px;font-weight:600}.needs-key p{font-size:12px;color:var(--fg-2);max-width:34ch;line-height:1.5}.export-row{display:flex;align-items:center;gap:8px}.export-row .btn-primary{padding:0 15px}.export-spacer{flex:1}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(4,6,10,.62);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:100;padding:24px;animation:fade .16s ease}@keyframes fade{0%{opacity:0}}.modal{width:480px;max-width:100%;background:var(--ink-800);border:1px solid var(--seam-2);border-radius:15px;box-shadow:0 24px 60px -20px #000000b3,inset 0 1px 0 var(--lift);animation:rise .2s cubic-bezier(.16,1,.3,1);overflow:hidden}@keyframes rise{0%{opacity:0;transform:translateY(10px) scale(.985)}}.modal-head{display:flex;align-items:center;gap:10px;padding:15px 16px;border-bottom:1px solid var(--seam);background:var(--ink-850)}.modal-head .icon{color:var(--signal)}.modal-head h3{font-size:13px;font-weight:600;letter-spacing:-.005em}.modal-head .banner-close{margin-left:auto}.modal-body{padding:18px 16px}.field-label{display:block;font-size:12px;font-weight:600;color:var(--fg);margin-bottom:3px}.field-note{font-size:11.5px;color:var(--fg-2);margin-bottom:11px;line-height:1.5}.input-row{display:flex;gap:8px}.input{flex:1;min-width:0;height:36px;padding:0 12px;border-radius:var(--r-sm);border:1px solid var(--seam-2);background:var(--ink-850);color:var(--fg);font-size:12.5px;font-family:var(--mono);letter-spacing:.01em;box-shadow:inset 0 1px 2px var(--seam-inset);transition:border-color .14s,box-shadow .14s}.input::placeholder{color:var(--fg-3)}.input:focus{outline:none;border-color:var(--signal-line);box-shadow:inset 0 1px 2px var(--seam-inset),0 0 0 3px var(--signal-wash)}.field-hint{display:flex;gap:8px;align-items:flex-start;margin-top:12px;padding:10px 12px;border-radius:var(--r-md);background:var(--ink-850);border:1px solid var(--seam);font-size:11.5px;line-height:1.5;color:var(--fg-2)}.field-hint .icon{color:var(--fg-3);margin-top:1px}.field-hint a{color:var(--signal);text-decoration:none}.field-hint a:hover{text-decoration:underline;text-underline-offset:2px}.modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:14px 16px;border-top:1px solid var(--seam);background:var(--ink-850)}.example-cta{font-size:12px;color:var(--fg-3);line-height:1.4}.linkbtn{font-family:inherit;font-size:inherit;font-weight:500;color:var(--signal-bright);background:none;border:0;padding:0;cursor:pointer;display:inline-flex;align-items:center;gap:4px;border-bottom:1px solid transparent;transition:color .14s,border-color .14s}.linkbtn:hover{color:var(--fg);border-bottom-color:var(--signal-line)}.linkbtn .icon{color:currentColor}.example-tag{font-family:var(--mono);font-size:9.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--signal-bright);background:var(--signal-wash);border:1px solid var(--signal-line);border-radius:999px;padding:2px 7px}.example-credit{margin-top:10px;font-family:var(--mono);font-size:10px;line-height:1.5;letter-spacing:.02em;color:var(--fg-3);text-align:center}@media (prefers-reduced-motion: no-preference){.reveal{animation:reveal .44s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--d, 0ms)}@keyframes reveal{0%{opacity:0;transform:translateY(7px)}}}@media (max-width: 860px){.app{height:auto;min-height:100vh;overflow-x:hidden;overflow-y:visible}.workspace{grid-template-columns:1fr}.pane{overflow:visible}.pane.intake{border-right:none;border-bottom:1px solid var(--seam)}.pane-body{overflow:visible}.dropwell{min-height:300px}.pane.inspector .pane-body,.contact-grid{overflow:visible}.pane-head,.pane-foot{padding-inline:max(16px,calc((100% - var(--col)) / 2))}.pane.intake .pane-body{max-width:var(--col);width:100%;margin-inline:auto}.specimens{max-width:var(--col);margin-inline:auto}}@media (max-width: 520px){.titlebar{padding:0 12px;gap:10px}.brand-sub,.status .status-label{display:none}.status{padding:0 8px}.pane-body{padding:12px}.export-row{flex-wrap:wrap}.export-row .btn{flex:1;min-width:120px}}