*{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#0f1724;color:#e8edf4;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app{width:100%;height:100%;position:relative}.hud{position:absolute;left:16px;bottom:16px;right:16px;background:#0c121cb8;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hud-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}.badge{background:#1f2a3a;border-radius:8px;padding:6px 10px;font-size:14px}.btn{background:#2e67d1;color:#fff;border:none;border-radius:8px;padding:8px 12px;cursor:pointer;font-weight:600}.btn:hover{background:#3a79ec}.btn:active{background:#2b60c0}.btn.secondary{background:#1f334d;border:1px solid rgba(255,255,255,.14)}.btn+.btn{margin-left:6px}.hint{color:#cbd5e3;font-size:13px}.palette{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.palette-item{display:flex;align-items:center;gap:10px;width:100%;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#ffffff0a;padding:8px;cursor:pointer;color:#e8edf4;text-align:left}.palette-item.active{border-color:#2e67d1;box-shadow:0 0 0 2px #2e67d133}.palette-item:disabled{opacity:.6;cursor:not-allowed}.swatch{width:36px;height:36px;border-radius:8px;background-size:cover;background-position:center;border:1px solid rgba(255,255,255,.15)}.crosshair{position:absolute;left:50%;top:50%;width:18px;height:18px;transform:translate(-50%,-50%);pointer-events:none}.crosshair:before,.crosshair:after{content:"";position:absolute;background:#fffc}.crosshair:before{width:18px;height:2px;top:8px;left:0}.crosshair:after{width:2px;height:18px;left:8px;top:0}.logo{position:absolute;top:12px;left:16px;width:52px;height:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.35));-webkit-user-select:none;user-select:none;pointer-events:none}.cam-info{position:absolute;top:16px;right:16px;background:#0c121cc7;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 12px;color:#e8edf4;font-size:15px;line-height:1.4;min-width:220px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.cam-info__row{font-weight:700;font-size:18px}.controls{position:absolute;top:96px;left:16px;background:#0c121cc7;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 12px;color:#e8edf4;font-size:13px;line-height:1.4;min-width:220px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.controls__title{font-weight:700;margin-bottom:6px}.controls__row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.controls__row:last-child{margin-bottom:0}.key{display:inline-flex;align-items:center;justify-content:center;min-width:28px;padding:4px 6px;border-radius:6px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;font-weight:700;font-size:13px}.key.wide{min-width:52px}.label{opacity:.9}