:root{color-scheme:dark;font-family:Helvetica Neue,Arial,PingFang SC,sans-serif;color:#f0efe8;background:#10100f;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#10100f}button,input{font:inherit}button{color:inherit}main{min-height:100vh;max-width:1560px;margin:auto;padding:26px 42px 18px;display:flex;flex-direction:column}header{height:68px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #363633}header p{margin:6px 0;color:#7e7d76;font-size:13px;letter-spacing:.08em}.brand{display:flex;align-items:center;gap:11px}.brand-mark{display:grid;place-items:center;color:#111;background:#e5ff4f;width:30px;height:30px;font-size:19px}.brand strong{font-size:18px;letter-spacing:.08em}.brand small{color:#6d6c66;font:9px/1 ui-monospace,monospace;letter-spacing:.18em;padding-left:4px}.intro{flex:1;min-height:580px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:8vw}.intro-copy{max-width:580px;padding-left:5vw}.eyebrow{color:#85847b;font:11px/1.2 ui-monospace,SFMono-Regular,monospace;letter-spacing:.15em}h1{font-size:clamp(48px,6.2vw,100px);line-height:.98;letter-spacing:-.07em;margin:30px 0;font-weight:500}h1 em{color:#e5ff4f;font-style:normal}.intro-copy>p{color:#a5a49c;max-width:500px;font-size:16px;line-height:1.8}.pick{margin-top:27px;border:0;background:#f0efe8;color:#121210;padding:17px 21px;min-width:220px;cursor:pointer;text-align:left;font-weight:700;display:inline-flex;justify-content:space-between;transition:.2s}.pick:hover{background:#e5ff4f;transform:translateY(-2px)}.pick:disabled{opacity:.6;cursor:wait}.formats{display:block;color:#5f5e59;font:10px ui-monospace,monospace;margin-top:12px;letter-spacing:.08em}.error{color:#ffb2a9;border-left:2px solid #ff5a5f;margin-top:20px;padding:9px 12px;background:#291717;font-size:13px}.demo-graphic{position:relative;height:390px;border-left:1px solid #383834;border-bottom:1px solid #383834;display:flex;align-items:flex-end;padding:0 15px}.demo-bars{height:100%;width:100%;display:flex;gap:3px;align-items:flex-end;overflow:hidden}.demo-bars i{background:#e5ff4f;display:block;flex:1;min-height:5px;opacity:.85}.demo-graphic>span{position:absolute;bottom:-24px;color:#6a6964;font:10px monospace}.demo-graphic>span:nth-of-type(1){left:0}.demo-graphic>span:nth-of-type(2){right:0}.demo-graphic>b{position:absolute;right:14px;top:14px;color:#111;background:#e5ff4f;padding:8px}.workspace{flex:1;display:grid;grid-template-columns:minmax(260px,32%) 1fr;gap:42px;padding:38px 0 25px;min-height:0}.preview-panel{border-right:1px solid #363633;padding-right:42px;display:flex;flex-direction:column;min-width:0}.image-stage{flex:1;min-height:310px;background:#191918;display:grid;place-items:center;overflow:hidden}.image-stage img{display:block;width:100%;height:100%;max-height:55vh;object-fit:contain}.file-meta{display:flex;align-items:flex-end;justify-content:space-between;padding:16px 0;border-bottom:1px solid #30302d}.file-meta div{min-width:0}.file-meta span{display:block;color:#66655f;font:9px monospace;text-transform:uppercase;margin-bottom:6px}.file-meta strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px;font-size:13px}.file-meta b{font:10px monospace;color:#89887f;white-space:nowrap}.replace{border:0;border-bottom:1px solid #44443f;background:none;padding:14px 0;cursor:pointer;display:flex;justify-content:space-between;font-size:13px}.replace:hover{color:#e5ff4f}.analysis-panel{min-width:0}.analysis-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px}h2{margin:8px 0 0;font-size:34px;letter-spacing:-.04em;font-weight:500}.channel-switch{display:flex;gap:5px}.channel-switch button{width:44px;height:35px;background:transparent;border:1px solid #3a3a36;color:#77766f;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;font:11px monospace}.channel-switch button i{width:5px;height:5px;border-radius:50%;background:#555}.channel-switch button.active{color:#eee;border-color:#787870}.channel-switch button.active.luma i{background:#f1efe7}.channel-switch button.active.red i{background:#ff5a5f}.channel-switch button.active.green i{background:#62dc8f}.channel-switch button.active.blue i{background:#5b90ff}.chart-wrap{position:relative;background:#151514;border:1px solid #30302d;padding:18px 18px 10px}.histogram{width:100%;height:clamp(230px,32vh,355px);display:block;background:linear-gradient(180deg,rgba(255,255,255,.015),transparent)}.grid{stroke:#33332f;stroke-width:1;stroke-dasharray:4 6;vector-effect:non-scaling-stroke}.cursor{stroke:#e5ff4f;stroke-width:1;vector-effect:non-scaling-stroke}.tone-axis{display:flex;justify-content:space-between;color:#5e5d58;font:9px monospace;padding-top:9px}.tooltip{position:absolute;top:18px;margin-left:13px;min-width:178px;background:#edede7;color:#141412;z-index:2;padding:12px;box-shadow:0 8px 30px #0008;pointer-events:none}.tooltip-left{transform:translate(calc(-100% - 26px))}.tooltip strong{display:block;font:11px monospace;margin-bottom:9px}.tooltip span{display:flex;align-items:center;gap:7px;font-size:11px;margin-top:6px}.tooltip span i{width:6px;height:6px;border-radius:50%}.tooltip span b{margin-left:auto;font:11px monospace}.readouts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #363633;margin-top:26px}.readouts article{padding:18px 20px 4px 0;min-width:0}.readouts article+article{border-left:1px solid #363633;padding-left:20px}.readouts span{color:#85847d;font-size:11px}.readouts span i{font:9px monospace;color:#5c5b56;margin-left:5px}.readouts strong{display:block;font-size:clamp(21px,2vw,32px);font-weight:400;margin:13px 0 8px;overflow-wrap:anywhere}.readouts p{color:#74736c;line-height:1.5;font-size:11px;margin:0}.floating{position:fixed;bottom:70px;left:50%;transform:translate(-50%);z-index:3}footer{min-height:50px;border-top:1px solid #363633;display:flex;justify-content:space-between;align-items:flex-end;color:#676660;font-size:10px}footer label{cursor:pointer;display:flex;align-items:center;gap:8px}footer input{position:absolute;opacity:0}footer label span{width:25px;height:13px;border:1px solid #55544f;position:relative}footer label span:after{content:"";position:absolute;width:7px;height:7px;left:2px;top:2px;background:#777670;transition:.2s}footer input:checked+span:after{transform:translate(12px);background:#e5ff4f}footer p{margin:0}@media(max-width:800px){main{padding:18px 18px 12px}header p{display:none}.brand small{display:none}.intro{grid-template-columns:1fr;padding:60px 0}.intro-copy{padding:0}.demo-graphic{height:210px;margin:10px 5px 30px}.intro h1{font-size:52px}.workspace{display:block;padding-top:22px}.preview-panel{border-right:0;border-bottom:1px solid #363633;padding:0 0 24px}.image-stage{height:270px;min-height:0}.image-stage img{max-height:270px}.analysis-panel{padding-top:28px}.analysis-head{align-items:flex-start;gap:15px}.channel-switch button{width:35px}.histogram{height:230px}.readouts{grid-template-columns:1fr}.readouts article+article{border-left:0;border-top:1px solid #363633;padding-left:0}.readouts article{padding:16px 0}footer{margin-top:18px;align-items:flex-start;padding-top:12px;gap:12px}footer p{text-align:right}}@media(max-width:430px){.analysis-head{display:block}.channel-switch{margin-top:15px}.channel-switch button{flex:1}.tooltip{min-width:160px}.file-meta{align-items:flex-start;gap:8px}.file-meta strong{max-width:210px}}