:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#161616;background:#ebe7de}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button:disabled{opacity:.45;cursor:not-allowed}main{width:min(1480px,100%);margin:0 auto;padding:clamp(20px,4vw,56px)}header{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:end;border-bottom:1px solid #a8a298;padding-bottom:28px}.eyebrow{font:600 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em;color:#676159}h1{max-width:850px;margin:12px 0 10px;font-size:clamp(42px,7vw,104px);line-height:.93;letter-spacing:-.07em;font-weight:750}.lead{max-width:760px;font-size:15px;line-height:1.8;color:#5d5851}.header-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.upload,button{border:1px solid #161616;background:#161616;color:#f7f3ea;padding:14px 18px;cursor:pointer;white-space:nowrap}button.secondary{background:transparent;color:#161616}.upload input{display:none}.abstraction-control{padding:20px 0 14px;border-bottom:1px solid #a8a298}.abstraction-control>div{display:grid;grid-template-columns:1fr auto 1fr;align-items:baseline;margin-bottom:8px;font:600 10px/1 ui-monospace,monospace;letter-spacing:.13em;color:#6c665f}.abstraction-control>div span:last-child{text-align:right}.abstraction-control strong{font-size:24px;color:#161616;letter-spacing:-.05em}.abstraction-control input{width:100%;accent-color:#161616}.controls{display:flex;gap:20px;flex-wrap:wrap;align-items:center;padding:16px 0;border-bottom:1px solid #a8a298;font-size:13px}.controls label{display:flex;gap:9px;align-items:center}.controls select{background:transparent;border:0;border-bottom:1px solid #777;padding:4px 3px;color:#161616}.controls button{padding:8px 11px;font-size:12px}.controls>span{margin-left:auto;color:#69635c}.controls>span.working:before{content:"●";display:inline-block;margin-right:7px;animation:pulse 1s infinite alternate}.switch input{accent-color:#161616}@keyframes pulse{0%{opacity:.25}to{opacity:1}}.stage{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:18px;margin-top:18px;align-items:start}.visual-stack{min-width:0}.frame{position:relative;background:#f3f0e8;min-height:55vh;display:grid;place-items:center;overflow:hidden;border:1px solid #cbc5bb}.result-canvas{display:block;max-width:100%;max-height:72vh;width:auto;height:auto}.empty{font:600 clamp(18px,3vw,44px)/1 ui-monospace,monospace;text-align:center;color:#aaa49a;padding:40px}.live-pill{position:absolute;top:10px;left:10px;padding:7px 9px;background:#161616;color:#fff;font:700 9px/1 ui-monospace,monospace;letter-spacing:.1em}.camera-strip{display:grid;grid-template-columns:180px 1fr;gap:14px;margin-top:10px;border-top:1px solid #aaa49a;padding-top:10px;align-items:center}.camera-preview{width:180px;aspect-ratio:16/10;object-fit:cover;background:#111;filter:saturate(.85)}.camera-strip>div{display:flex;flex-direction:column;gap:5px}.camera-strip b{font:700 10px/1 ui-monospace,monospace;letter-spacing:.12em}.camera-strip span{max-width:540px;color:#6b665f;font-size:12px;line-height:1.6}aside{border-top:1px solid #161616}.stat{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid #aaa49a;padding:12px 0}.stat b{font-size:34px;letter-spacing:-.05em}.stat span{font-size:10px;text-transform:uppercase;color:#6b665f}.legend{padding-top:12px}.legend div{display:grid;grid-template-columns:12px 1fr auto;gap:8px;align-items:center;padding:5px 0;font-size:12px}.legend i{width:12px;height:12px;display:block}.legend small{color:#787169}@media(max-width:760px){header{grid-template-columns:1fr;align-items:start}.header-actions{justify-content:flex-start}.stage{grid-template-columns:1fr}.frame{min-height:42vh}.controls>span{width:100%;margin-left:0}aside{display:none}.camera-strip{grid-template-columns:112px 1fr}.camera-preview{width:112px}h1{font-size:clamp(42px,16vw,76px)}}.camera-strip.is-hidden{display:none}