:root{--paper:#f2ecdc;--ink:#15333a;--brass:#d7a51d;--coral:#d7583f;--line:#15333a3d;--white:#fffdf5}*{box-sizing:border-box}html,body{background:var(--paper);min-height:100%;color:var(--ink);margin:0}body{font-family:DM Mono,ui-monospace,monospace}.shell{background-image:linear-gradient(#15333a0e 1px,#0000 1px),linear-gradient(90deg,#15333a0e 1px,#0000 1px);background-size:32px 32px;min-height:100vh}.masthead{border-bottom:1px solid var(--ink);letter-spacing:.06em;grid-template-columns:1fr 1fr 1fr;align-items:center;min-height:64px;padding:0 28px;font-size:12px;display:grid}.masthead>div{align-items:center;gap:12px;display:flex}.masthead p{text-align:center;text-transform:uppercase}.mark{background:var(--ink);color:var(--paper);border-radius:50%;place-items:center;width:32px;height:32px;font-size:10px;display:grid}.privacy{text-align:right;font-size:10px}.intro{border-bottom:1px solid var(--ink);grid-template-columns:1.4fr .6fr;gap:48px;padding:55px 28px 45px;display:grid}.eyebrow,.micro{letter-spacing:.14em;font-size:10px;font-weight:500}.intro h1{letter-spacing:-.035em;margin:20px 0 0;font-family:Instrument Serif,Georgia,serif;font-size:clamp(54px,7vw,102px);font-weight:400;line-height:.78}.intro h1 em{color:var(--coral);font-weight:400}.lede{align-self:end;max-width:440px;margin:0;font-size:13px;line-height:1.65}.bench{border-bottom:1px solid var(--ink);grid-template-columns:260px minmax(390px,1fr) minmax(280px,380px);min-height:620px;display:grid}.controls,.stage-wrap,.contact{border-right:1px solid var(--ink);padding:24px}.contact{border-right:0}.rail-title{border-bottom:1px solid var(--line);align-items:baseline;gap:10px;margin-bottom:20px;padding-bottom:13px;display:flex}.rail-title>span{color:var(--coral);font-size:10px}.rail-title h2{margin:0;font-family:Instrument Serif,Georgia,serif;font-size:24px;font-weight:400}.rail-title b{white-space:nowrap;text-overflow:ellipsis;max-width:160px;margin-left:auto;font-size:9px;overflow:hidden}.controls>p{font-size:11px;line-height:1.55}.input-pair{gap:8px;margin:24px 0;display:grid}.button{border:1px solid var(--ink);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;text-align:center;padding:13px 14px;font:500 10px/1 DM Mono,monospace;transition:transform .12s,box-shadow .12s,background .12s}.button:focus-visible,button:focus-visible,.source-stage:focus-visible{outline:3px solid var(--coral);outline-offset:3px}.button:hover:not(:disabled){box-shadow:3px 3px 0 var(--ink);transform:translate(-2px,-2px)}.button.primary{background:var(--ink);color:var(--paper)}.button.secondary{color:var(--ink);background:0 0}.button input{display:none}.button:disabled{opacity:.4;cursor:not-allowed}.preset-block{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.presets{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.presets button{background:var(--white);color:var(--ink);border:1px solid var(--line);cursor:pointer;padding:8px;font:9px DM Mono,monospace}.score{border-top:1px solid var(--line);margin:28px 0 10px}.score>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;padding:11px 0;display:flex}.score dt{text-transform:uppercase;font-size:9px}.score dd{margin:0;font-family:Instrument Serif,Georgia,serif;font-size:34px}.score small{font:9px DM Mono,monospace}.score .label{text-transform:uppercase;font:500 10px DM Mono,monospace}.score .edge-risk{color:var(--coral)}.fineprint{opacity:.7}.message{border-left:3px solid var(--brass);padding:8px}.message.error{border-color:var(--coral);color:#8e2417}.loading{animation:1s infinite pulse}.stage-wrap{flex-direction:column;min-width:0;display:flex}.source-stage,.empty{flex:1;min-height:500px}.source-stage{border:1px solid var(--ink);cursor:crosshair;touch-action:none;background-position:50%;background-size:cover;position:relative;overflow:hidden;box-shadow:8px 8px #15333a1f}.source-stage:before,.source-stage:after{content:"";pointer-events:none;background:#fffdf58c;position:absolute}.source-stage:before{height:1px;top:50%;left:0;right:0}.source-stage:after{width:1px;top:0;bottom:0;left:50%}.source-stage.is-dragging{cursor:grabbing}.crosshair{border:2px solid var(--white);filter:drop-shadow(0 1px 2px #15333a);pointer-events:none;z-index:2;border-radius:50%;width:42px;height:42px;position:absolute;transform:translate(-50%,-50%)}.crosshair:before,.crosshair:after{content:"";background:var(--white);position:absolute}.crosshair:before{width:56px;height:2px;top:18px;left:-9px}.crosshair:after{width:2px;height:56px;top:-9px;left:18px}.crosshair span{background:var(--brass);border:2px solid var(--ink);z-index:1;border-radius:50%;width:10px;height:10px;position:absolute;top:14px;left:14px}.stage-tip{background:var(--ink);color:var(--paper);letter-spacing:.07em;padding:7px 9px;font-size:8px;position:absolute;bottom:8px;left:12px}.empty{border:1px dashed var(--ink);text-align:center;place-content:center;padding:40px;display:grid}.empty-target{color:var(--brass);font-family:serif;font-size:70px}.empty h3{margin:8px;font:30px Instrument Serif,serif}.empty p{max-width:300px;font-size:10px;line-height:1.6}.apertures{grid-template-columns:1fr 1fr;align-items:start;gap:22px 14px;display:grid}.apertures figure{margin:0}.crop{border:1px solid var(--ink);background-color:#e5deca;background-repeat:no-repeat;background-size:cover;place-items:center;transition:background-position .14s;display:grid;position:relative;overflow:hidden}.crop:before,.crop:after{content:"";pointer-events:none;border:1px solid #fffdf5a6;position:absolute;inset:10%}.crop:after{background:linear-gradient(90deg,#0000 33%,#ffffff59 33.2%,#0000 33.5% 66%,#ffffff59 66.2%,#0000 66.5%);border:0;inset:0}.crop i{background:var(--brass);width:5px;height:5px;box-shadow:0 0 0 1px var(--ink);border-radius:50%;position:absolute;top:50%;left:50%}figcaption{flex-direction:column;gap:2px;padding-top:7px;display:flex}figcaption strong{font:18px Instrument Serif,serif}figcaption span{text-transform:uppercase;font-size:8px}.handoff{padding:25px 28px 18px}.recipe-line{grid-template-columns:1fr 1.6fr auto;align-items:center;gap:28px;display:grid}.recipe-line span{margin-bottom:7px;font-size:8px;display:block}.recipe-line code{color:var(--coral);font:32px Instrument Serif,serif}.recipe-line pre{border-left:1px solid var(--line);white-space:pre-wrap;margin:0;padding-left:20px;font:10px/1.5 DM Mono,monospace}.copy-status{color:#27614c;min-height:16px;font-size:10px}footer{border-top:1px solid var(--line);text-transform:uppercase;letter-spacing:.1em;padding:14px 28px;font-size:8px}@keyframes pulse{50%{opacity:.4}}@media (max-width:1050px){.bench{grid-template-columns:240px 1fr}.contact{border-top:1px solid var(--ink);grid-column:1/-1}.apertures{grid-template-columns:repeat(4,1fr)}.recipe-line{grid-template-columns:1fr 1fr}.recipe-line .button{grid-column:1/-1}}@media (max-width:700px){.masthead{grid-template-columns:1fr auto;padding:0 16px}.masthead p{display:none}.intro{grid-template-columns:1fr;gap:28px;padding:38px 16px 30px}.intro h1{font-size:58px}.bench{display:block}.controls,.stage-wrap,.contact{border-right:0;border-bottom:1px solid var(--ink);padding:20px 16px}.source-stage,.empty{min-height:390px}.apertures{grid-template-columns:1fr 1fr}.handoff{padding:22px 16px}.recipe-line{flex-direction:column;align-items:stretch;display:flex}.recipe-line pre{border-left:0;border-top:1px solid var(--line);padding:14px 0}.privacy{font-size:8px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.button,.crop{transition:none}.loading{animation:none}}