:root{color:#e6edf3;background:#0a0d12;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:1050px;margin:0}button,input{font:inherit}button{color:#d9e2ec;cursor:pointer;background:#151b23;border:1px solid #303a46;border-radius:7px;padding:9px 12px}button:hover{border-color:#647386}button:disabled{opacity:.45;cursor:not-allowed}.app{flex-direction:column;height:100vh;display:flex}header{background:#0d1117;border-bottom:1px solid #252c35;justify-content:space-between;align-items:center;height:70px;padding:0 22px;display:flex}.brand{letter-spacing:.08em;font-size:21px;font-weight:900}.brand span{font-weight:500}.tag{color:#7d8997;margin-top:3px;font-size:11px}.status{letter-spacing:.1em;color:#7dd3fc;font-size:11px}main{flex:1;grid-template-columns:330px 1fr;min-height:0;display:grid}aside{background:#0d1117;border-right:1px solid #252c35;padding:18px;overflow:auto}section{border-bottom:1px solid #202731;margin-bottom:16px;padding-bottom:16px}h3{letter-spacing:.14em;color:#7d8997;margin:0 0 12px;font-size:10px}.upload{text-align:center;color:#a9b5c2;cursor:pointer;border:1px dashed #3b4654;border-radius:8px;padding:16px;font-size:12px;display:block}.upload input{display:none}.grid2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.field{flex-direction:column;gap:5px;display:flex}.field span{color:#778493;font-size:10px}.field input{color:#e6edf3;background:#111720;border:1px solid #28323d;border-radius:6px;width:100%;padding:7px 8px}.field input[type=range]{padding:8px 0}.pegNote{color:#8ea0b3;background:#101822;border-radius:6px;margin-top:10px;padding:10px;font-size:10px;line-height:1.5}.primary{color:#0a0d12;background:#e6edf3;border-color:#e6edf3;width:100%;margin-top:4px;font-weight:800}.actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;display:grid}.workspace{background:#0a0d12;flex-direction:column;min-width:0;display:flex}.toolbar{border-bottom:1px solid #252c35;align-items:center;gap:7px;height:52px;padding:8px 12px;display:flex}.toolbar button{letter-spacing:.08em;font-size:10px}.toolbar .active{background:#242c36}.toolbar label{color:#8b98a8;align-items:center;gap:7px;font-size:10px;display:flex}.toolbar input{width:130px}.toolbar b{color:#dbe5ef}.spacer{flex:1}.viewer{flex:1;min-height:0;position:relative}.viewer canvas{display:block}.viewerHint{color:#667382;pointer-events:none;font-size:10px;position:absolute;bottom:12px;left:14px}.editor{background:#0d1117;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.editor img{object-fit:contain;max-width:90%;max-height:90%;box-shadow:0 0 0 1px #29313a}.pegOverlay{pointer-events:none;width:82%;height:82%;position:absolute;top:9%;left:9%}.pegOverlay i{background:#58a6ff;border-radius:50%;width:11px;height:11px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #0a0d12}.bottom{border-top:1px solid #252c35;justify-content:space-between;align-items:center;min-height:74px;padding:12px 16px;display:flex}.chips{gap:5px;display:flex}.chip{padding:5px 9px;font-size:10px}.chip.on{background:#2a3440;border-color:#718197}.stats{color:#697787;letter-spacing:.1em;gap:22px;font-size:9px;display:flex}.stats b{color:#dce5ed;letter-spacing:0;margin-top:2px;font-size:14px;display:block}
