:root{--bg: #171a1f;--bg-deep: #131519;--ink: #f2f0ea;--ink-dim: #989daa;--ink-soft: rgba(242, 240, 234, .72);--hairline: rgba(242, 240, 234, .14);--hairline-strong: rgba(242, 240, 234, .34);--accent: #e8503a;--serif: "Instrument Serif", Georgia, serif;--sans: "Instrument Sans", system-ui, sans-serif}*{box-sizing:border-box;margin:0}html{background:var(--bg)}body{background:radial-gradient(1100px 700px at 78% -10%,rgba(96,118,155,.16),transparent 60%),radial-gradient(900px 700px at 8% 108%,rgba(232,80,58,.07),transparent 55%),var(--bg);color:var(--ink);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}body:after{content:"";position:fixed;top:-50%;right:-50%;bottom:-50%;left:-50%;pointer-events:none;z-index:2000;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E")}.app{height:100vh;display:flex;flex-direction:column}header{display:flex;align-items:center;gap:26px;padding:16px 28px;border-bottom:1px solid var(--hairline)}.wordmark{font-family:var(--serif);font-style:italic;font-size:23px;letter-spacing:.01em}.overlay-tabs{display:flex;gap:2px}.overlay-tabs button{background:transparent;border:none;color:var(--ink-dim);padding:6px 13px;cursor:pointer;font-family:var(--sans);font-size:11px;letter-spacing:.18em;text-transform:uppercase;border-bottom:1px solid transparent;transition:color .25s}.overlay-tabs button:hover{color:var(--ink)}.overlay-tabs button.active{color:var(--ink);border-bottom-color:var(--ink)}.header-right{margin-left:auto;display:flex;align-items:center;gap:14px}.file-name{color:var(--ink-dim);font-size:12px}button.mini{background:transparent;border:1px solid var(--hairline-strong);color:var(--ink);border-radius:999px;padding:5px 15px;font-family:var(--sans);font-size:11.5px;cursor:pointer;transition:border-color .25s,background .25s,color .25s}button.mini:hover{background:var(--ink);color:var(--bg-deep);border-color:var(--ink)}.exif-bar{display:flex;align-items:center;gap:20px;padding:9px 28px;border-bottom:1px solid var(--hairline);font-size:12px;color:var(--ink-dim);flex-wrap:wrap;font-variant-numeric:tabular-nums}.exif-cam{color:var(--ink-soft)}.exif-bar label{display:flex;align-items:center;gap:5px}.exif-bar input{width:56px;background:transparent;border:none;border-bottom:1px solid var(--hairline-strong);color:var(--ink);padding:2px 4px;font-family:var(--sans);font-size:12px;font-variant-numeric:tabular-nums}.exif-bar input:focus{outline:none;border-bottom-color:var(--ink)}.wb-tag{padding:2px 10px;border-radius:999px;border:1px solid var(--hairline);font-size:10.5px;letter-spacing:.1em}.wb-auto{color:var(--accent);border-color:#e8503a80}.wb-manual{color:#8fd6a5;border-color:#8fd6a566}.exif-warn{color:var(--accent)}.error-bar{padding:9px 28px;color:var(--accent);font-size:13px;border-bottom:1px solid var(--hairline)}.dropzone{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;min-height:70vh;overflow:hidden;padding:24px}.court{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.court-line{position:absolute;background:var(--hairline-strong)}.court-line.h1a{top:17%;left:0;width:39%;height:1px;transform-origin:left center}.court-line.h1b{top:17%;right:0;width:39%;height:1px;transform-origin:right center}.court-line.h2a{bottom:15%;left:0;width:32%;height:1px;transform-origin:left center}.court-line.h2b{bottom:15%;right:0;width:32%;height:1px;transform-origin:right center}.court-line.vert.v1{left:9%;top:30%;height:40%;width:1px;transform-origin:center top}.court-line.vert.v2{right:9%;top:30%;height:40%;width:1px;transform-origin:center bottom}.dz-kicker{font-size:11px;letter-spacing:.38em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:26px}.dz-title{font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(52px,8.2vw,116px);line-height:1.02;letter-spacing:.005em;margin-bottom:30px}.dz-title-line{display:block}.dz-lede{max-width:470px;color:var(--ink-dim);font-size:14.5px;line-height:1.75;margin-bottom:40px}.dz-open{display:inline-flex;align-items:center;gap:10px;background:var(--ink);color:var(--bg-deep);font-size:13px;font-weight:500;padding:12px 26px;border-radius:999px;transition:transform .3s cubic-bezier(.22,1,.36,1)}.dropzone:hover .dz-open{transform:translateY(-2px)}.dz-open-dot{width:7px;height:7px;border-radius:50%;background:var(--accent)}main{flex:1;display:grid;grid-template-columns:1fr 392px;min-height:0;overflow:hidden}.viewer{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:26px;gap:10px;min-width:0}.canvas-wrap{position:relative;max-width:100%;overflow:hidden}.viewer canvas{display:block;max-width:100%;max-height:calc(100vh - 210px);cursor:crosshair;touch-action:none}.scanline{position:absolute;left:0;right:0;top:-2%;height:1px;background:var(--ink);box-shadow:0 0 18px 2px #f2f0ea8c,0 0 60px 10px #f2f0ea1f;opacity:0;pointer-events:none}.viewer-hint{color:var(--ink-dim);font-size:11px;letter-spacing:.06em}aside{border-left:1px solid var(--hairline);padding:6px 26px 40px;overflow-y:auto;overflow-x:hidden;min-height:0}.viewer{min-height:0}details.block>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}details.block>summary::-webkit-details-marker{display:none}details.block>summary .block-label:before{content:"− ";color:var(--ink-dim)}details.block:not([open])>summary .block-label:before{content:"+ "}.light-scroll{max-height:190px;overflow-y:auto}.panel{padding:22px 0 26px;border-bottom:1px solid var(--hairline)}.panel:last-child{border-bottom:none}.panel h2{display:flex;align-items:baseline;gap:10px;font-family:var(--sans);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.26em;color:var(--ink-dim);margin-bottom:14px}.panel h2 i{font-family:var(--serif);font-style:italic;font-size:15px;color:var(--ink);letter-spacing:0}.h2-side{margin-left:auto;display:flex;align-items:center;gap:10px;letter-spacing:.1em}.headline{font-family:var(--serif);font-style:italic;font-size:21px;line-height:1.3;margin-bottom:20px}.block{margin-bottom:20px}.block:last-of-type{margin-bottom:8px}.block-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.block-label{font-size:10px;text-transform:uppercase;letter-spacing:.22em;color:var(--ink-dim)}.tag{font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:2px 9px;border-radius:999px;border:1px solid var(--hairline-strong);color:var(--ink-soft)}.tag-high{border-color:#8fd6a580;color:#8fd6a5}.tag-low,.tag-clip{border-color:#e8503a8c;color:var(--accent)}.hero-num{font-family:var(--serif);font-size:46px;line-height:1.05;font-variant-numeric:tabular-nums;margin:2px 0 4px}.hero-unit{font-family:var(--serif);font-style:italic;font-size:24px;color:var(--ink-dim);margin-left:6px}.scale{display:block;width:100%;height:auto;overflow:visible}.scale text{font-family:var(--sans);font-size:9.5px;letter-spacing:.05em;fill:var(--ink-dim)}.scale text.dim{fill:#989daa99}.scale.duv{margin-top:2px}.micro-row{display:flex;gap:16px;flex-wrap:wrap;color:var(--ink-dim);font-size:11.5px;font-variant-numeric:tabular-nums;margin-top:6px;line-height:1.6}.empty-hint{color:var(--ink-dim);font-size:12.5px;line-height:1.7}.dir-chip{display:flex;align-items:center}.compass{width:34px;height:34px;display:block}.light-row{display:flex;align-items:center;gap:10px;padding:7px 8px;margin:0 -8px;border-radius:8px;font-size:12px;font-variant-numeric:tabular-nums;transition:background .2s;cursor:default}.light-row.hovered{background:#f2f0ea0f}.light-id{font-family:var(--serif);font-style:italic;font-size:14px;width:22px}.light-swatch{width:13px;height:13px;border-radius:50%;border:1px solid var(--hairline-strong);flex-shrink:0}.light-cct{color:var(--ink-soft);width:62px}.light-cct.off-frame{width:auto}.lumen-range{flex:1;height:14px;min-width:60px}.light-lm{color:var(--ink);text-align:right;white-space:nowrap}.light-lm.dim,.mat-v.dim,.v.dim{color:var(--ink-dim)}.fine-print{margin-top:14px}.fine-print summary{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-dim);cursor:pointer;list-style:none}.fine-print summary:before{content:"+ "}.fine-print[open] summary:before{content:"− "}.fine-print p{color:var(--ink-dim);font-size:11.5px;line-height:1.65;margin-top:8px}.mat-card{padding:14px 0 6px;border-top:1px solid var(--hairline);margin-top:12px}.mat-card:first-of-type{border-top:none;margin-top:0}.mat-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.mat-id{font-family:var(--serif);font-style:italic;font-size:16px}.mat-pair{display:flex;align-items:center;gap:6px}.mat-swatch{width:22px;height:22px;border-radius:50%;border:1px solid var(--hairline-strong)}.mat-hex{font-size:12px;color:var(--ink-dim);font-variant-numeric:tabular-nums}.mat-body{display:flex;flex-direction:column;gap:8px}.mat-sphere{width:112px;height:112px;align-self:flex-start;margin:2px 0 4px;filter:drop-shadow(0 12px 24px rgba(0,0,0,.5))}.mat-rows{display:flex;flex-direction:column;min-width:0}.classifier-bar{padding:2px 0 12px}.classifier-progress{color:var(--ink-dim);font-size:11.5px;font-variant-numeric:tabular-nums}.mat-name{background:transparent;border:none;border-bottom:1px dashed transparent;color:var(--ink);font-family:var(--sans);font-size:13px;font-weight:500;width:110px;padding:2px 0}.mat-name:hover{border-bottom-color:var(--hairline-strong)}.mat-name:focus{outline:none;border-bottom-color:var(--ink)}.mat-del{margin-left:auto;background:transparent;border:none;color:var(--ink-dim);font-size:17px;line-height:1;cursor:pointer;padding:2px 6px}.mat-del:hover{color:var(--accent)}.num-edit,.hex-edit{background:transparent;border:none;border-bottom:1px solid var(--hairline);color:var(--ink);font-family:var(--sans);font-size:12px;font-variant-numeric:tabular-nums;padding:1px 4px;width:62px}.hex-edit{width:74px}.num-edit:focus,.hex-edit:focus{outline:none;border-bottom-color:var(--ink)}.num-edit::-webkit-outer-spin-button,.num-edit::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.num-edit{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.toggle-btn{background:transparent;border:1px solid var(--hairline-strong);color:var(--ink);border-radius:999px;padding:2px 12px;font-family:var(--sans);font-size:11.5px;cursor:pointer}.toggle-btn:hover{border-color:var(--ink)}.mat-actions{padding-top:10px}.fine-print.adv{margin-top:8px}.fine-print.adv .mat-row{border-bottom:none;padding:3.5px 0}.mat-row{display:flex;align-items:center;gap:10px;padding:5.5px 0;border-bottom:1px dashed rgba(242,240,234,.08);font-size:12px}.mat-row:last-child{border-bottom:none}.mat-k{width:122px;flex-shrink:0;color:var(--ink-soft)}.mat-v{flex:1;font-variant-numeric:tabular-nums;display:flex;align-items:center;gap:8px;white-space:nowrap}.mat-sub{color:var(--ink-dim);font-size:10.5px;white-space:normal}.rough-bar{width:74px;height:8px;flex-shrink:0}.prov{font-size:9px;letter-spacing:.14em;text-transform:uppercase;padding:2px 8px;border-radius:999px;flex-shrink:0}.prov-measured{background:var(--ink);color:var(--bg-deep)}.prov-inferred{border:1px solid var(--hairline-strong);color:var(--ink-soft)}.prov-assumed{border:1px dashed var(--hairline-strong);color:var(--ink-dim)}.prov-na{color:#989daa8c}.mat-note{color:var(--ink-dim);font-size:11px;line-height:1.6;margin-top:8px}.dist-row{display:flex;align-items:center;gap:10px;color:var(--ink-dim);font-size:12.5px;margin-bottom:14px}.dist-row input{width:60px;background:transparent;border:none;border-bottom:1px solid var(--hairline-strong);color:var(--ink);padding:3px 6px;font-family:var(--sans);font-size:13px;font-variant-numeric:tabular-nums}.dist-row input:focus{outline:none;border-bottom-color:var(--ink)}.btn-row{display:flex;gap:10px;margin-bottom:12px}button.primary{flex:1;background:var(--ink);color:var(--bg-deep);border:none;border-radius:999px;padding:11px 0;font-family:var(--sans);font-size:13px;font-weight:500;letter-spacing:.04em;cursor:pointer;transition:transform .3s cubic-bezier(.22,1,.36,1),background .25s}button.primary:hover{transform:translateY(-2px)}.drop-veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1500;background:#131519db;display:flex;align-items:center;justify-content:center;pointer-events:none;animation:veil-in .25s ease-out}@keyframes veil-in{0%{opacity:0}to{opacity:1}}.veil-frame{border:1px solid var(--hairline-strong);padding:46px 84px;position:relative;animation:frame-in .35s cubic-bezier(.22,1,.36,1)}@keyframes frame-in{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}.veil-frame:before,.veil-frame:after{content:"";position:absolute;background:var(--bg-deep)}.veil-frame:before{top:-1px;left:50%;transform:translate(-50%);width:90px;height:1px}.veil-frame:after{bottom:-1px;left:50%;transform:translate(-50%);width:90px;height:1px}.veil-word{font-family:var(--serif);font-style:italic;font-size:clamp(30px,4.4vw,54px);color:var(--ink)}@media(max-width:960px){main{grid-template-columns:1fr}aside{border-left:none;border-top:1px solid var(--hairline)}.viewer canvas{max-height:52vh}header{padding:14px 18px;gap:14px;flex-wrap:wrap}.exif-bar,.error-bar{padding-left:18px;padding-right:18px}aside{padding:6px 18px 32px}}